@layer scout-ui-docs.reset, scout-ui-docs.base, scout-ui-docs.layout, scout-ui-docs.components, scout-ui-docs.states;@layer scout-ui-docs.reset{*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:var(--sui-navbar-sticky-offset)}body,html{min-width:20rem}body{margin:0;overflow-x:clip}img,svg{max-width:100%}button,input,select{font:inherit}}@layer scout-ui-docs.base{:root{--sui-font-display:"Arial Black","Avenir Next","Helvetica Neue",arial,sans-serif;--sui-font-body:inter,ui-sans-serif,system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",sans-serif;--sui-font-mono:"SFMono-Regular",consolas,"Liberation Mono",ui-monospace,monospace;--sui-docs-grid-gutter:1.5rem;--sui-docs-readable:min(100%,47.5rem)}body{color:var(--sui-ink);background:linear-gradient(rgb(18 17 22/3%) 1px,transparent 1px) 0 0 /100% 1.75rem,var(--sui-paper);font-family:var(--sui-font-body);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration-thickness:.12em;text-underline-offset:.2em}[tabindex="-1"]:focus-visible,[tabindex="0"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{position:relative;z-index:var(--sui-layer-control);outline:var(--sui-focus-width) solid var(--sui-focus);outline-offset:var(--sui-focus-gap);box-shadow:0 0 0 calc(var(--sui-focus-width) + var(--sui-focus-gap)) var(--sui-focus-separation)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{font-family:var(--sui-font-display);text-wrap:balance}h2[id],h3[id],section[id]{scroll-margin-block-start:var(--sui-navbar-sticky-offset)}code,kbd,pre{font-family:var(--sui-font-mono)}code:not(pre code){padding:.12em .35em;border:1px solid;background:var(--sui-paper-muted);font-size:.9em}::selection{color:var(--sui-ink);background:var(--sui-acid)}.sui-docs-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sui-docs-eyebrow{margin-block-end:var(--sui-space-3);font-size:var(--sui-type-eyebrow);font-weight:var(--sui-weight-extrabold);line-height:var(--sui-leading-label);text-transform:uppercase;letter-spacing:var(--sui-tracking-eyebrow)}.sui-docs-lede{max-width:44rem;margin-block-end:0;color:var(--sui-ink-muted);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55}}@layer scout-ui-docs.layout{.sui-docs-skip-link{position:fixed;z-index:calc(var(--sui-layer-modal) + 5);inset-block-start:var(--sui-space-3);inset-inline-start:var(--sui-space-4);padding:.7rem 1rem;border:var(--sui-border-strong) solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-acid);box-shadow:var(--sui-shadow-offset-sm) var(--sui-shadow-offset-sm) 0 var(--sui-ink);font-weight:var(--sui-weight-extrabold);translate:0 -160%}.sui-docs-skip-link:focus{translate:0}#main-content{min-height:70vh;outline:none}.sui-docs-component-page,.sui-docs-not-found,.sui-docs-page,.sui-docs-reading-page{width:min(100%,var(--sui-content-max));margin-inline:auto;padding:clamp(3.5rem,7vw,7rem) var(--sui-page-edge) clamp(6rem,10vw,10rem)}.sui-docs-page-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sui-docs-grid-gutter);margin-block-end:clamp(3rem,6vw,6rem)}.sui-docs-page-heading>*{grid-column:1/span 8}.sui-docs-component-intro h1,.sui-docs-not-found h1,.sui-docs-page-heading h1,.sui-docs-reading-page>header h1{margin-block-end:var(--sui-space-6);font-size:var(--sui-type-display-l);line-height:var(--sui-leading-display-l);letter-spacing:var(--sui-tracking-display-l)}.sui-docs-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:clamp(2.5rem,6vw,6rem);align-items:start;min-width:0}.sui-docs-reading-column{min-width:0;max-width:100%;width:var(--sui-docs-readable)}.sui-docs-mdx>:is(h2,h3,p,ul,ol,figure),.sui-docs-reading-column>section{max-width:var(--sui-docs-readable)}.sui-docs-reading-column>section{padding-block:var(--sui-space-8) var(--sui-space-12);border-block-start:var(--sui-border-strong) solid var(--sui-ink)}.sui-docs-mdx h2,.sui-docs-reading-column h2{margin-block-end:var(--sui-space-4);font-size:var(--sui-type-heading-m);line-height:var(--sui-leading-heading);letter-spacing:var(--sui-tracking-heading-m)}.sui-docs-mdx h3,.sui-docs-reading-column h3{margin-block:var(--sui-space-10) var(--sui-space-3);font-size:var(--sui-type-heading-s)}.sui-docs-mdx li,.sui-docs-mdx p,.sui-docs-reading-column p{font-size:1.06rem;line-height:1.72}}@layer scout-ui-docs.components{.sui-sticker-navbar{z-index:var(--sui-layer-navigation)}.sui-sticker-navbar-brand a{text-decoration:none}.sui-sticker-navbar-brand sup{color:var(--sui-ultraviolet);font-size:.65em}.sui-sticker-navbar-dialog-close{color:var(--sui-ink)}.sui-docs-effects-control,.sui-docs-search-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--sui-space-2);min-height:var(--sui-target-min);padding:.55rem .75rem;border:var(--sui-border-strong) solid var(--sui-ink);border-radius:.5rem .7rem .55rem .42rem;color:var(--sui-ink);background:var(--sui-cyan);box-shadow:.2rem .2rem 0 var(--sui-ink);font-weight:var(--sui-weight-bold);cursor:pointer}.sui-docs-search-trigger kbd{padding:.05rem .3rem;border:1px solid;background:rgb(255 255 255/58%);font-size:.72rem}.sui-docs-search-overlay{position:fixed;z-index:var(--sui-layer-modal);inset:0;background:rgb(11 10 14/76%)}.sui-docs-search-dialog{position:fixed;z-index:calc(var(--sui-layer-modal) + 1);inset-block-start:max(5rem,11vh);inset-inline-start:50%;width:min(calc(100% - 2rem),42rem);max-height:min(75vh,46rem);padding:clamp(1.25rem,4vw,2.5rem);overflow-y:auto;border:3px solid var(--sui-ink);border-radius:1.25rem .72rem 1.55rem .9rem;outline:none;color:var(--sui-ink);background:linear-gradient(115deg,rgb(97 219 232/16%),transparent 35%),repeating-linear-gradient(0deg,transparent 0 1.6rem,rgb(18 17 22/5%) 1.6rem calc(1.6rem + 1px)),var(--sui-paper-raised);box-shadow:.7rem .7rem 0 var(--sui-ultraviolet);transform:translateX(-50%) rotate(-.3deg)}.sui-docs-search-heading{display:flex;justify-content:space-between;gap:var(--sui-space-6);align-items:start}.sui-docs-search-heading h2{margin-block-end:var(--sui-space-6);font-size:clamp(2rem,5vw,3.5rem);line-height:1}.sui-docs-preview-error button,.sui-docs-search-heading button{min-height:var(--sui-target-min);padding:.55rem .85rem;border:var(--sui-border-strong) solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-hot-pink);box-shadow:var(--sui-shadow-offset-sm) var(--sui-shadow-offset-sm) 0 var(--sui-ink);font-weight:var(--sui-weight-extrabold);cursor:pointer}.sui-docs-search-dialog>label{display:block;margin-block-end:var(--sui-space-2);font-weight:var(--sui-weight-bold)}.sui-docs-search-dialog>input{width:100%;min-height:3.5rem;padding:.75rem 1rem;border:3px solid var(--sui-ink);border-radius:var(--sui-radius-label);color:var(--sui-ink);background:var(--sui-paper-raised);font-size:1rem}.sui-docs-search-dialog>p{margin-block:var(--sui-space-3) var(--sui-space-6);color:var(--sui-ink-muted)}.sui-docs-search-results ul{display:grid;gap:var(--sui-space-3);margin:0;padding:0;list-style:none}.sui-docs-search-results a{display:grid;gap:.15rem;min-height:var(--sui-target-min);padding:.8rem 1rem;border:var(--sui-border-strong) solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper-raised);text-decoration:none}.sui-docs-search-results li:nth-child(3n+1) a{box-shadow:.24rem .24rem 0 var(--sui-acid)}.sui-docs-search-results li:nth-child(3n+2) a{box-shadow:.24rem .24rem 0 var(--sui-cyan)}.sui-docs-search-results li:nth-child(3n) a{box-shadow:.24rem .24rem 0 var(--sui-hot-pink)}.sui-docs-search-results span{color:var(--sui-ink-muted);font-size:.9rem}.sui-docs-footer{display:grid;grid-template-columns:1.15fr 2fr;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,6rem) var(--sui-page-edge) var(--sui-space-8);border-block-start:3px solid var(--sui-night-text);color:var(--sui-night-text);background:linear-gradient(115deg,rgb(124 44 255/22%),transparent 38%),var(--sui-night)}.sui-docs-footer-mark>span{display:inline-block;padding:.5rem .8rem;border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-acid);box-shadow:.28rem .28rem 0 var(--sui-hot-pink);font-family:var(--sui-font-display);font-weight:var(--sui-weight-extrabold);rotate:-2deg}.sui-docs-footer-mark p{max-width:24rem;margin-block:var(--sui-space-5) 0;color:var(--sui-night-muted)}.sui-docs-footer nav{display:flex;flex-wrap:wrap;gap:var(--sui-space-4) var(--sui-space-6);align-content:start}.sui-docs-footer nav a{min-height:var(--sui-target-min);padding-block:.55rem;font-weight:var(--sui-weight-bold)}.sui-docs-footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:var(--sui-space-6);align-items:center;padding-block-start:var(--sui-space-6);border-block-start:1px solid var(--sui-night-line);color:var(--sui-night-muted);font-size:.9rem}.sui-docs-footer-meta p{margin:0}.sui-docs-effects-control{background:var(--sui-paper-raised)}.sui-docs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.92fr);gap:clamp(3rem,7vw,7rem);align-items:center;width:min(100%,var(--sui-content-max));min-height:calc(100svh - var(--sui-navbar-height));margin-inline:auto;padding:clamp(3rem,7vw,7rem) var(--sui-page-edge)}.sui-docs-hero-copy h1{max-width:48rem;margin-block:var(--sui-space-8) var(--sui-space-6);font-size:clamp(4.25rem,10vw,9rem);line-height:.8;letter-spacing:-.075em}.sui-docs-hero-copy h1 span{display:block;color:var(--sui-ultraviolet);-webkit-text-stroke:2px var(--sui-ink);text-shadow:.42rem .42rem 0 var(--sui-acid);rotate:-1.4deg}.sui-docs-hero-copy>p{max-width:39rem;margin-block-end:var(--sui-space-8);font-size:var(--sui-type-body-l)}.sui-docs-component-actions,.sui-docs-hero-actions,.sui-docs-open-actions,.sui-docs-open-call>div{display:flex;flex-wrap:wrap;gap:var(--sui-space-4);align-items:center}.sui-docs-hero-board{position:relative;min-height:clamp(28rem,48vw,42rem);overflow:hidden;border:3px solid var(--sui-ink);border-radius:2rem .8rem 2.8rem 1.2rem;color:var(--sui-night-text);background:radial-gradient(circle at 18% 22%,rgb(97 219 232/32%) 0 1px,transparent 2px) 0 0 /1.25rem 1.25rem,linear-gradient(140deg,var(--sui-ultraviolet),transparent 45%),var(--sui-night);box-shadow:.9rem .9rem 0 var(--sui-hot-pink);isolation:isolate;rotate:1deg}.sui-docs-hero-board>p{position:absolute;inset-inline-start:8%;margin:0;font-family:var(--sui-font-display);font-size:clamp(3.2rem,7vw,7rem);font-weight:var(--sui-weight-extrabold);line-height:.8;letter-spacing:-.06em}.sui-docs-hero-board>p:first-child{inset-block-start:11%;color:var(--sui-paper);rotate:-3deg}.sui-docs-hero-board>p:nth-child(2){inset-block-start:29%;color:var(--sui-acid);rotate:2deg}.sui-docs-hero-board>.sui-sticker:first-of-type{position:absolute;z-index:2;inset-block-end:8%;inset-inline-start:8%}.sui-docs-hero-board>.sui-sticker:nth-of-type(2){position:absolute;inset-block-start:44%;inset-inline-end:4%}.sui-docs-hero-board>.sui-sticker:nth-of-type(3){position:absolute;inset-block-end:2%;inset-inline-end:18%}.sui-docs-hero-tape{position:absolute;z-index:3;inset-block-end:12%;inset-inline-start:34%;padding:.55rem 1.4rem;color:var(--sui-ink);background:var(--sui-cyan);font-weight:var(--sui-weight-extrabold);rotate:-7deg}.sui-docs-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:3px solid var(--sui-ink);background:var(--sui-paper-raised)}.sui-docs-proof-strip>div{display:grid;gap:var(--sui-space-2);padding:clamp(1.5rem,4vw,3rem) var(--sui-page-edge)}.sui-docs-proof-strip>div+div{border-inline-start:3px solid var(--sui-ink)}.sui-docs-proof-strip strong{font-family:var(--sui-font-display);font-size:clamp(1.4rem,2.8vw,2.5rem)}.sui-docs-proof-strip>div:first-child strong{-webkit-text-decoration:underline var(--sui-acid) .38em;text-decoration:underline var(--sui-acid) .38em;text-underline-offset:-.25em}.sui-docs-proof-strip>div:nth-child(2) strong{-webkit-text-decoration:underline var(--sui-cyan) .38em;text-decoration:underline var(--sui-cyan) .38em;text-underline-offset:-.25em}.sui-docs-proof-strip>div:nth-child(3) strong{-webkit-text-decoration:underline var(--sui-hot-pink) .38em;text-decoration:underline var(--sui-hot-pink) .38em;text-underline-offset:-.25em}.sui-docs-home-field-guide,.sui-docs-open-call{width:min(100%,var(--sui-content-max));margin-inline:auto;padding:var(--sui-section-space) var(--sui-page-edge)}.sui-docs-section-heading{max-width:44rem;margin-block-end:var(--sui-space-16)}.sui-docs-contribution-tabs h2,.sui-docs-home-pack h2,.sui-docs-license-note h2,.sui-docs-open-call h2,.sui-docs-section-heading h2{margin-block-end:var(--sui-space-5);font-size:var(--sui-type-heading-m);line-height:1}.sui-docs-home-field-guide ol{display:grid;gap:var(--sui-space-8);margin:0;padding:0;list-style:none}.sui-docs-home-field-guide li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sui-space-6);align-items:center;min-height:8.5rem;padding:var(--sui-space-6) var(--sui-space-8);border:3px solid var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.5rem .5rem 0 var(--sui-docs-accent,var(--sui-acid))}.sui-docs-home-field-guide li:nth-child(2n){margin-inline:8% 0;rotate:.35deg}.sui-docs-home-field-guide li:nth-child(odd){margin-inline:0 8%;rotate:-.35deg}[data-accent=acid]{--sui-docs-accent:var(--sui-acid)}[data-accent=cyan]{--sui-docs-accent:var(--sui-cyan)}[data-accent=orange]{--sui-docs-accent:var(--sui-orange)}[data-accent=pink]{--sui-docs-accent:var(--sui-hot-pink)}[data-accent=ultraviolet]{--sui-docs-accent:var(--sui-ultraviolet)}.sui-docs-home-field-guide li>span{font-family:var(--sui-font-mono);font-size:.85rem}.sui-docs-home-field-guide h3{margin:0;font-size:clamp(1.7rem,3vw,2.8rem)}.sui-docs-home-field-guide p{margin:0;color:var(--sui-ink-muted)}.sui-docs-home-field-guide a{min-height:var(--sui-target-min);padding-block:.6rem;font-weight:var(--sui-weight-bold)}.sui-docs-home-pack{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);gap:clamp(3rem,8vw,8rem);align-items:center;padding:var(--sui-section-space) max(var(--sui-page-edge),calc((100vw - var(--sui-content-max)) / 2 + var(--sui-page-edge)));color:var(--sui-color-text);background:linear-gradient(120deg,rgb(124 44 255/25%),transparent 34%),var(--sui-color-canvas)}.sui-docs-home-pack>div:first-child{max-width:38rem}.sui-docs-pack-poster{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sui-space-4);min-height:24rem;padding:var(--sui-space-8);border:2px solid var(--sui-night-text);background:var(--sui-night-raised);box-shadow:.65rem .65rem 0 var(--sui-cyan)}.sui-docs-pack-poster .sui-sticker{position:absolute;z-index:2;inset-block-start:16%;inset-inline-start:35%}.sui-docs-pack-poster>span{display:grid;place-items:center;border:2px dashed var(--sui-night-muted);color:var(--sui-night-muted);font-family:var(--sui-font-mono);font-weight:var(--sui-weight-bold)}.sui-docs-open-call{text-align:center}.sui-docs-open-call>p{max-width:40rem;margin-inline:auto}.sui-docs-open-call>div{justify-content:center;margin-block-start:var(--sui-space-8)}.sui-docs-pinboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none}.sui-docs-pinboard>li{grid-column:span 4}.sui-docs-pinboard>li[data-kind=signature]{grid-column:span 6}.sui-docs-pinboard>li:nth-child(2){margin-block-start:2.5rem}.sui-docs-pinboard>li:nth-child(4){margin-block-start:-1.5rem}.sui-docs-pinboard>li:nth-child(7){margin-block-start:1.75rem}.sui-docs-pinboard a{position:relative;display:grid;gap:var(--sui-space-5);min-height:100%;padding:clamp(1.25rem,3vw,2.5rem);border:3px solid var(--sui-ink);border-radius:1rem .45rem 1.4rem .62rem;color:var(--sui-ink);background:linear-gradient(135deg,color-mix(in srgb,var(--sui-docs-accent) 16%,transparent),transparent 45%),var(--sui-paper-raised);box-shadow:.55rem .55rem 0 var(--sui-docs-accent);text-decoration:none}.sui-docs-pinboard li:nth-child(odd) a{rotate:-.5deg}.sui-docs-pinboard li:nth-child(2n) a{rotate:.6deg}.sui-docs-pinboard h2{margin:0;font-size:clamp(1.65rem,3vw,3.2rem);line-height:.95}.sui-docs-pinboard p{margin:var(--sui-space-3) 0 0;color:var(--sui-ink-muted)}.sui-docs-pin-number{position:absolute;inset-block-start:.7rem;inset-inline-end:.9rem;font-family:var(--sui-font-mono);font-size:.75rem}.sui-docs-pin-meta{display:flex;flex-wrap:wrap;gap:var(--sui-space-3);align-items:center;align-self:end}.sui-docs-pin-meta code{font-size:.75rem}.sui-docs-pin-meta>span{font-size:.75rem;font-weight:var(--sui-weight-bold);text-transform:uppercase}.sui-docs-contact-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:var(--sui-space-3);border:3px solid var(--sui-ink);background:var(--sui-paper-muted);box-shadow:.7rem .7rem 0 var(--sui-ultraviolet);list-style:none}.sui-docs-contact-sheet li{position:relative;display:grid;place-items:center;min-width:0;padding:var(--sui-space-5);border:1px solid var(--sui-ink);background:var(--sui-paper-raised)}.sui-docs-contact-sheet li>span{position:absolute;inset-block-start:.45rem;inset-inline-start:.55rem;font-family:var(--sui-font-mono);font-size:.68rem}.sui-docs-contact-sheet li>div{display:grid;justify-items:center;text-align:center}.sui-docs-contact-sheet small{color:var(--sui-ink-muted);text-transform:uppercase;letter-spacing:.06em}.sui-docs-license-note{max-width:50rem;margin-block-start:var(--sui-space-20);background:var(--sui-acid);box-shadow:.5rem .5rem 0 var(--sui-ink);rotate:-.4deg}.sui-docs-license-note,.sui-docs-playground-grid{padding:var(--sui-space-8);border:3px solid var(--sui-ink)}.sui-docs-playground-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:var(--sui-space-6);border-radius:var(--sui-radius-board);color:var(--sui-color-text);background:var(--sui-color-canvas);box-shadow:.75rem .75rem 0 var(--sui-hot-pink)}.sui-docs-playground-grid>section{padding:var(--sui-space-6);border:2px solid var(--sui-color-line);background:var(--sui-color-surface)}.sui-docs-playground-grid>section:first-child{grid-row:span 2}.sui-docs-playground-poster{display:grid;min-height:28rem;margin-block-start:var(--sui-space-5);place-content:center;border:2px dashed var(--sui-night-muted);text-align:center}.sui-docs-playground-poster strong{font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4rem)}.sui-docs-controls-poster button{margin-block-start:var(--sui-space-5)}.sui-docs-output-poster{grid-column:2}.sui-docs-changelog,.sui-docs-example-notes,.sui-docs-guide-list{display:grid;gap:var(--sui-space-6);margin:0;padding:0;list-style:none}.sui-docs-changelog li,.sui-docs-example-notes li,.sui-docs-guide-list li{display:grid;grid-template-columns:4rem 1fr auto;gap:var(--sui-space-6);align-items:center;padding:var(--sui-space-6) var(--sui-space-8);border-block-start:3px solid var(--sui-ink)}.sui-docs-example-notes li:nth-child(2){margin-inline-start:7%}.sui-docs-example-notes li:nth-child(3){margin-inline-start:14%}.sui-docs-example-notes li>span,.sui-docs-guide-list li>span{display:grid;width:3.4rem;aspect-ratio:1;place-items:center;border:2px solid var(--sui-ink);border-radius:50%;background:var(--sui-cyan);font-family:var(--sui-font-mono);font-weight:var(--sui-weight-bold)}.sui-docs-changelog h2,.sui-docs-example-notes h2,.sui-docs-guide-list h2{margin:0;font-size:var(--sui-type-heading-s)}.sui-docs-changelog p,.sui-docs-example-notes p,.sui-docs-guide-list p{margin:var(--sui-space-2) 0 0;color:var(--sui-ink-muted)}.sui-docs-changelog>li>span,.sui-docs-example-notes small,.sui-docs-guide-list small{padding:.35rem .6rem;border:1px solid var(--sui-ink);font-size:.72rem;font-weight:var(--sui-weight-bold);text-transform:uppercase}.sui-docs-changelog>li>strong{font-family:var(--sui-font-display);font-size:1.5rem}.sui-docs-changelog li:first-child{background:var(--sui-acid);box-shadow:.35rem .35rem 0 var(--sui-ink)}.sui-docs-license-board{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sui-space-6);padding:var(--sui-space-8);border:3px solid var(--sui-ink);color:var(--sui-color-text);background:var(--sui-color-canvas);box-shadow:.65rem .65rem 0 var(--sui-ultraviolet)}.sui-docs-license-board>div{padding:var(--sui-space-8);border:2px solid var(--sui-color-line);background:var(--sui-color-surface)}.sui-docs-license-board h2{margin:var(--sui-space-6) 0 var(--sui-space-2);font-size:clamp(3rem,7vw,6rem);line-height:.85}.sui-docs-contribution-tabs{margin-block:var(--sui-space-20)}.sui-docs-contribution-tabs ul{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--sui-space-8) 0 0;padding:0;list-style:none}.sui-docs-contribution-tabs li{display:grid;align-content:start;gap:var(--sui-space-3);padding:var(--sui-space-6);border:2px solid var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.3rem .3rem 0 var(--sui-docs-accent,var(--sui-acid))}.sui-docs-contribution-tabs li:nth-child(2){--sui-docs-accent:var(--sui-cyan);margin-block-start:var(--sui-space-4)}.sui-docs-contribution-tabs li:nth-child(3){--sui-docs-accent:var(--sui-hot-pink);margin-block-start:calc(-1 * var(--sui-space-4))}.sui-docs-contribution-tabs li:nth-child(4){--sui-docs-accent:var(--sui-orange)}.sui-docs-reading-page>header{max-width:var(--sui-reading-max);margin-block-end:var(--sui-space-16)}.sui-docs-breadcrumb{display:inline-flex;min-height:var(--sui-target-min);align-items:center;margin-block-end:var(--sui-space-6);font-weight:var(--sui-weight-bold)}.sui-docs-mdx>:first-child{margin-block-start:0}.sui-docs-code{position:relative;margin:var(--sui-space-6) 0 var(--sui-space-8);border:2px solid var(--sui-ink);box-shadow:.42rem .42rem 0 var(--sui-ultraviolet)}.sui-docs-code figcaption{padding:.4rem .7rem;border-block-end:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-cyan);font-family:var(--sui-font-mono);font-size:.75rem;font-weight:var(--sui-weight-bold);text-transform:uppercase}.sui-docs-code pre{max-width:100%;margin:0;padding:clamp(1rem,3vw,1.75rem);overflow-x:auto;color:var(--sui-night-text);background:var(--sui-night);font-size:.88rem;line-height:1.7;tab-size:2}.sui-docs-code[data-surface=paper] pre{color:var(--sui-ink);background:var(--sui-paper-raised)}.sui-docs-page-edge{position:sticky;inset-block-start:var(--sui-navbar-sticky-offset)}.sui-docs-page-edge-desktop>p{margin-block-end:var(--sui-space-3);font-size:var(--sui-type-eyebrow);font-weight:var(--sui-weight-extrabold);text-transform:uppercase;letter-spacing:var(--sui-tracking-eyebrow)}.sui-docs-page-edge ol{display:grid;gap:var(--sui-space-2);margin:0;padding:0;list-style:none}.sui-docs-page-edge a{display:flex;align-items:center;min-height:var(--sui-target-min);padding:.55rem .75rem;border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.2rem .2rem 0 var(--sui-ink);font-size:.8rem;font-weight:var(--sui-weight-bold);line-height:1.15;text-decoration:none}.sui-docs-page-edge li:nth-child(3n+1) a{rotate:-1deg}.sui-docs-page-edge li:nth-child(3n+2) a{rotate:.75deg}.sui-docs-page-edge a[aria-current=location]{background:var(--sui-acid);box-shadow:.32rem .32rem 0 var(--sui-ultraviolet);text-decoration:underline;text-decoration-thickness:.15rem}.sui-docs-page-edge li[data-level="3"] a{margin-inline-start:var(--sui-space-3);font-size:.75rem}.sui-docs-page-edge-mobile{display:none}.sui-docs-component-intro{padding-block-end:var(--sui-space-12)}.sui-docs-component-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sui-space-8);align-items:end}.sui-docs-component-title-row h1{margin-block-end:var(--sui-space-4)}.sui-docs-component-meta{display:grid;justify-items:end;gap:var(--sui-space-3)}.sui-docs-component-meta code{max-width:100%;overflow-wrap:anywhere}.sui-docs-component-actions{margin-block-start:var(--sui-space-8)}.sui-docs-preview-stage{position:relative;display:grid;min-height:31rem;height:31rem;margin-block:var(--sui-space-6) var(--sui-space-20);padding:clamp(3.5rem,6vw,5rem) clamp(1rem,4vw,3rem) clamp(1.25rem,4vw,3rem);overflow:hidden;border:3px solid var(--sui-ink);border-radius:2rem .8rem 2.6rem 1.1rem;color:var(--sui-night-text);background:radial-gradient(circle at 85% 18%,rgb(212 255 95/18%) 0 2px,transparent 3px) 0 0 /1.5rem 1.5rem,linear-gradient(135deg,rgb(124 44 255/38%),transparent 48%),var(--sui-night);box-shadow:.8rem .8rem 0 var(--sui-hot-pink)}.sui-docs-preview-label{position:absolute;z-index:2;inset-block-start:var(--sui-space-4);inset-inline-start:var(--sui-space-5);display:flex;gap:var(--sui-space-3);align-items:center}.sui-docs-preview-label>span{color:var(--sui-cyan);font-family:var(--sui-font-mono);font-size:.75rem;text-transform:uppercase}.sui-docs-preview-label h2{margin:0;color:var(--sui-night-text);font-size:1.2rem}.sui-docs-preview-composition,.sui-docs-preview-error{display:grid;grid-template-columns:minmax(8rem,.55fr) minmax(13rem,1fr) auto;gap:clamp(1rem,4vw,3.5rem);align-items:center;min-height:0;height:100%;padding:clamp(1.25rem,4vw,3rem);border:2px solid var(--sui-night-line);background:rgb(11 10 14/58%)}.sui-docs-preview-copy{display:grid;gap:var(--sui-space-4)}.sui-docs-preview-copy strong{font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4.8rem);line-height:.9;letter-spacing:-.05em}.sui-docs-preview-copy>span:not(.sui-sticker-badge){color:var(--sui-night-muted)}.sui-docs-preview-kicker{width:max-content;padding:.3rem .55rem;border:1px solid var(--sui-cyan);color:var(--sui-cyan)!important;font-family:var(--sui-font-mono);font-size:.75rem;text-transform:uppercase}.sui-docs-preview-button-poster{padding:.8rem 1.15rem;border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-acid);box-shadow:.35rem .35rem 0 var(--sui-hot-pink);font-weight:var(--sui-weight-extrabold)}.sui-docs-preview-bolt{position:absolute;inset-block-end:.5rem;inset-inline-end:1rem}.sui-docs-preview-error{grid-template-columns:auto 1fr auto;border-color:var(--sui-hot-pink)}.sui-docs-preview-error strong{font-family:var(--sui-font-display);font-size:clamp(1.8rem,4vw,3.5rem)}.sui-docs-preview-error p{margin:var(--sui-space-2) 0 0;color:var(--sui-night-muted)}.sui-docs-not-found{min-height:70vh;text-align:center}.sui-docs-not-found>p{max-width:40rem;margin-inline:auto}.sui-docs-not-found>div{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sui-space-4);margin-block-start:var(--sui-space-8)}.sui-docs-playground-index{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sui-space-6);margin:0;padding:0;list-style:none}.sui-docs-playground-index li{grid-column:span 4}.sui-docs-playground-index li:nth-child(2),.sui-docs-playground-index li:nth-child(6){translate:0 var(--sui-space-8)}.sui-docs-playground-index li[data-kind=signature]{grid-column:span 6}.sui-docs-playground-index a{display:grid;min-height:18rem;height:100%;padding:clamp(1.35rem,3vw,2.4rem);border:3px solid var(--sui-ink);border-radius:1.2rem .55rem 1.55rem .75rem;color:var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.55rem .55rem 0 var(--sui-ink);text-decoration:none}.sui-docs-playground-index li:nth-child(odd) a{rotate:-.75deg}.sui-docs-playground-index li:nth-child(2n) a{rotate:.65deg}.sui-docs-playground-index li[data-accent=acid] a{box-shadow:.55rem .55rem 0 var(--sui-acid)}.sui-docs-playground-index li[data-accent=cyan] a{box-shadow:.55rem .55rem 0 var(--sui-cyan)}.sui-docs-playground-index li[data-accent=pink] a{box-shadow:.55rem .55rem 0 var(--sui-hot-pink)}.sui-docs-playground-index li[data-accent=orange] a{box-shadow:.55rem .55rem 0 var(--sui-orange)}.sui-docs-playground-index li[data-accent=ultraviolet] a{box-shadow:.55rem .55rem 0 var(--sui-ultraviolet)}.sui-docs-playground-index a>small,.sui-docs-playground-index a>span{font-family:var(--sui-font-mono);font-size:.72rem}.sui-docs-playground-index strong{margin-block:auto var(--sui-space-3);font-family:var(--sui-font-display);font-size:clamp(2rem,4vw,3.8rem);line-height:.9;letter-spacing:-.045em}.sui-docs-playground-index p{margin:0 0 var(--sui-space-5);line-height:1.55}.sui-docs-playground-session{min-width:0}.sui-docs-config-notice{display:flex;gap:var(--sui-space-5);align-items:center;justify-content:space-between;margin-block-end:var(--sui-space-6);padding:var(--sui-space-4) var(--sui-space-5);border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.32rem .32rem 0 var(--sui-orange)}.sui-docs-config-notice button{min-height:var(--sui-target-min);padding-inline:var(--sui-space-4);border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper);font-weight:var(--sui-weight-bold);cursor:pointer}.sui-docs-workbench{display:grid;grid-template-columns:minmax(0,7fr) minmax(19rem,5fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start;min-width:0}.sui-docs-workbench .sui-docs-preview-stage{position:sticky;inset-block-start:calc(var(--sui-navbar-sticky-offset) + 1rem);width:100%;min-height:43rem;height:min(66vh,48rem);margin:0;box-shadow:.8rem .8rem 0 var(--sui-hot-pink)}.sui-docs-config-preview>:last-child{min-width:0;min-height:100%}.sui-docs-control-rail{min-width:0}.sui-docs-control-deck{display:grid;gap:var(--sui-space-6);padding:clamp(1rem,2.5vw,1.75rem);border:3px solid var(--sui-ink);border-radius:1.1rem .48rem 1.4rem .75rem;color:var(--sui-ink);background:repeating-linear-gradient(0deg,transparent 0 1.75rem,rgb(18 17 22/5%) 1.75rem calc(1.75rem + 1px)),var(--sui-paper-raised);box-shadow:.58rem .58rem 0 var(--sui-ink)}.sui-docs-control-deck>header{display:flex;gap:var(--sui-space-4);align-items:start;justify-content:space-between;padding-block-end:var(--sui-space-4);border-block-end:3px solid var(--sui-ink)}.sui-docs-control-deck h2{margin:var(--sui-space-2) 0 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1}.sui-docs-control-stamp,.sui-docs-dirty-state{display:inline-flex;width:max-content;padding:.22rem .48rem;border:1.5px solid var(--sui-ink);font-family:var(--sui-font-mono);font-size:.68rem;font-weight:var(--sui-weight-bold);text-transform:uppercase;letter-spacing:.06em}.sui-docs-control-stamp{background:var(--sui-cyan);rotate:-1.5deg}.sui-docs-dirty-state{background:var(--sui-paper-muted)}.sui-docs-dirty-state[data-dirty=true]{background:var(--sui-acid);box-shadow:.18rem .18rem 0 var(--sui-ink);rotate:1deg}.sui-docs-control-deck fieldset{min-width:0;margin:0;padding:0;border:0}.sui-docs-control-deck legend{width:100%;margin-block-end:var(--sui-space-3);padding-block-end:var(--sui-space-2);border-block-end:2px solid var(--sui-ink);font-family:var(--sui-font-display);font-size:1.08rem;font-weight:var(--sui-weight-extrabold)}.sui-docs-control-actions,.sui-docs-presets>div{display:flex;flex-wrap:wrap;gap:var(--sui-space-2)}.sui-docs-control-actions button,.sui-docs-control-sheet-heading button,.sui-docs-customize-trigger,.sui-docs-presets button{min-height:var(--sui-target-min);padding:.55rem .78rem;border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper);box-shadow:.18rem .18rem 0 var(--sui-ink);font-weight:var(--sui-weight-bold);cursor:pointer}.sui-docs-presets button[aria-pressed=true]{background:var(--sui-acid);box-shadow:.3rem .3rem 0 var(--sui-ultraviolet);text-decoration:underline;text-decoration-thickness:.14rem}.sui-docs-presets>div>span{align-self:center;padding:.35rem .55rem;border:1px dashed var(--sui-ink);font-size:.78rem;font-weight:var(--sui-weight-bold)}.sui-docs-control-group{display:grid;gap:var(--sui-space-4)}.sui-docs-control-field{display:grid;min-width:0;gap:var(--sui-space-2)}.sui-docs-control-check strong,.sui-docs-control-field>label{font-size:.9rem;font-weight:var(--sui-weight-extrabold)}.sui-docs-control-field>p{margin:0;color:var(--sui-ink-muted);font-size:.76rem;line-height:1.45}.sui-docs-color-control input,.sui-docs-control-field>:is(input,select),.sui-docs-share-fallback input{min-width:0;width:100%;min-height:var(--sui-target-min);padding:.55rem .7rem;border:2px solid var(--sui-ink);border-radius:.45rem;color:var(--sui-ink);background:var(--sui-paper-raised);font:inherit}.sui-docs-control-check{display:grid;grid-template-columns:var(--sui-target-min) 1fr;gap:var(--sui-space-3);align-items:center;cursor:pointer}.sui-docs-control-check input{position:absolute;opacity:0}.sui-docs-control-check>span{display:grid;width:var(--sui-target-min);height:var(--sui-target-min);place-items:center;border:2px solid var(--sui-ink);background:var(--sui-paper);box-shadow:.18rem .18rem 0 var(--sui-ink)}.sui-docs-control-check input:checked+span{background:var(--sui-acid)}.sui-docs-control-check input:checked+span:after{content:"✓";font-weight:var(--sui-weight-extrabold)}.sui-docs-control-range{display:grid;grid-template-columns:minmax(0,1fr) 3.6rem;gap:var(--sui-space-3);align-items:center}.sui-docs-control-range input{width:100%;min-height:var(--sui-target-min);accent-color:var(--sui-ultraviolet)}.sui-docs-control-range output{padding:.35rem;border:2px solid var(--sui-ink);background:var(--sui-cyan);font-family:var(--sui-font-mono);text-align:center}.sui-docs-control-segmented{display:flex;flex-wrap:wrap;gap:var(--sui-space-2)}.sui-docs-control-segmented label{position:relative}.sui-docs-control-segmented input,.sui-docs-sticker-picker input{position:absolute;opacity:0}.sui-docs-control-segmented span{display:flex;min-height:var(--sui-target-min);align-items:center;padding:.48rem .65rem;border:2px solid var(--sui-ink);background:var(--sui-paper);font-size:.76rem;font-weight:var(--sui-weight-bold);cursor:pointer}.sui-docs-control-segmented input:checked+span{background:var(--sui-cyan);box-shadow:inset .18rem .18rem 0 rgb(18 17 22/28%);text-decoration:underline;text-decoration-thickness:.12rem}.sui-docs-sticker-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sui-space-2)}.sui-docs-sticker-picker label{position:relative;display:grid;min-width:0;min-height:5.8rem;place-items:center;padding:var(--sui-space-2);border:2px solid var(--sui-ink);background:var(--sui-paper);cursor:pointer}.sui-docs-sticker-picker label>span:last-child{max-width:100%;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.sui-docs-sticker-picker label:has(input:checked){background:var(--sui-acid);box-shadow:.2rem .2rem 0 var(--sui-ultraviolet)}.sui-docs-control-actions{padding-block-end:var(--sui-space-2)}.sui-docs-control-actions button:last-child{color:var(--sui-paper-raised);background:var(--sui-ultraviolet)}.sui-docs-control-actions button:disabled{color:var(--sui-ink-muted);background:var(--sui-paper-muted);box-shadow:none;cursor:not-allowed}.sui-docs-share-status:not(:empty){padding:var(--sui-space-3);border:2px solid var(--sui-ink);background:var(--sui-acid);font-size:.82rem;font-weight:var(--sui-weight-bold)}.sui-docs-share-fallback{display:grid;gap:var(--sui-space-2);font-weight:var(--sui-weight-bold)}.sui-docs-mobile-customize{display:none}.sui-docs-control-sheet-overlay{position:fixed;z-index:var(--sui-layer-modal);inset:0;background:rgb(11 10 14/72%)}.sui-docs-control-sheet{position:fixed;z-index:calc(var(--sui-layer-modal) + 1);inset:auto 0 0;box-sizing:border-box;max-height:min(92vh,56rem);padding:0 max(var(--sui-space-5),env(safe-area-inset-right)) max(var(--sui-space-5),env(safe-area-inset-bottom)) max(var(--sui-space-5),env(safe-area-inset-left));overflow-y:auto;border:3px solid var(--sui-ink);border-block-end:0;border-radius:1.4rem 1.4rem 0 0;outline:none;color:var(--sui-ink);background:var(--sui-paper-raised);box-shadow:0 -.6rem 0 var(--sui-cyan)}.sui-docs-control-sheet-heading{position:sticky;z-index:3;inset-block-start:0;display:flex;gap:var(--sui-space-5);align-items:start;justify-content:space-between;margin:0 calc(var(--sui-space-5) * -1) var(--sui-space-4);padding:var(--sui-space-5);border-block-end:3px solid var(--sui-ink);background:var(--sui-acid)}.sui-docs-control-sheet-heading h2{margin:0;font-size:clamp(1.7rem,7vw,2.8rem)}.sui-docs-control-sheet>p{margin-block-end:var(--sui-space-5)}.sui-docs-code-output{min-width:0;margin-block-start:clamp(2rem,5vw,4rem);border:2px solid var(--sui-ink);border-radius:.7rem .25rem 1rem .4rem;color:var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.38rem .38rem 0 var(--sui-ink)}.sui-docs-code-output[data-code-mode=component]{margin-inline:auto}.sui-docs-code-output>header{display:flex;gap:var(--sui-space-4);align-items:center;justify-content:space-between;padding:var(--sui-space-3) var(--sui-space-4);border-block-end:2px solid var(--sui-ink);background:var(--sui-paper-muted)}.sui-docs-code-output>header>div{display:flex;flex-wrap:wrap;gap:var(--sui-space-2)}.sui-docs-code-tab{display:inline-flex;min-height:2rem;align-items:center;padding-inline:var(--sui-space-3);border:1.5px solid var(--sui-ink);font-family:var(--sui-font-mono);font-size:.72rem;font-weight:var(--sui-weight-bold);text-transform:uppercase}.sui-docs-code-tab[aria-current=page]{background:var(--sui-acid);box-shadow:.16rem .16rem 0 var(--sui-ink)}.sui-docs-code-tab[data-future=true]{color:var(--sui-ink-muted);border-style:dashed}.sui-docs-copy-code{min-width:7rem;min-height:var(--sui-target-min);padding:.6rem .9rem;border:2px solid var(--sui-ink);color:var(--sui-paper-raised);background:var(--sui-ink);box-shadow:.22rem .22rem 0 var(--sui-ultraviolet);font-weight:var(--sui-weight-extrabold);cursor:pointer}.sui-docs-copy-code:focus-visible{outline:var(--sui-focus-width) solid var(--sui-focus-ring);outline-offset:var(--sui-focus-gap)}.sui-docs-code-heading{display:flex;gap:var(--sui-space-4);align-items:end;justify-content:space-between;padding:var(--sui-space-5) var(--sui-space-5) var(--sui-space-3)}.sui-docs-code-heading h2{margin:0;font-size:clamp(1.7rem,4vw,2.7rem)}.sui-docs-code-heading>span{padding:.3rem .5rem;border:1px solid var(--sui-ink);font-family:var(--sui-font-mono);font-size:.68rem}.sui-docs-code-output pre{max-width:calc(100% - var(--sui-space-10));margin:0 var(--sui-space-5) var(--sui-space-4);overflow:auto;border:2px solid var(--sui-ink);color:var(--sui-ink);background:linear-gradient(90deg,rgb(18 17 22/5%) 1px,transparent 1px) 0 0 /2.2rem 100%,var(--sui-paper);scrollbar-color:var(--sui-ink) var(--sui-paper-muted)}.sui-docs-code-output pre:focus-visible{outline:var(--sui-focus-width) solid var(--sui-focus-ring);outline-offset:var(--sui-focus-gap)}.sui-docs-code-output code{display:block;width:max-content;min-width:100%;padding:var(--sui-space-5);font-family:var(--sui-font-mono);font-size:.82rem;line-height:1.65;tab-size:2}.sui-docs-code-line{display:block;min-height:1.65em;padding-inline:var(--sui-space-2);border-inline-start:3px solid transparent;white-space:pre}.sui-docs-code-line[data-emphasized=true],.sui-docs-code-output[data-emphasis=sheet] pre{border-inline-start-color:var(--sui-ultraviolet);background:var(--sui-acid);outline:1px dashed var(--sui-ink);outline-offset:-1px;animation:sui-docs-code-emphasis var(--sui-duration-slow) var(--sui-ease-out) both}@keyframes sui-docs-code-emphasis{0%{background:var(--sui-orange)}to{background:var(--sui-acid)}}.sui-docs-copy-status{min-height:1.4rem;margin:0 var(--sui-space-5) var(--sui-space-3);color:var(--sui-ink-muted);font-size:.82rem}.sui-docs-copy-fallback{display:grid;gap:var(--sui-space-2);margin:0 var(--sui-space-5) var(--sui-space-5);padding:var(--sui-space-4);border:2px dashed var(--sui-ink);background:var(--sui-cyan)}.sui-docs-copy-fallback label{font-weight:var(--sui-weight-extrabold)}.sui-docs-copy-fallback textarea{width:100%;min-height:8rem;resize:vertical;border:2px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-paper-raised);font-family:var(--sui-font-mono)}.sui-docs-open-playground{display:inline-flex;min-height:var(--sui-target-min);margin-block-start:var(--sui-space-5);align-items:center;padding:.65rem .9rem;border:2px solid var(--sui-ink);color:var(--sui-paper-raised);background:var(--sui-ink);box-shadow:.3rem .3rem 0 var(--sui-cyan);font-weight:var(--sui-weight-bold)}.sui-docs-demo-center{display:grid;height:100%;place-items:center;padding:var(--sui-space-8)}.sui-docs-demo-cursor,.sui-docs-demo-trail{height:100%;min-height:30rem;border:2px solid var(--sui-night-line);background:rgb(11 10 14/48%)}.sui-docs-demo-cursor>:first-child,.sui-docs-demo-trail>:first-child{display:grid;height:100%;min-height:30rem;place-content:center;gap:var(--sui-space-4);padding:var(--sui-space-8);text-align:center}.sui-docs-demo-cursor strong,.sui-docs-demo-trail strong{font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4.2rem);line-height:.92}.sui-docs-demo-cursor button,.sui-docs-demo-cursor input{min-height:var(--sui-target-min);padding:.6rem .8rem;border:2px solid var(--sui-night-text);color:var(--sui-night-text);background:var(--sui-night-raised)}.sui-docs-demo-peel-layer{display:grid;height:100%;min-height:24rem;place-content:center;gap:var(--sui-space-4);padding:var(--sui-space-8);text-align:center}.sui-docs-demo-peel-layer[data-side=front]{color:var(--sui-ink);background:var(--sui-cyan)}.sui-docs-demo-peel-layer[data-side=back]{color:var(--sui-ink);background:var(--sui-acid)}.sui-docs-demo-peel-layer strong{font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4rem)}.sui-docs-demo-stack{min-height:30rem;height:100%}.sui-docs-demo-stack article{display:grid;min-height:23rem;padding:var(--sui-space-8);border:3px solid var(--sui-ink);color:var(--sui-ink);background:var(--sui-cyan)}.sui-docs-demo-stack article[data-tone=acid]{background:var(--sui-acid)}.sui-docs-demo-stack article[data-tone=pink]{background:var(--sui-hot-pink)}.sui-docs-demo-stack article[data-tone=orange]{background:var(--sui-orange)}.sui-docs-demo-stack article strong{margin-block-start:auto;font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4rem);line-height:.92}.sui-docs-demo-navbar{height:100%;min-height:30rem;overflow:auto;color:var(--sui-ink);background:var(--sui-paper)}.sui-docs-demo-navbar .sui-sticker-navbar{position:sticky}.sui-docs-demo-navbar-body{display:grid;min-height:24rem;place-content:center;padding:var(--sui-space-8);text-align:center}.sui-docs-demo-navbar-body strong{max-width:12ch;font-family:var(--sui-font-display);font-size:clamp(2rem,5vw,4rem);line-height:.92}}@layer scout-ui-docs.states{:root[data-sui-docs-effects-effective=reduced] *,:root[data-sui-docs-effects-effective=reduced] :after,:root[data-sui-docs-effects-effective=reduced] :before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}:root[data-sui-docs-effects-effective=reduced] :is(.sui-docs-hero-board,.sui-docs-pinboard a,.sui-docs-home-field-guide li){rotate:0deg}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:is(.sui-docs-hero-board,.sui-docs-pinboard a,.sui-docs-home-field-guide li){rotate:0deg}}@media (max-width:1024px){:root{--sui-docs-grid-gutter:1.25rem}.sui-docs-page-heading{grid-template-columns:repeat(8,minmax(0,1fr))}.sui-docs-page-heading>*{grid-column:1/span 7}.sui-docs-hero{grid-template-columns:1fr .85fr;gap:var(--sui-space-10)}.sui-docs-hero-copy h1{font-size:clamp(4.25rem,9vw,7rem)}.sui-docs-pinboard>li,.sui-docs-pinboard>li[data-kind=signature]{grid-column:span 6}.sui-docs-contact-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}.sui-docs-contribution-tabs{grid-template-columns:repeat(2,1fr)}.sui-docs-playground-index li,.sui-docs-playground-index li[data-kind=signature]{grid-column:span 6}.sui-docs-workbench{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr)}}@media (max-width:820px){.sui-docs-hero{grid-template-columns:1fr;min-height:auto}.sui-docs-hero-copy{max-width:44rem}.sui-docs-hero-board{min-height:30rem}.sui-docs-proof-strip{grid-template-columns:1fr}.sui-docs-proof-strip>div+div{border-block-start:3px solid var(--sui-ink);border-inline-start:0}.sui-docs-home-pack,.sui-docs-reference-layout{grid-template-columns:1fr}.sui-docs-page-edge,.sui-docs-reading-column{min-width:0;width:100%}.sui-docs-page-edge{position:static;grid-row:1}.sui-docs-page-edge-desktop{display:none}.sui-docs-page-edge-mobile{display:block;border:2px solid var(--sui-ink);background:var(--sui-paper-raised);box-shadow:.35rem .35rem 0 var(--sui-cyan)}.sui-docs-page-edge-mobile summary{display:flex;min-height:var(--sui-target-min);align-items:center;padding:.65rem .85rem;font-weight:var(--sui-weight-extrabold);cursor:pointer}.sui-docs-page-edge-mobile nav{padding:0 var(--sui-space-4) var(--sui-space-4)}.sui-docs-page-edge-mobile a{rotate:0deg!important}.sui-docs-contact-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.sui-docs-playground-grid{grid-template-columns:1fr}.sui-docs-playground-grid>section:first-child{grid-row:auto}.sui-docs-output-poster{grid-column:auto}.sui-docs-workbench{grid-template-columns:1fr}.sui-docs-workbench .sui-docs-preview-stage{position:relative;inset-block-start:auto;min-height:32rem;height:32rem}.sui-docs-control-rail{display:none}.sui-docs-mobile-customize{position:sticky;z-index:calc(var(--sui-layer-navigation) - 1);inset-block-end:var(--sui-space-3);display:flex;justify-content:center;margin-block:var(--sui-space-5)}.sui-docs-customize-trigger{min-width:min(100%,22rem);justify-content:space-between;color:var(--sui-paper-raised);background:var(--sui-ink);box-shadow:.35rem .35rem 0 var(--sui-cyan)}.sui-docs-customize-trigger span{color:var(--sui-acid);font-family:var(--sui-font-mono);font-size:.72rem}.sui-docs-preview-composition{grid-template-columns:auto 1fr}.sui-docs-preview-button-poster,.sui-docs-preview-composition>.sui-sticker-button{grid-column:1/-1;justify-self:start}.sui-docs-preview-error{grid-template-columns:auto 1fr}.sui-docs-preview-error button{grid-column:1/-1;justify-self:start}}@media (max-width:680px){:root{--sui-docs-grid-gutter:1rem}.sui-docs-search-trigger{min-width:var(--sui-target-min);padding-inline:.6rem}.sui-docs-search-trigger kbd,.sui-docs-search-trigger>span:nth-child(2){display:none}.sui-docs-page-heading{grid-template-columns:repeat(4,minmax(0,1fr))}.sui-docs-page-heading>*{grid-column:1/-1}.sui-docs-component-intro h1,.sui-docs-page-heading h1,.sui-docs-reading-page>header h1{font-size:clamp(2.75rem,14vw,4.6rem)}.sui-docs-hero-copy h1{font-size:clamp(4rem,20vw,6.5rem)}.sui-docs-hero-board{min-height:26rem}.sui-docs-home-field-guide li,.sui-docs-home-field-guide li:nth-child(2n),.sui-docs-home-field-guide li:nth-child(odd){grid-template-columns:auto 1fr;margin-inline:0;padding:var(--sui-space-5);rotate:0deg}.sui-docs-home-field-guide li a{grid-column:2}.sui-docs-pinboard{grid-template-columns:1fr}.sui-docs-pinboard>li,.sui-docs-pinboard>li[data-kind=signature]{grid-column:1;margin-block-start:0}.sui-docs-pinboard a{rotate:0deg!important}.sui-docs-playground-index{grid-template-columns:1fr}.sui-docs-playground-index li,.sui-docs-playground-index li:nth-child(2),.sui-docs-playground-index li:nth-child(6),.sui-docs-playground-index li[data-kind=signature]{grid-column:1;translate:0}.sui-docs-playground-index a{min-height:14rem;rotate:0deg!important}.sui-docs-playground-handoff{grid-template-columns:1fr}.sui-docs-workbench .sui-docs-preview-stage{min-height:27rem;height:27rem;margin-block-end:0}.sui-docs-config-preview{padding-inline:var(--sui-space-3)}.sui-docs-demo-cursor,.sui-docs-demo-cursor>:first-child,.sui-docs-demo-navbar,.sui-docs-demo-stack,.sui-docs-demo-trail,.sui-docs-demo-trail>:first-child{min-height:22rem}.sui-docs-contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.sui-docs-contact-sheet li{padding-inline:var(--sui-space-2)}.sui-docs-license-board{padding:var(--sui-space-5)}.sui-docs-contribution-tabs,.sui-docs-license-board{grid-template-columns:1fr}.sui-docs-contribution-tabs li,.sui-docs-contribution-tabs li:nth-child(2),.sui-docs-contribution-tabs li:nth-child(3){margin-block-start:0}.sui-docs-changelog li,.sui-docs-example-notes li,.sui-docs-example-notes li:nth-child(2),.sui-docs-example-notes li:nth-child(3),.sui-docs-guide-list li{grid-template-columns:auto 1fr;margin-inline-start:0;padding-inline:var(--sui-space-3)}.sui-docs-changelog>li>span,.sui-docs-example-notes small,.sui-docs-guide-list small{grid-column:2;justify-self:start}.sui-docs-component-title-row{grid-template-columns:1fr}.sui-docs-component-meta{justify-items:start}.sui-docs-preview-stage{min-height:27rem;height:27rem;margin-block-end:var(--sui-space-16);padding-inline:var(--sui-space-3)}.sui-docs-preview-composition,.sui-docs-preview-error{grid-template-columns:1fr;text-align:start}.sui-docs-preview-composition>.sui-sticker{display:none}.sui-docs-preview-copy strong{font-size:clamp(2.1rem,9.5vw,3rem);line-height:.94}.sui-docs-preview-copy{gap:var(--sui-space-2)}.sui-docs-preview-bolt{display:none!important}.sui-docs-footer{grid-template-columns:1fr}.sui-docs-footer-meta{grid-column:1;align-items:start;flex-direction:column}}@media (max-width:380px){.sui-docs-component-page,.sui-docs-hero,.sui-docs-home-field-guide,.sui-docs-not-found,.sui-docs-open-call,.sui-docs-page,.sui-docs-reading-page{padding-inline:var(--sui-space-5)}.sui-docs-hero-copy h1{font-size:clamp(3.7rem,19vw,4.8rem)}.sui-docs-hero-board{min-height:23rem;box-shadow:.45rem .45rem 0 var(--sui-hot-pink)}.sui-docs-hero-board>p{font-size:3.15rem}.sui-docs-hero-board>.sui-sticker:nth-of-type(2),.sui-docs-hero-board>.sui-sticker:nth-of-type(3){display:none}.sui-docs-hero-tape{inset-inline-start:28%}.sui-docs-contact-sheet{grid-template-columns:1fr}.sui-docs-contact-sheet li{grid-template-columns:6rem 1fr;justify-items:start;min-height:7.5rem}.sui-docs-contact-sheet li>div{justify-items:start;text-align:start}.sui-docs-search-dialog{width:calc(100% - 1rem);padding:var(--sui-space-4);box-shadow:.35rem .35rem 0 var(--sui-ultraviolet)}.sui-docs-search-heading h2{font-size:2rem}.sui-docs-code{margin-inline:0;box-shadow:.25rem .25rem 0 var(--sui-ultraviolet)}.sui-docs-control-sheet{width:100%;height:min(94dvh,56rem);max-height:min(94dvh,56rem);padding-inline:var(--sui-space-3)}.sui-docs-control-sheet-heading{margin-inline:calc(var(--sui-space-3) * -1);padding-inline:var(--sui-space-3)}.sui-docs-control-deck{padding:var(--sui-space-3);box-shadow:.3rem .3rem 0 var(--sui-ink)}.sui-docs-code-output{box-shadow:.25rem .25rem 0 var(--sui-ink)}.sui-docs-code-heading,.sui-docs-code-output>header{align-items:stretch;flex-direction:column}.sui-docs-copy-code{width:100%}.sui-docs-code-output pre{max-width:calc(100% - var(--sui-space-6));margin-inline:var(--sui-space-3)}.sui-docs-code-output code{padding:var(--sui-space-3);font-size:.76rem}.sui-docs-sticker-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.sui-docs-footer,.sui-docs-hero-board,.sui-docs-home-pack,.sui-docs-license-board,.sui-docs-playground-grid,.sui-docs-preview-stage{color:CanvasText;background:Canvas;border-color:CanvasText;forced-color-adjust:auto}.sui-docs-hero-board>p,.sui-docs-hero-copy h1 span{color:CanvasText;-webkit-text-stroke:0;text-shadow:none}.sui-docs-footer-mark p,.sui-docs-footer-meta p,.sui-docs-preview-copy>span:not(.sui-sticker-badge),.sui-docs-preview-label h2,.sui-docs-preview-label>span{color:CanvasText}.sui-docs-page-edge a[aria-current=location],.sui-sticker-navbar-item[aria-current=page]{outline:3px double Highlight;outline-offset:2px}.sui-docs-control-segmented input:checked+span,.sui-docs-dirty-state[data-dirty=true],.sui-docs-presets button[aria-pressed=true],.sui-docs-sticker-picker label:has(input:checked){color:HighlightText;background:Highlight;outline:2px solid CanvasText;outline-offset:2px}.sui-docs-config-notice,.sui-docs-control-deck,.sui-docs-control-field>:is(input,select),.sui-docs-control-segmented span,.sui-docs-control-sheet,.sui-docs-sticker-picker label{color:CanvasText;background:Canvas;border-color:CanvasText;forced-color-adjust:auto}.sui-docs-code,.sui-docs-code pre,.sui-docs-code-output,.sui-docs-code-output pre,.sui-docs-search-dialog,.sui-docs-search-results a{color:CanvasText;background:Canvas;border-color:CanvasText}.sui-docs-code-line,.sui-docs-code-line>span{color:CanvasText!important}.sui-docs-code-line[data-emphasized=true],.sui-docs-code-output[data-emphasis=sheet] pre{border-inline-start-color:Highlight;outline:2px dashed Highlight}}}