.ds-note-group{position:absolute;top:-0.75rem;right:-0.25rem;display:flex;gap:.25rem;z-index:10}.ds-note{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.65rem;border-radius:50%;cursor:pointer;border:2px solid var(--bs-body-bg);transition:transform .1s ease-in-out}@media(prefers-reduced-motion: reduce){.ds-note{transition:none}}.ds-note:hover{transform:scale(1.2)}.ds-note--a11y{background-color:var(--ucl-violet);color:#fff}.ds-note--behavior{background-color:var(--ucl-lake);color:#fff}.ds-note--tracking{background-color:var(--ucl-terracotta);color:#fff}.ds-note--responsive{background-color:var(--ucl-ivy);color:#fff}.ds-note--info{background-color:var(--ucl-greystone);color:#fff}.ds-annotated{position:relative;outline:2px dashed var(--ds-annotation-color, --ucl-greystone, #868e96);outline-offset:4px}.popover .popover-header{margin-top:0}.ds-notes-hidden .ds-note-group{display:none !important}.ds-notes-hidden .ds-annotated{outline-color:rgba(0,0,0,0) !important}.ds-notes-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1050;display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:500;border-radius:2rem;border:2px dashed var(--bs-border-color);background-color:var(--bs-body-bg);color:var(--bs-body-color);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.ds-notes-toggle{transition:none}}.ds-notes-toggle:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}.ds-notes-toggle[aria-pressed=false]{opacity:.6}.annotation-swatch{font-weight:600}.annotation-swatch--a11y{color:var(--ucl-violet)}.annotation-swatch--behavior{color:var(--ucl-lake)}.annotation-swatch--tracking{color:var(--ucl-terracotta)}.annotation-swatch--responsive{color:var(--ucl-ivy)}.annotation-swatch--info{color:var(--ucl-greystone)}.element-with-label{position:relative}.element-label{position:absolute;top:-1.75rem;left:0;display:inline-block;padding:.35em .65em;font-size:.75rem;font-weight:500;font-family:monospace;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;background-color:#e8ebef;color:#585f6b;border:1px solid #dee2e6}.token-table{font-size:.875rem}.token-table__name{white-space:nowrap}.token-table__notes{min-width:14rem}.token-table__swatch{display:block;background-color:var(--token-swatch);width:2.5rem;height:2.5rem;border:1px solid #dee2e6;border-radius:.375rem}.token-table__copy{padding:0;font-family:var(--bs-font-monospace);font-size:.8125rem;color:#007396;text-align:left;background:none;border:0;border-radius:.25rem;cursor:copy}.token-table__copy:hover,.token-table__copy:focus-visible{text-decoration:underline}.token-table__copy--copied{background-color:rgb(228,235.4,218.8);text-decoration:none}.token-table__empty{color:#585f6b}.token-table__row--filtered{display:none}.token-search{max-width:22rem}.token-search__count{color:#585f6b;font-size:.875rem}.token-badge--empty{opacity:.5}.color-ratio{border:1px solid var(--bs-border-color);overflow:hidden}.color-ratio__segment{min-height:3rem}.color-ratio__segment--60{flex:0 0 60%}.color-ratio__segment--30{flex:0 0 30%}.color-ratio__segment--10{flex:0 0 10%}.documentation>h1:first-child{font-size:calc(1.475rem + 2.7vw)}@media(min-width: 1200px){.documentation>h1:first-child{font-size:3.5rem}}.documentation>h1:first-child{font-weight:300;line-height:1.2;margin-bottom:1.5rem}.documentation>h2,.documentation>h3,.documentation>h4{margin-top:3rem;margin-bottom:1rem}.documentation>h1+h2,.documentation>.lead+h2,.documentation>hr+h2,.documentation>:first-child{margin-top:0}.documentation>hr{margin-top:3rem;margin-bottom:3rem}.docs-navbar{background-color:maroon;--bs-navbar-color: #fff;--bs-navbar-hover-color: #fff;--bs-navbar-active-color: #fff;--bs-navbar-nav-link-padding-x: 0.8rem;--bs-nav-link-font-size: 0.9rem;--bs-nav-link-font-weight: 400}.docs-navbar a:visited{color:var(--bs-navbar-color)}.docs-navbar .nav-link{transition:background-color .2s ease}@media(prefers-reduced-motion: reduce){.docs-navbar .nav-link{transition:none}}.docs-navbar .nav-link{white-space:nowrap}.docs-navbar .nav-link:hover,.docs-navbar .nav-link:focus,.docs-navbar .nav-link.active{background-color:#4d0000}@media(max-width: 767.98px){.docs-navbar .nav-link{border-bottom:1px solid hsla(0,0%,100%,.1);padding-left:1rem;padding-right:1rem}}@media(max-width: 767.98px){.docs-navbar .navbar-collapse{margin-left:calc(var(--bs-gutter-x)*.5*-1);margin-right:calc(var(--bs-gutter-x)*.5*-1)}}.docs-header-wordmark{color:maroon;font-weight:600;line-height:1.1;border-left:1px solid #e8ebef;padding-left:.75rem;margin-left:.75rem}/*# sourceMappingURL=meta.css.map */