@charset "UTF-8";[data-page-icons] [data-filters]{display:flex;flex-direction:row;place-items:center center;gap:var(--spacing-sizing-12);font-size:var(--spacing-sizing-12);margin-bottom:var(--spacing-sizing-02)}[data-page-icons] [data-filters] [data-type]{max-width:300px}[data-page-icons] [data-icons]{width:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--spacing-sizing-24),1fr));margin-bottom:var(--spacing-sizing-18)}[data-page-icons] [data-icons] h3{flex:1 1 100%}[data-page-icons] [data-icons] [data-icon]{background:none;margin:0;padding:var(--spacing-sizing-01);color:var(--foreground-neutral-on-surface);border:solid 1px var(--surface-brand-primary-highlight);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:1/1;font:var(--labels-small)}[data-page-icons] [data-icons] [data-icon][data-type=brand][data-name$=White]{background-color:var(--surface-neutral-t3-low)}[data-page-icons] [data-icons] [data-icon] [data-svg][data-filled]{display:none}[data-page-icons] [data-icons] [data-icon] [data-title]{font:var(--labels-x-small);width:100%;padding:var(--spacing-sizing-01);text-align:left}[data-page-icons] [data-icons] [data-icon] [data-no-fill],[data-page-icons] [data-icons] [data-icon] [data-no-variant]{width:100%;text-align:right;font:var(--labels-x-small);color:var(--foreground-neutral-on-surface-variant-03)}[data-page-icons] [data-icons] [data-icon] [data-no-variant]{opacity:0}[data-page-icons] [data-icons] [data-icon]:hover{background-color:var(--interactions-hover-opacity);outline:solid 1px var(--surface-brand-primary-highlight)}[data-page-icons] [data-icons] [data-icon]:hover[data-has-variant] [data-svg]{display:none}[data-page-icons] [data-icons] [data-icon]:hover[data-has-variant] [data-svg][data-filled]{display:flex}[data-page-icons] [data-icons] [data-icon]:hover [data-no-fill] span{display:none}[data-page-icons] [data-type-header]{font:var(--heading-h2);margin:.75em 0 .5em}[data-selected-icon] header{display:flex;flex-direction:row;align-items:end;justify-content:space-between;padding:var(--spacing-sizing-05);width:100%}[data-selected-icon] header [data-title]{font:var(--heading-h2)}[data-selected-icon] header [data-type]{font:var(--labels-base);color:var(--foreground-neutral-on-surface-variant-03)}[data-selected-icon] [data-preview]{display:flex;flex-direction:row;align-items:start;gap:var(--spacing-sizing-05);padding:0 var(--spacing-sizing-05) var(--spacing-sizing-05)}[data-selected-icon] [data-preview] [data-preview-large]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}[data-selected-icon] [data-preview] [data-preview-large] [data-checkered]{width:200;height:200;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sizing-05)}[data-selected-icon] [data-preview] [data-preview-large] label{width:fit-content}[data-selected-icon] [data-preview] [data-sizes-color]{display:flex;flex-direction:column;gap:var(--spacing-sizing-05);flex:1;align-items:center;justify-content:center}[data-selected-icon] [data-preview] [data-sizes-color] [data-sizes]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sizing-02)}[data-selected-icon] [data-preview] [data-sizes-color] [data-sizes] [data-checkered]{padding:var(--spacing-sizing-02);aspect-ratio:1/1;width:var(--size);height:var(--size)}[data-selected-icon] [data-preview] [data-sizes-color] [data-colors]{display:grid;grid-template-columns:1fr repeat(2,auto);gap:var(--spacing-sizing-02);align-items:center;justify-content:end;text-align:right}[data-selected-icon] [data-preview] [data-sizes-color] [data-colors] [data-color-variant]{padding:var(--spacing-sizing-02);aspect-ratio:1/1;width:38px;display:flex;justify-content:center;align-items:center}[data-selected-icon] [data-search-terms]{font:var(--body-small);padding:0 var(--spacing-sizing-05) var(--spacing-sizing-05);color:var(--foreground-neutral-on-surface-variant-03)}[data-selected-icon] [data-search-terms] span{color:var(--foreground-neutral-on-surface-variant-01)}[data-checkered]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sizing-02);background-color:var(--background1);background-image:linear-gradient(45deg,var(--background2) 25%,transparent 25%),linear-gradient(-45deg,var(--background2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--background2) 75%),linear-gradient(-45deg,transparent 75%,var(--background2) 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0}[data-color=original]{--foreground: var(--foreground-neutral-on-surface);--background: var(--surface-neutral-t1-base)}[data-search-results]{margin-top:.5rem;max-height:50vh;overflow-y:scroll}[data-search-results] [data-search-result]{padding:.5rem .5rem 1rem;cursor:pointer;border-radius:var(--radius-sm)}[data-search-results] [data-search-result] span{color:var(--foreground-brand-primary)}[data-search-results] [data-search-result]:hover{background-color:var(--surface-brand-primary-highlight)}[data-search-results] [data-search-result]:hover h5{color:var(--foreground-brand-primary)}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}h1,h2,h3,h4,h5,h6{scroll-margin-top:calc(var(--spacing-sizing-16));margin-bottom:.25em}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:1.15em}h1{font:var(--heading-h1)}h2{font:var(--heading-h2)}h3{font:var(--heading-h3)}h4{font:var(--heading-h4)}h5{font:var(--heading-h5)}h6{font:var(--heading-h6)}p{font:var(--body-base);margin-bottom:1rem;max-width:75ch}[data-axe-node] pre{margin:0}[data-axe-pass]{margin:0 0 1.5rem}#root{display:contents}#root>*{transition:opacity .5s ease-in-out;opacity:0}#root.loaded>*{opacity:1}:root{--left-nav-width: 260px;--nav-contents-width: 200px}[data-main]{width:100vw;height:fit-content;margin:var(--spacing-sizing-20) 0 0 0;padding:0}[data-navigation]+[data-main]{padding-left:calc(var(--left-nav-width))}[data-nav-contents]{height:fit-content;overflow:hidden;display:none;position:fixed;top:var(--spacing-sizing-20);right:var(--spacing-sizing-06);margin:0;padding:0;width:var(--nav-contents-width)}[data-nav-contents] [data-txt]{margin:0}[data-nav-contents] nav{display:flex;flex-direction:column}[data-nav-contents] nav [data-bspk=list-item]{border-left:3px solid transparent}[data-nav-contents] nav [data-bspk=list-item][data-selected]{border-left-color:var(--interactions-neutral-press-opacity)}body[data-screen-size=large] [data-nav-contents]{display:block}body[data-screen-size=large] [data-main]:has([data-nav-contents]){padding-right:calc(var(--nav-contents-width) + var(--spacing-sizing-06))}[data-page]{max-width:1080px;margin:0 auto;padding:0 var(--spacing-sizing-20) var(--spacing-sizing-20)}[data-screen-size=small] [data-page]{padding:0 var(--spacing-sizing-08)}[data-show-touch-targets] [data-touch-target]{border:3px dashed #ff4f8d;display:block;opacity:1!important;z-index:2!important}[data-axe-results]{display:flex;flex-direction:column;padding:var(--spacing-sizing-05)}[data-axe-results] [data-axe-violations],[data-axe-results] [data-axe-violations] [data-item-label] [data-text]{color:var(--status-error)}[data-axe-results] [data-axe-pass],[data-axe-results] [data-axe-pass] [data-item-label] [data-text]{color:var(--status-success)}[data-example-code]{background:var(--surface-neutral-t1-base);border:solid 1px var(--stroke-neutral-low-contrast);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);position:relative}[data-example-code] [data-example-render]{width:343px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;padding:var(--spacing-sizing-04)}[data-example-code]>section:not([data-active-tab]){position:absolute;opacity:0;left:-9999px}[data-example-code] [data-example]{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius-sm);min-height:var(--spacing-sizing-24);position:relative}[data-example-code] [data-example][data-checkers]{background-image:linear-gradient(45deg,var(--background-shade) 25%,transparent 25%),linear-gradient(-45deg,var(--background-shade) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--background-shade) 75%),linear-gradient(-45deg,transparent 75%,var(--background-shade) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}[data-example-code] [data-code]{border-radius:var(--radius-sm);border-top:solid 1px var(--stroke-neutral-low-contrast);min-height:var(--spacing-sizing-24)}[data-example-code] [data-code] [data-syntax]{margin:0}[data-example-code] [data-code] [data-syntax] code{min-height:var(--spacing-sizing-24)}[data-example-code] [data-example]:has(+*+[data-actions-errors]),[data-example-code] [data-code]:has(+[data-actions-errors]){border-bottom-left-radius:0;border-bottom-right-radius:0}[data-example-code] [data-actions-errors]{pointer-events:none;position:absolute;left:0;bottom:0;max-height:100%;width:100%;overflow:hidden;z-index:var(--z-index-footer);padding:var(--spacing-sizing-02);display:flex;flex-direction:column-reverse;gap:var(--spacing-sizing-01)}[data-example-code] [data-actions-errors] [data-bspk=inline-alert]{justify-content:unset;width:fit-content;padding:var(--spacing-sizing-02);transition:opacity 1s;opacity:1}[data-example-code] [data-actions-errors] [data-informational]{display:flex;flex-direction:column-reverse}[data-example-code] [data-actions-errors] [data-informational] [data-variant=informational]{width:fit-content;justify-content:unset;position:relative;opacity:.25;padding:var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-example-code] [data-actions-errors] [data-informational] [data-variant=informational]:first-child{position:relative;animation:slide-in .5s ease-in-out forwards}[data-example-code] [data-actions-errors] [data-informational] [data-variant=informational]:first-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-base);opacity:.85;z-index:1}[data-example-code] [data-actions-errors] [data-informational] [data-variant=informational]:first-child>*{position:relative;z-index:2}@keyframes slide-in{0%{opacity:0;right:50%}70%{opacity:.15}to{right:0;opacity:1}}[data-example-code] [data-errors]{opacity:.7;padding:.5rem 1rem;background-color:var(--status-error);border-radius:var(--radius-sm);border-top-left-radius:0;border-top-right-radius:0;border-top:0;color:var(--foreground-neutral-on-color);font:var(--body-small);font-family:monospace;width:100%}[data-example-code] [data-actions]{width:100%}[data-example-code] [data-usage] p{padding:var(--spacing-sizing-02) var(--spacing-sizing-02) 0 var(--spacing-sizing-02);width:100%}[data-example-code] [data-usage] [data-syntax]{margin:0}[data-type-props] [data-cell=controls]{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding-bottom:var(--spacing-sizing-04);position:relative}[data-type-props] [data-cell=controls] label:empty{display:none}[data-type-props] [data-type-options]{display:flex;flex-flow:row wrap;gap:.5rem;max-width:300px}[data-example-wrapper]{position:relative}[data-example-wrapper] [data-example-settings]{margin:var(--spacing-sizing-02) 0 0 0;display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:100%}[data-example-wrapper] [data-example-settings] [data-presets]{display:flex;flex-direction:row;max-width:100%;overflow:auto}[data-example-wrapper] [data-example-settings] [data-touch-target-toggle]{display:flex;align-items:center}[data-component-page] [data-header]{display:flex;flex-direction:row;justify-content:space-between}section[data-variants] [data-example]{align-items:start}section[data-variants] [data-example] [data-example-render]{display:flex;flex-direction:column;margin:0;gap:var(--spacing-sizing-05)}section[data-variants] [data-example] [data-example-render] [data-option-container]{width:100%}section[data-variants] [data-example] [data-example-render] [data-option-container]>[data-bspk=tag]{margin:0 0 var(--spacing-sizing-02)}section[data-variants] [data-example] [data-example-render] [data-option-container] [data-option-render]{display:flex;flex-flow:row wrap;align-items:center;justify-content:start;width:100%;gap:var(--spacing-sizing-06)}a[data-nav-target]{display:block;position:relative;font:inherit!important;font-style:inherit!important;color:inherit!important;text-decoration:inherit!important;width:fit-content}a[data-nav-target] [data-link]{display:none}a[data-nav-target] [data-link] svg{width:var(--spacing-sizing-05)}a[data-nav-target]:hover [data-link]{display:block;position:absolute;right:calc(var(--spacing-sizing-08) * -1);top:0;opacity:.5}[data-example-placeholder]{display:flex;justify-content:center;align-items:center;background-color:var(--surface-neutral-t3-low);column-gap:var(--spacing-sizing-01)}[data-search-modal] [data-dialog-box]{padding:var(--spacing-sizing-03)}[data-syntax]{position:relative;margin-bottom:var(--spacing-sizing-06)}[data-syntax] .hljs-doctag,[data-syntax] .hljs-keyword,[data-syntax] .hljs-meta .hljs-keyword,[data-syntax] .hljs-template-tag,[data-syntax] .hljs-template-variable,[data-syntax] .hljs-type,[data-syntax] .hljs-variable.language_{color:#ce3745}[data-syntax] .hljs-name,[data-syntax] .hljs-quote,[data-syntax] .hljs-selector-tag,[data-syntax] .hljs-selector-pseudo{color:#22804b}[data-syntax] .hljs-built_in,[data-syntax] .hljs-symbol{color:#bb5006}[data-syntax] .hljs-comment,[data-syntax] .hljs-code,[data-syntax] .hljs-formula{color:#69717b}[data-syntax] pre code.hljs{background-color:var(--background-shade)!important;font-size:14px}[data-syntax] [data-copy-code]{opacity:0}[data-syntax]:hover [data-copy-code]{opacity:.7}[data-navbar]{display:flex;justify-content:space-between;place-items:center center;padding:0 var(--spacing-sizing-05);box-shadow:var(--drop-shadow-south);height:var(--spacing-sizing-14);position:fixed;width:100%;z-index:var(--z-index-navbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0}[data-navbar] [data-backdrop]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-shade);opacity:.75;z-index:-1}[data-navbar] [data-header]{margin-right:var(--spacing-sizing-03);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sizing-02);justify-content:baseline}[data-navbar]>*{margin:0}[data-navbar] [data-logo]{margin:0;display:flex;align-items:center;flex-direction:row;font:var(--body-large);color:var(--foreground-neutral-on-surface)}[data-navbar] [data-logo] img{height:var(--spacing-sizing-08);width:auto}[data-navbar] [data-logo] span{display:block}[data-navbar] [data-logo] span+span{margin-left:var(--spacing-sizing-03);padding:0 0 0 var(--spacing-sizing-03);border-left:solid 1px var(--stroke-neutral-low)}[data-navbar] [data-logo] [data-name]{font:var(--heading-h5);font-weight:600;letter-spacing:var(--spacing-sizing-01)}[data-theme=dark] [data-navbar] [data-logo] img{filter:brightness(0) invert(1)}[data-navbar] [data-navbar-right]{display:flex;gap:var(--spacing-sizing-03);align-items:center;justify-content:flex-end}[data-navbar] [data-navbar-right] [data-bspk=select]{min-width:200px}[data-navbar] [data-search-button]{display:flex;gap:var(--spacing-sizing-01);align-items:center;padding:0 var(--spacing-sizing-03);font:var(--body-base);border:1px solid var(--stroke-brand-primary);box-shadow:none;color:var(--foreground-neutral-on-surface)}[data-navbar] [data-search-button] svg{width:var(--spacing-sizing-05);height:var(--spacing-sizing-05)}[data-navbar] [data-search-button] [data-txt]{color:var(--colors-neutral-48);margin-left:var(--spacing-sizing-03)}[data-navigation]{background-color:var(--surface-neutral-t1-base);height:calc(100vh - var(--spacing-sizing-16));width:var(--left-nav-width);position:fixed;flex:0 0 var(--left-nav-width);margin:var(--spacing-sizing-16) 0 0;padding:0;overflow:hidden scroll;top:0}[data-navigation] div[role=menu]{height:auto;display:flex;flex-direction:column;background-color:var(--surface-neutral-t1-base)}[data-navigation] div[role=menu] [data-divider]{margin:var(--spacing-sizing-02) var(--spacing-sizing-03)}[data-navigation] div[role=menu] [data-header]{display:flex;flex-direction:row;align-items:center;height:var(--spacing-sizing-09);padding:0 var(--spacing-sizing-03)}[data-navigation] div[role=menu] a[data-link]{display:flex;flex-direction:row;align-items:center;height:var(--spacing-sizing-12);position:relative;margin:0;text-decoration:none;font:var(--labels-small);color:var(--foreground-neutral-on-surface);padding:0 var(--spacing-sizing-03)}[data-navigation] div[role=menu] a[data-link][data-selected]{color:var(--foreground-brand-primary)}[data-navigation] div[role=menu] a[data-link][data-selected]:before{content:"";position:absolute;top:0;left:0;width:var(--spacing-sizing-01);height:100%;background-color:var(--foreground-brand-primary);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}[data-navigation]>[data-button]{margin-bottom:3rem}[data-dialog-root] [data-navigation]{width:100%;position:relative}[data-dialog-box]{overflow:hidden}[data-dialog-box] [data-navigation]{position:relative;width:100%;height:100%;padding:var(--spacing-sizing-04) 0}[data-links-grid]{width:100%;display:grid;grid-template-columns:repeat(7,1fr);margin:var(--spacing-sizing-04) 0}[data-links-grid]>span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}[data-links-grid]>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}[data-links-grid]>div[data-kind=subtle-inverse]{background:#333}body[data-bspk-code-demo]{background-color:#e0e0e0!important}body[data-bspk-code-demo] ul{padding:0;margin:0;margin-bottom:1.5rem;list-style:none}body[data-bspk-code-demo] ul li{list-style:disc;margin:0;margin-left:1.5rem;padding:0}body[data-bspk-code-demo] blockquote{background-color:var(--background-shade);padding:.75rem 1.5rem;margin:1.5rem 0;border-left:6px solid var(--stroke-brand-primary);position:relative;font-style:italic;color:var(--foreground-neutral-on-surface)}body[data-bspk-code-demo] blockquote:before{content:"“";font-size:4rem;line-height:1;position:absolute;left:.25rem;top:-.5rem;color:var(--stroke-brand-primary);font-family:serif;opacity:.15;pointer-events:none}body[data-bspk-code-demo] blockquote p{margin:0}