@layer warp.inputs-rich{:where([data-scope=code]){font:400 .88em var(--warp-font-mono);border-radius:var(--warp-radius-mark);background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .38em}:where([data-scope=codeblock]){border-radius:var(--warp-radius-surface);border:var(--warp-border-hairline) solid var(--warp-color-border);background:var(--warp-color-surface-sunken);min-inline-size:0;margin:0;overflow:clip}:where([data-scope=codeblock]) :where([data-part=head]){border-block-end:var(--warp-border-hairline) solid var(--warp-color-border);font-size:var(--warp-text-caption-size);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}:where([data-scope=codeblock]) :where([data-part=head]) :where(.sp){flex:1}:where([data-scope=codeblock]) :where([data-part=file]){font-family:var(--warp-font-mono);color:var(--warp-color-text)}:where([data-scope=codeblock]) :where([data-part=lang]){font:500 10px/1 var(--warp-font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--warp-radius-mark);background:var(--warp-color-surface);color:var(--warp-color-text-subtle);padding:3px 6px}:where([data-scope=codeblock]) :where([data-act=copy]){gap:6px}:where([data-scope=codeblock]) :where([data-act=copy][data-done]){color:var(--warp-color-accent-text)}:where([data-scope=codeblock]) :where([data-act=copy][data-failed]){color:var(--warp-color-critical-text)}:where([data-scope=codeblock]) :where([data-act=wrap][aria-pressed=true]){color:var(--warp-color-accent-text)}:where([data-scope=codeblock]) :where(pre){font:400 var(--warp-text-code-size)/1.65 var(--warp-font-mono);counter-reset:ln;outline:none;margin:0;padding:16px 18px;overflow:auto}:where([data-scope=codeblock]) :where(pre:focus-visible){box-shadow:inset 0 0 0 var(--warp-focus-width) var(--warp-color-focus)}:where([data-scope=codeblock]) :where(code){display:grid}:where([data-scope=codeblock]) :where([data-part=line]){white-space:pre;min-block-size:1.65em}:where([data-scope=codeblock][data-wrap]) :where([data-part=line]){white-space:pre-wrap;overflow-wrap:anywhere}:where([data-scope=codeblock]) :where(pre[data-lines]) :where([data-part=line]):before{counter-increment:ln;content:counter(ln);text-align:end;inline-size:2ch;color:var(--warp-color-text-subtle);-webkit-user-select:none;user-select:none;margin-inline-end:14px;display:inline-block}:where([data-scope=codeblock]) :where(.c){color:var(--warp-color-text-subtle)}:where([data-scope=codeblock]) :where(.s){color:var(--warp-color-accent-text)}:where([data-scope=codeblock]) :where(.k){color:var(--warp-color-info-text)}:where([data-scope=codeblock]) :where(.t){color:var(--warp-color-highlight-text)}:where([data-scope=codeblock]) :where(.n){color:var(--warp-color-caution-text)}}@layer warp.components{:where([data-copy]) :where([data-part=indicator]){display:grid}:where([data-copy]) :where([data-part=indicator])>:where(svg){transition:opacity var(--warp-duration-fast) var(--warp-ease-out), scale var(--warp-duration-base) var(--warp-ease-pop);grid-area:1/1}:where([data-copy]) :where([data-part=indicator])>:where(svg:last-child),:where([data-copy][data-state=copied]) :where([data-part=indicator])>:where(svg:first-child){opacity:0;scale:.6}:where([data-copy][data-state=copied]) :where([data-part=indicator])>:where(svg:last-child){opacity:1;color:var(--warp-color-positive-text);scale:1}:where([data-copy][data-state=copied]:not([data-emphasis])){--_ink:var(--_ink-on)}:where([data-copy][data-state=copied]:not([data-emphasis])) :where([data-part=indicator])>:where(svg:last-child){color:inherit}:where([data-copy][data-state=failed]),:where([data-act=copy][data-failed]){color:var(--warp-color-critical-text)}:where([data-act=copy])>:where([data-part=copy-note]){z-index:2;border-radius:var(--warp-radius-mark);pointer-events:none;white-space:nowrap;border:var(--warp-border-hairline) solid var(--warp-color-critical-border);background:var(--warp-color-critical-soft);color:var(--warp-color-critical-text);font:500 var(--warp-text-caption-size)/1.2 var(--warp-text-body-font);letter-spacing:0;text-transform:none;animation:warp-enter var(--warp-duration-base) var(--warp-ease-out);padding:4px 8px;position:absolute;inset-block-start:50%;inset-inline-end:calc(100% + 6px);translate:0 -50%}:where(html){scrollbar-gutter:stable}:where(html:has(dialog[open]:modal)){overflow:hidden}@media (forced-colors:active){:where([data-copy]) :where([data-part=indicator]),:where([data-copy][data-state=copied]) :where([data-part=indicator])>:where(svg:last-child){color:inherit}}}[data-site=docs]{--ink:var(--warp-color-text);--dim:var(--warp-color-text-subtle);--glow:var(--warp-color-accent-text);--rule:var(--warp-color-border);--well:var(--warp-color-surface-sunken);--doc-h1:clamp(calc(2.125 * var(--warp-rem)), calc(1.2 * var(--warp-rem)) + 2vw, calc(2.75 * var(--warp-rem)));--doc-h2:calc(1.5 * var(--warp-rem));--doc-h3:calc(1.125 * var(--warp-rem));--doc-lede:calc(1.125 * var(--warp-rem));--doc-body:calc(1 * var(--warp-rem));--doc-small:calc(.875 * var(--warp-rem));--doc-micro:calc(.8125 * var(--warp-rem));--doc-tiny:calc(.75 * var(--warp-rem));--bar:56px;--doc-sans:"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;font-family:var(--doc-sans);box-sizing:border-box;padding-inline:var(--warp-space-page);background:var(--warp-color-page);color:var(--ink);grid-template-columns:auto minmax(0,1fr);gap:48px;display:grid}[data-site=docs]:has(>[data-site=toc]){grid-template-columns:auto minmax(0,1fr) 208px}[data-site=docs]{--warp-sidenav-top:var(--bar);--warp-sidenav-bar:28px;--warp-sidenav-width:calc(248px + var(--warp-space-related))}[data-site=docs]>[data-scope=sidenav]{font-size:var(--doc-small);margin-inline-start:calc(var(--warp-space-related) * -1)}[data-site=docs]>[data-scope=sidenav] [data-scope=navlist]{font-size:var(--doc-small)}[data-site=docs]>[data-site=page]{min-inline-size:0;max-inline-size:none;margin:0;padding-inline:0}[data-site=toc]{box-sizing:border-box;max-block-size:calc(100dvh - var(--bar));padding-block:var(--warp-space-page);scrollbar-width:none;font-size:var(--doc-micro);align-self:start;padding-block-start:calc(var(--warp-space-page) + 8px);position:sticky;inset-block-start:var(--bar);overflow:auto}[data-site=toc] [data-part=label]{margin:0 0 var(--warp-space-related);font:600 var(--doc-small)/1.4 var(--doc-sans);color:var(--ink)}[data-site=toc] [data-scope=nav]{display:grid}[data-site=toc] a{min-block-size:28px;padding-inline:var(--warp-space-group) 0;color:var(--dim);align-items:center;line-height:1.3;text-decoration:none;display:flex}[data-site=toc] a[data-depth="3"]{padding-inline-start:calc(var(--warp-space-group) * 2)}[data-site=toc] a:hover,[data-site=toc] a[aria-current]{color:var(--ink)}[data-site=doc]{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:760px;padding-block:var(--warp-space-page) calc(var(--warp-space-section) * 2);margin-inline:auto}[data-site=doc][data-home]{max-inline-size:1000px}[data-site=doc][data-wide]{max-inline-size:none}[data-site=doc][data-wide] [data-site=tk-section]>:not([data-site=ex]){max-inline-size:760px}[data-site=doc] [data-part=links]{align-items:center;gap:var(--warp-space-tight) var(--warp-space-group);font-size:var(--doc-small);color:var(--dim);flex-wrap:wrap;margin:0;display:flex}[data-site=doc] [data-part=links] a{color:var(--dim)}[data-site=doc] [data-part=links] a:hover{color:var(--ink)}[data-site=doc]>header{gap:var(--warp-space-related);grid-template-columns:minmax(0,1fr);margin-block-end:var(--warp-space-group);display:grid}[data-site=doc] h1{font:700 calc(2.25 * var(--warp-rem))/1.15 var(--doc-sans);letter-spacing:-.02em;text-transform:none;color:var(--ink);text-box:normal;overflow-wrap:anywhere}[data-site=doc] [data-part=crumb]{gap:var(--warp-space-tight);font:500 var(--doc-small)/1.4 var(--doc-sans);color:var(--dim);display:flex}[data-site=doc] [data-part=crumb] a{color:inherit;text-decoration:none}[data-site=doc] [data-part=crumb] a:hover{text-decoration:underline}[data-site=doc] [data-part=lede],[data-site=doc]>[data-part=lead]{max-inline-size:60ch;font-size:var(--doc-lede);color:var(--dim);margin:0;line-height:1.5}[data-site=doc]>[data-part=lead]{margin-block-end:var(--warp-space-group)}[data-site=doc] [data-part=actions]{align-items:center;gap:var(--warp-space-tight) var(--warp-space-related);flex-wrap:wrap;margin-block-end:32px;display:flex}[data-site=doc] [data-scope=prose]{max-inline-size:none;color:var(--dim);font-size:var(--doc-body);line-height:1.7;display:block}[data-site=doc] [data-scope=prose] :is(p,ul,ol,table,blockquote){max-inline-size:68ch}[data-site=doc] [data-scope=prose]>:first-child{margin-block-start:0}[data-site=doc] [data-scope=prose]>p{margin-block:0 var(--warp-space-group)}[data-site=doc] [data-scope=prose]>p:first-child{font-size:var(--doc-lede);color:var(--ink);line-height:1.5}[data-site=doc] [data-scope=prose] h2,[data-site=doc]>section>h2{margin-block:64px var(--warp-space-related);font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;text-transform:none;color:var(--ink);text-box:normal;border:0;padding:0}[data-site=doc] [data-scope=prose] h3{margin-block:48px var(--warp-space-related);font:600 var(--doc-h3)/1.35 var(--doc-sans);letter-spacing:-.01em;color:var(--ink);text-box:normal;line-height:1.35}[data-site=doc] [data-scope=prose] h4{margin-block:32px var(--warp-space-tight);font-family:var(--doc-sans);font-weight:600;font-size:var(--doc-body);color:var(--ink);text-box:normal}[data-site=doc] [data-scope=prose] [data-scope=codeblock],[data-site=doc] [data-scope=prose]>table{margin-block:var(--warp-space-group) 24px}[data-scope=prose] :is(h2,h3){scroll-margin-block-start:88px}[data-site=doc] [data-scope=prose] h2[data-step]{padding-inline-start:44px;position:relative}[data-site=doc] [data-scope=prose] h2[data-step]~:not(h2){margin-inline-start:44px}[data-site=doc] [data-scope=prose] h2[data-step]:before{content:attr(data-step);box-sizing:border-box;border:var(--warp-border-hairline) solid var(--warp-color-border-strong);background:var(--warp-color-page);block-size:28px;inline-size:28px;font:400 var(--doc-micro)/1 var(--warp-font-mono);letter-spacing:0;color:var(--glow);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%}[data-scope=codeblock][data-bare]{position:relative}[data-scope=codeblock][data-bare] [data-part=head]{opacity:.7;transition:opacity var(--warp-duration-fast) var(--warp-ease-out);border:0;padding:0;position:absolute;inset-block-start:4px;inset-inline-end:4px}[data-scope=codeblock][data-bare]:is(:hover,:focus-within) [data-part=head]{opacity:1}[data-scope=codeblock][data-bare] [data-part=head] :is(.sp,[data-part=lang]){display:none}[data-scope=codeblock][data-bare] pre{padding-inline-end:44px}[data-scope=codeblock][data-oneline] pre{padding-block:10px}[data-site=doc] [data-part=cards]{gap:var(--warp-space-group);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-block-start:32px;display:grid}[data-site=doc] [data-part=cards] section{padding:var(--warp-space-group) calc(var(--warp-space-group) * 1.25);border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);background:var(--warp-color-surface);padding-block-start:0;overflow:clip}[data-site=doc] [data-part=cards] [data-part=thumb]{margin-inline:calc(var(--warp-space-group) * -1.25);block-size:96px;margin-block-end:var(--warp-space-related);overflow:clip}[data-site=doc] [data-part=cards] [data-art=frame]{aspect-ratio:auto;block-size:96px}[data-site=doc] [data-part=cards] h2{margin:0 0 var(--warp-space-related);font:600 var(--doc-small)/1.4 var(--doc-sans);color:var(--ink)}[data-site=doc] [data-part=cards] ul{gap:var(--warp-space-tight);font-size:var(--doc-small);margin:0;padding:0;list-style:none;display:grid}[data-site=doc] [data-part=cards] a{color:var(--ink);text-decoration:none}[data-site=doc] [data-part=cards] a:hover{color:var(--glow)}[data-part=band]{block-size:28px;image-rendering:pixelated;background:url(/art/band.png) 0 0/auto 28px repeat-x;margin-block-end:var(--warp-space-group)}[data-part=pager]{gap:var(--warp-space-related);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:64px;display:grid}[data-part=pager] a{gap:var(--warp-space-hair);overflow-wrap:anywhere;padding:var(--warp-space-related) var(--warp-space-group);border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);color:var(--ink);font-family:var(--doc-sans);font-size:var(--doc-body);transition:border-color var(--warp-duration-base) var(--warp-ease-out);text-decoration:none;display:grid}[data-part=pager] a:hover{border-color:var(--warp-color-border-strong)}[data-part=pager] span{font:400 var(--doc-micro)/1.4 var(--doc-sans);color:var(--dim)}[data-part=pager] .next{text-align:end;grid-column:2}@media (width<=1239.98px){[data-site=docs]:has(>[data-site=toc]){grid-template-columns:auto minmax(0,1fr)}[data-site=toc]{display:none}}@media (width<=899.98px){:is([data-site=docs],[data-site=docs]:has(>[data-site=toc])){padding-inline:var(--warp-space-page);grid-template-columns:minmax(0,1fr)}[data-site=docs]:has(>[data-scope=sidenav][data-collapsible]){padding-inline-start:calc(var(--warp-sidenav-bar) + var(--warp-space-related))}[data-site=doc]{padding-block-start:var(--warp-space-group)}[data-site=doc] [data-scope=prose] h2[data-step]{padding-inline-start:36px}[data-site=doc] [data-scope=prose] h2[data-step]~:not(h2){margin-inline-start:0}}@layer warp.inputs-rich{:where([data-scope=prose]){text-wrap:pretty;font-size:var(--warp-text-prose-size,16px);line-height:var(--warp-text-prose-leading,1.65);grid-template-columns:minmax(0,1fr);gap:1.05em;max-inline-size:68ch;display:grid}:where([data-scope=prose])>:where(*){margin:0}:where([data-scope=prose]) :where(:is(h2,h3)){font-family:var(--warp-text-title-font);font-weight:var(--warp-text-title-weight);letter-spacing:var(--warp-text-title-tracking);margin-block-start:8px;scroll-margin-block-start:80px;line-height:1.2}:where([data-scope=prose]) :where(h2){font-size:calc(var(--warp-text-heading-size) + 8px);border-block-start:var(--warp-border-hairline) solid var(--warp-color-border);margin-block-start:1.6em;padding-block-start:1.2em;scroll-margin-block-start:72px;line-height:1.2}:where([data-scope=prose])>:where(h2:first-child){border:0;margin-block-start:0;padding-block-start:0}:where([data-scope=prose]) :where(h3){font-size:calc(var(--warp-text-heading-size) + 2px);margin-block-start:.8em;scroll-margin-block-start:72px;line-height:1.3}:where([data-scope=prose]) :where(:is(ul,ol)){grid-template-columns:minmax(0,1fr);gap:.45em;padding-inline-start:1.25em;display:grid}{color:var(--warp-color-text-subtle)}:where([data-scope=prose]) :where(strong){color:var(--warp-color-text);font-weight:600}:where([data-scope=prose]) :where([data-part=anchor]){color:var(--warp-color-text-subtle);opacity:0;transition:opacity var(--warp-duration-fast);margin-inline-start:8px;text-decoration:none}:where([data-scope=prose]) :where(:is(h2,h3):hover) :where([data-part=anchor]),:where([data-scope=prose]) :where([data-part=anchor]:focus-visible){opacity:1}:where([data-pointer=coarse]) :where([data-scope=prose]) :where([data-part=anchor]){opacity:.6}:where([data-scope=prose]) :where([data-part=anchor][data-done]):after{content:" copied";font:400 11px var(--warp-font-mono);color:var(--warp-color-accent-text)}:where([data-scope=prose]) :where(a){color:var(--warp-color-accent-text);text-underline-offset:2px}:where([data-scope=prose]) :where(blockquote){border-radius:var(--warp-radius-control);background:var(--warp-color-accent-soft);border-inline-start:2px solid var(--warp-color-accent-solid);color:var(--warp-color-text-subtle);padding:12px 16px}:where([data-scope=prose]) :where(table){border-collapse:separate;border-spacing:0;font-size:var(--warp-text-label-size);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);inline-size:100%;display:block;overflow-x:auto}:where([data-scope=prose]) :where(tbody) :where(tr){transition:background var(--warp-duration-fast)}:where([data-scope=prose]) :where(tbody) :where(tr:hover){background:var(--warp-color-surface-hover)}:where([data-scope=prose]) :where(tbody) :where(tr:last-child) :where(:is(th,td)){border-block-end:0}:where([data-scope=prose]) :where(thead) :where(:is(th)){background:var(--warp-color-surface-sunken)}:where([data-scope=prose]) :where(caption){text-align:start;color:var(--warp-color-text-subtle);font-size:var(--warp-text-caption-size);padding-block-end:6px}:where([data-scope=prose]) :where(:is(th,td)){border-block-end:var(--warp-border-hairline) solid var(--warp-color-border);text-align:start;padding:9px 14px}:where([data-scope=prose]) :where(thead) :where(th){border-block-end-color:var(--warp-color-border-strong);font-weight:600}:where([data-scope=prose]) :where(math){font-size:1.05em}:where([data-scope=prose]) :where(hr){border:0;border-block-start:var(--warp-border-hairline) solid var(--warp-color-border)}:where([data-scope=prose]) :where(sup) :where(a){font-weight:600;text-decoration:none}:where([data-part=diagram]){border:var(--warp-border-hairline) dashed var(--warp-color-border-control);border-radius:var(--warp-radius-surface);margin:0;overflow:clip}:where([data-part=diagram]) :where(figcaption){color:var(--warp-color-text-subtle);border-block-end:var(--warp-border-hairline) dashed var(--warp-color-border);padding:6px 12px;font-size:11px}:where([data-part=diagram]) :where(figcaption) :where(span){font:500 10px/1 var(--warp-font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--warp-radius-mark);background:var(--warp-color-surface-sunken);margin-inline-end:6px;padding:2px 5px}:where([data-part=diagram]) :where(pre){font:400 var(--warp-text-code-size)/1.6 var(--warp-font-mono);margin:0;padding:10px 12px}}@layer warp.inputs-rich{:where([data-scope=props]){border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);outline:none;overflow-x:auto}:where([data-scope=props]:focus-visible){box-shadow:0 0 0 var(--warp-focus-width) var(--warp-color-focus)}:where([data-scope=props]) :where(table){border-collapse:collapse;inline-size:100%;min-inline-size:560px;font-size:13px}:where([data-scope=props]) :where(caption){text-align:start;padding:8px 10px;font-weight:600}:where([data-scope=props]) :where(:is(th,td)){text-align:start;vertical-align:top;border-block-start:var(--warp-border-hairline) solid var(--warp-color-border);padding:7px 10px}:where([data-scope=props]) :where(thead) :where(th){font:500 10px/1.2 var(--warp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warp-color-text-subtle)}:where([data-scope=props]) :where(tbody) :where(th){white-space:nowrap;font-weight:500}:where([data-scope=props]) :where(code){font:400 12px var(--warp-font-mono)}:where([data-scope=props]) :where(td:nth-child(2)) :where(code){color:var(--warp-color-accent-text)}:where(.lp-slot){margin-block-start:8px}:where([data-skel]){background:linear-gradient(90deg, var(--warp-color-surface-sunken), var(--warp-color-surface-hover), var(--warp-color-surface-sunken));background-size:200% 100%;border-radius:4px;block-size:10px;animation:1.4s linear infinite warp-skel;display:block}:where(span[data-part=media][data-skel]){block-size:auto}@keyframes warp-skel{to{background-position:-200% 0}}:where([data-motion=reduce]) :where([data-skel]){animation:none}@media (prefers-reduced-motion:reduce){:where([data-skel]){animation:none}}:where([data-scope=embed]){aspect-ratio:16/9;border-radius:var(--warp-radius-surface);background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);text-align:center;place-items:center;padding:16px;display:grid}:where([data-scope=embed]) :where([data-part=consent]){justify-items:center;gap:8px;max-inline-size:36ch;display:grid}:where([data-scope=embed]) :where([data-part=consent]) :where(p){color:var(--warp-color-text-subtle);margin:0}:where([data-scope=embed]) :where([data-part=frame]:not([hidden])){place-items:center;gap:6px;display:grid}:where([data-scope=embed]) :where([data-part=frame]) :where(span){background:var(--warp-color-accent-solid);color:#fff;border-radius:999px;place-items:center;block-size:56px;inline-size:56px;font-size:22px;display:grid}:where([data-scope=embed]) :where(label){align-items:center;gap:6px;display:inline-flex}:where([data-scope=feedback]){gap:10px;display:grid}:where([data-scope=feedback])>:where(p){margin:0}:where([data-scope=feedback]) :where([data-part=more]:not([hidden])){justify-items:start;gap:10px;display:grid}:where([data-scope=feedback]) :where([data-part=more])>:where(div){justify-self:stretch}:where([data-scope=feedback]) :where([data-part=thanks]){color:var(--warp-color-accent-text);font-size:var(--warp-text-caption-size)}:where([data-scope=feedback]) :where([data-part=thanks]:empty){display:none}}[data-site=stages]{gap:0;min-inline-size:0;display:grid}[data-site=frame]{border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);background:var(--well);min-inline-size:0;position:relative;overflow:clip}[data-site=frame] [data-part=tools]{align-items:center;gap:var(--warp-space-hair);padding:var(--warp-space-hair) var(--warp-space-tight);border-block-end:var(--warp-border-hairline) solid var(--rule);background:var(--warp-color-surface);color:var(--ink);display:flex}[data-site=frame] [data-part=views],[data-site=frame] [data-part=stage-tools]{align-items:center;gap:var(--warp-space-hair);display:flex}[data-site=frame] [data-part=views] [aria-pressed=false]{color:var(--dim)}[data-site=frame][data-code] [data-part=stage],[data-site=frame][data-code] [data-part=stage-tools],[data-site=frame][data-code] [data-act=stage-code]{display:none}[data-site=frame][data-code]>[data-part=code]{border-block-start:0}[data-site=frame][data-code]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:none}[data-site=frame][data-code]>[data-part=code][data-fold]>div:first-child:after{display:none}[data-site=frame] [data-part=spacer]{flex:1}[data-site=frame] [data-part=stage]{--stage-h:200px;box-sizing:border-box;min-inline-size:0;min-block-size:var(--stage-h);color:var(--warp-color-text);background-color:var(--warp-color-surface);display:grid;container-type:inline-size}[data-site=frame][data-hero] [data-part=stage]{--stage-h:360px}[data-site=frame][data-hero] [data-part=stage]:has(>[data-part=mount][data-stage=center]){--stage-h:220px}[data-site=frame] [data-part=stage][data-width=tablet]{inline-size:min(100%,768px);margin-inline:auto}[data-site=frame] [data-part=stage][data-width=phone]{inline-size:min(100%,390px);margin-inline:auto}[data-site=frame] [data-part=mount][data-stage=fill]:has(>[data-scope=calendar]){block-size:var(--stage-h)}[data-site=frame] [data-part=mount][data-stage=fill]>[data-scope=calendar]{block-size:100%;min-block-size:0}[data-part=mount]{box-sizing:border-box;min-inline-size:0;padding:32px}[data-part=mount][data-stage=center]{place-content:center;align-items:center;gap:var(--warp-space-group);flex-wrap:wrap;display:flex}[data-part=mount][data-stage=narrow]{align-content:center;justify-self:center;inline-size:min(100%,424px);display:grid}[data-part=mount][data-stage=start]{align-content:start;justify-items:start;gap:var(--warp-space-group);display:grid}[data-part=mount][data-stage=fill]{align-content:start;gap:var(--warp-space-group);inline-size:100%;display:grid}[data-part=mount]:not([data-ready]){place-items:center;display:grid}[data-part=wait]{border-radius:var(--warp-radius-control);background:var(--warp-color-surface-hover);block-size:36px;inline-size:min(100%,240px);animation:stage-wait 1.2s var(--warp-ease-out) infinite alternate;display:block}@keyframes stage-wait{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-part=wait]{animation:none}}[data-site=frame]>[data-part=code]{border-block-start:var(--warp-border-hairline) solid var(--rule);position:relative}[data-site=frame]>[data-part=code] [data-scope=codeblock]{border:0;border-radius:0}[data-site=frame]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:104px}[data-site=frame][data-open]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:none}[data-site=frame]>[data-part=code][data-fold]{justify-items:center;row-gap:var(--warp-space-tight);background:var(--warp-color-surface-sunken);padding-block-end:var(--warp-space-related);display:grid}[data-site=frame]>[data-part=code][data-fold]>div:first-child{justify-self:stretch;min-inline-size:0;position:relative}[data-site=frame]>[data-part=code][data-fold]>div:first-child:after{content:"";background:linear-gradient(transparent, var(--warp-color-surface-sunken));pointer-events:none;block-size:48px;position:absolute;inset-block-end:0;inset-inline:0}[data-site=frame][data-open]>[data-part=code][data-fold]>div:first-child:after{display:none}[data-site=frame]>[data-part=code]>[data-act=stage-code]{background:var(--warp-color-surface)}[data-site=frame][data-play] [data-part=pair]{grid-template-columns:minmax(0,1fr) 248px;display:grid}[data-site=frame][data-play=wide] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=frame][data-play=wide] [data-part=knobs]{border-inline-start:0;border-block-start:var(--warp-border-hairline) solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:end}[data-site=frame] [data-part=knobs]{align-content:start;gap:var(--warp-space-group);padding:var(--warp-space-group);background:var(--warp-color-surface);border-inline-start:var(--warp-border-hairline) solid var(--rule);display:grid}[data-site=frame] [data-part=knobs]>[data-scope=button]{justify-self:start}[data-site=frame] [data-part=knob]{gap:var(--warp-space-tight);min-inline-size:0;display:grid}[data-site=frame] [data-part=knob]>[data-part=knob-label]{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);color:var(--dim)}[data-site=frame] [data-part=knob] [data-scope=segmented]{max-inline-size:100%}[data-site=frame] [data-part=knob] [data-scope=segmented][data-measure]{inline-size:max-content;max-inline-size:none}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]{flex-wrap:wrap;justify-self:stretch;display:flex}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>label{flex:auto}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>[data-part=indicator]{display:none}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>label:has(input:checked){background:var(--warp-color-accent-solid)}[data-site=frame] [data-part=knob][hidden]{display:none}[data-site=frame] [data-part=presets]{gap:var(--warp-space-tight);flex-wrap:wrap;display:flex}[data-site=tk-default]{margin-block-start:32px;scroll-margin-block-start:88px}[data-site=install] [data-part=panel],[data-site=install] [role=tabpanel]{margin-block-start:var(--warp-space-tight);padding:0}[data-site=related]>span{font-size:var(--doc-small);color:var(--dim)}[data-site=moved]{padding:64px var(--warp-space-page)}[data-site=tk-section]{margin-block-start:64px;scroll-margin-block-start:88px}[data-site=tk-section]>h2{margin:0 0 var(--warp-space-related);font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;text-transform:none;color:var(--ink);text-box:normal}[data-site=tk-section] h3{margin:0 0 var(--warp-space-tight);font-family:var(--doc-sans);font-weight:600;font-size:var(--doc-h3);letter-spacing:-.01em;color:var(--ink);text-box:normal;line-height:1.35}[data-site=tk-section] [data-site=ex]+[data-site=ex],[data-site=tk-section] [data-part=note]+[data-site=ex]{margin-block-start:40px}[data-site=ex]{scroll-margin-block-start:128px}[data-site=ex]>[data-part=note],[data-site=tk-section] [data-part=note]{max-inline-size:68ch;margin-block:0 var(--warp-space-related);font-size:var(--doc-body);color:var(--dim);line-height:1.6}[data-site=ex]>h3+[data-site=frame]{margin-block-start:var(--warp-space-related)}#playground{scroll-margin-block-start:128px}[data-site=doc] [data-part=actions] [data-part=import]{min-inline-size:min(100%,320px)}[data-site=doc] [data-part=actions] a{font-size:var(--doc-small);color:var(--dim)}[data-site=doc] [data-part=actions] [data-part=import] [data-scope=codeblock]{margin:0}[data-site=tk-section] [data-part=use]{gap:var(--warp-space-group) 32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}[data-site=tk-section] [data-part=use] h3{font-size:var(--doc-small)}[data-site=tk-section] [data-part=use] ul,[data-site=tk-section] [data-part=notes]{margin:var(--warp-space-related) 0 0;font-size:var(--doc-body);color:var(--dim);padding-inline-start:1.2em;line-height:1.6}[data-site=tk-section] [data-part=use] li+li,[data-site=tk-section] [data-part=notes] li+li{margin-block-start:var(--warp-space-tight)}[data-site=tk-section] [data-part=keys]{margin:0;display:grid}[data-site=tk-section] [data-part=keys]>div{align-items:center;gap:var(--warp-space-group);border-block-end:var(--warp-border-hairline) solid var(--rule);grid-template-columns:180px minmax(0,1fr);min-block-size:44px;display:grid}[data-site=tk-section] [data-part=keys] dt{align-items:center;gap:var(--warp-space-hair);flex-wrap:wrap;display:flex}[data-site=tk-section] [data-part=keys] [data-part=chord]{align-items:center;gap:var(--warp-space-hair);flex-wrap:wrap;display:inline-flex}[data-site=tk-section] [data-part=keys] [data-part=key-word]{color:var(--dim);font-size:var(--warp-text-caption-size)}[data-site=tk-section] [data-part=keys] dd{color:var(--dim);margin:0}[data-site=tk-section] [data-part=chips]{gap:var(--warp-space-tight);flex-wrap:wrap;margin:0;display:flex}[data-site=related]{align-items:baseline;margin-block-start:var(--warp-space-group)}[data-site=related]>span{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);color:var(--dim);margin-inline-end:var(--warp-space-tight)}[data-site=related] a{padding:var(--warp-space-hair) var(--warp-space-related);border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-control);font-size:var(--doc-small);color:var(--ink);text-transform:none;letter-spacing:normal;text-decoration:none}[data-site=related] a:hover{border-color:var(--warp-color-border-strong);text-underline-offset:3px;text-decoration:underline}[data-site=related] a:focus-visible{outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:2px}[data-site=props]{margin-block-end:var(--warp-space-group)}[data-site=props] table{font-size:var(--doc-small)}[data-site=props] thead th{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);letter-spacing:.02em;text-transform:none}[data-site=props] :is(th,td){padding:10px var(--warp-space-related)}[data-site=props] tbody th code{color:var(--ink);font-weight:500}[data-site=props] code{font-size:var(--doc-micro)}[data-site=props] td:nth-child(2){overflow-wrap:anywhere;min-inline-size:180px;max-inline-size:280px}[data-site=props] td:last-child{color:var(--dim)}[data-site=props] td[data-label=Default]:not(:has(code)){color:var(--dim)}[data-site=props]{container-type:inline-size}@container (width<=560px){[data-site=props] :is(table,tbody,tr,th,td){display:block}[data-site=props] table{min-inline-size:0}[data-site=props] tbody th{white-space:normal;overflow-wrap:anywhere}[data-site=props] thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-site=props] tbody tr{padding:var(--warp-space-related)}[data-site=props] tbody tr+tr{border-block-start:var(--warp-border-hairline) solid var(--rule)}[data-site=props] tbody :is(th,td){border:0;padding:0}[data-site=props] tbody th{margin-block-end:var(--warp-space-hair)}[data-site=props] td[data-label=Type]{overflow-wrap:anywhere}[data-site=props] td[data-label]{min-inline-size:0;max-inline-size:none;padding-inline-start:6em;position:relative}[data-site=props] td[data-label]:before{content:attr(data-label);font:400 var(--doc-tiny)/1.9 var(--warp-font-mono);color:var(--dim);position:absolute;inset-inline-start:0}[data-site=props] td[data-label=Description]{margin-block-start:var(--warp-space-hair);padding-inline-start:0}[data-site=props] td[data-label=Description]:before{content:none}}[data-site=props] [data-part=req]{vertical-align:middle;background:var(--warp-color-critical-text);border-radius:50%;block-size:6px;inline-size:6px;margin-inline-start:6px;display:inline-block}[data-site=tk-bar]{justify-content:space-between;align-items:start;gap:var(--warp-space-group);flex-wrap:wrap;margin-block:24px 16px;display:flex}[data-site=tk-filter]{gap:var(--warp-space-tight);flex:280px;display:grid}[data-site=tk-filter] [data-scope=field]{max-inline-size:360px}[data-site=tk-filter] [data-part=chips]{gap:var(--warp-space-tight);flex-wrap:wrap;display:flex}[data-site=tk-filter] [data-part=count]{min-block-size:1.4em;font-size:var(--doc-small);color:var(--dim)}[data-tk=group]{margin-block-end:48px;scroll-margin-block-start:128px}[data-tk=group][hidden]{display:none}[data-tk=group]>header{gap:var(--warp-space-tight);margin-block-end:var(--warp-space-group);display:grid}[data-tk=group] h2{font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;text-transform:none;color:var(--ink);text-box:normal}[data-tk=group]>header p{max-inline-size:68ch;color:var(--dim);font-size:var(--doc-small);line-height:1.5}[data-tk=tiles]{--warp-flow-cols:3;gap:var(--warp-space-group);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}[data-site=tile]{contain-intrinsic-size:auto 200px;border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);background:var(--warp-color-surface);color:var(--ink);transition:border-color var(--warp-duration-fast) var(--warp-ease-out);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}[data-site=tile][hidden],[data-site=tile][data-rest]:not([data-show]){display:none}[data-site=tile]:hover{border-color:var(--warp-color-border-strong);translate:0 -1px}[data-site=tile] [data-part=stage]{aspect-ratio:16/9;background:var(--warp-color-surface);border-block-end:var(--warp-border-hairline) solid var(--rule);position:relative;overflow:hidden}[data-site=tile] [data-part=mount]{--tile-zoom:.8;inline-size:var(--tile-w,100%);padding:var(--warp-space-group);pointer-events:none;transform-origin:0 0;opacity:0;position:absolute;inset-block-start:0;inset-inline-start:0;container-type:inline-size}[data-site=tile] [data-part=mount]:not([data-ready]){opacity:1;inline-size:auto;inset:0;transform:none}[data-site=tile] [data-part=mount][data-stage=narrow]{justify-self:auto}[data-site=tile] [data-part=mount]>*{max-inline-size:100%}[data-site=tile] [data-part=words]{padding:var(--warp-space-tight) var(--warp-space-related)}[data-site=tile] strong{font-size:var(--doc-small);font-weight:600}[data-site=tile] [data-part=words] span{font-size:var(--doc-micro);color:var(--dim);line-height:1.4;display:none}@media (width<=599.98px){[data-tk=tiles]{gap:var(--warp-space-related);grid-template-columns:minmax(0,1fr)}[data-site=tile]{contain-intrinsic-size:auto 200px;grid-template-rows:auto auto}[data-site=tile] [data-part=stage]{aspect-ratio:auto;block-size:120px}[data-site=tile] [data-part=mount]{--tile-hug:240px;padding:var(--warp-space-related)}[data-site=tile] [data-part=words]{gap:var(--warp-space-hair);padding:var(--warp-space-tight) var(--warp-space-related) var(--warp-space-related);min-inline-size:0;display:grid}[data-site=tile] strong{overflow-wrap:anywhere}[data-site=tile] [data-part=words] span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}[data-tk=all]{font-size:var(--doc-small);margin-block-start:var(--warp-space-group)}@media (width<=899.98px){[data-site=frame] [data-part=stage]{overflow-x:auto}[data-site=frame][data-play] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=frame] [data-part=knobs]{border-inline-start:0;border-block-start:var(--warp-border-hairline) solid var(--rule)}[data-part=mount]{padding:var(--warp-space-group)}[data-site=tk-section] [data-part=keys]>div{grid-template-columns:120px minmax(0,1fr)}[data-site=frame] [data-part=tools]{display:none}}@layer warp.layout{:where([data-scope=navlist]){gap:var(--warp-space-group);min-inline-size:0;display:grid}:where([data-scope=navlist]) :where(ul){gap:2px;margin:0;padding:0;list-style:none;display:grid}:where([data-scope=navlist]) :where(ul) :where(ul){border-inline-start:var(--warp-border-hairline) solid var(--warp-color-border);margin-block:2px;margin-inline-start:19px;padding-inline-start:8px}:where([data-scope=navlist]) :where([data-part=group-label]){margin:0 0 var(--warp-space-tight);font-family:var(--warp-text-eyebrow-font);font-size:var(--warp-text-eyebrow-size);letter-spacing:var(--warp-text-eyebrow-tracking);text-transform:var(--warp-text-eyebrow-case);color:var(--warp-color-text-subtle);padding-inline:10px;font-weight:500}:where([data-scope=navlist]) :where([data-part=item]){--warp-color-sweep-base:transparent;box-sizing:border-box;inline-size:100%;min-block-size:var(--warp-control-md);border-radius:var(--warp-radius-control);color:var(--warp-color-text-subtle);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--warp-duration-fast) var(--warp-ease-out), color var(--warp-duration-fast);background:0 0;border:0;align-items:center;gap:10px;padding-inline:10px;font-weight:500;text-decoration:none;display:flex;position:relative}:where([data-scope=navlist]) :where([data-part=item]:hover){background:var(--warp-color-surface-hover);color:var(--warp-color-text)}:where([data-scope=navlist]) :where([data-part=item][aria-current]){background:var(--warp-color-surface-hover);color:var(--warp-color-text);box-shadow:inset var(--warp-border-emphasis) 0 0 var(--warp-color-accent-solid)}:where([data-scope=navlist]) :where([data-part=item]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md);flex:none}:where([data-scope=navlist]) :where([data-part=item][aria-current]) :where(svg){color:var(--warp-color-accent-text)}:where([data-scope=navlist]) :where([data-part=trailing]){font:500 11px/1.25 var(--warp-font-mono);color:var(--warp-color-text-subtle);font-variant-numeric:tabular-nums;margin-inline-start:auto}:where([data-scope=navlist]) :where([data-part=item][aria-expanded]) :where([data-part=chevron]){transition:transform var(--warp-duration-base) var(--warp-ease-out);margin-inline-start:auto}:where([data-scope=navlist]) :where([data-part=item][aria-expanded=true]) :where([data-part=chevron]){transform:rotate(90deg)}:where([data-scope=navlist]) :where([data-part=item][aria-expanded=false])+:where(ul){display:none}:where([data-scope=sidenav]){font-size:var(--warp-text-caption-size);display:contents}:where([data-scope=sidenav])>:where([data-part=panel]){font-size:var(--warp-text-caption-size);z-index:var(--warp-z-modal);box-sizing:border-box;background:var(--warp-color-surface-raised);border-inline-end:var(--warp-border-hairline) solid var(--warp-color-border);inline-size:min(320px,100vw - 48px);box-shadow:var(--warp-shadow-overlay,0 12px 40px #00000040);visibility:hidden;transition:transform var(--warp-duration-sheet,.24s) var(--warp-ease-out), visibility 0s linear var(--warp-duration-sheet,.24s);flex-direction:column;padding-block-start:var(--warp-safe-top,0px);display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}:where([data-scope=sidenav][data-open])>:where([data-part=panel]){visibility:visible;transition:transform var(--warp-duration-sheet,.24s) var(--warp-ease-out);transform:none}:where([data-scope=sidenav])>:where([data-part=panel]:focus){outline:none}:where([data-scope=sidenav])>:where([data-part=backdrop]){z-index:var(--warp-z-modal);background:var(--warp-color-scrim);opacity:0;pointer-events:none;transition:opacity var(--warp-duration-base) var(--warp-ease-out);position:fixed;inset:0}:where([data-scope=sidenav][data-open])>:where([data-part=backdrop]){opacity:1;pointer-events:auto}:where([data-scope=sidenav]) :where([data-part=head]){justify-content:space-between;align-items:center;gap:var(--warp-space-related);min-block-size:var(--warp-layout-bar);padding-inline:var(--warp-space-group) var(--warp-space-tight);border-block-end:var(--warp-border-hairline) solid var(--warp-color-border);display:flex}:where([data-scope=sidenav]) :where([data-part=title]){color:var(--warp-color-text);margin:0;font-weight:600}:where([data-scope=sidenav]) :where([data-part=scroll]){align-content:start;gap:var(--warp-space-related);overscroll-behavior:contain;scrollbar-width:thin;min-block-size:0;padding:var(--warp-space-related);flex:1;padding-block-end:max(var(--warp-space-group), var(--warp-safe-bottom,0px));display:grid;overflow-y:auto}:where([data-scope=sidenav]) :where([data-part=lead]){border-block-end:var(--warp-border-hairline) solid var(--warp-color-border);padding-block-end:var(--warp-space-related)}:where([data-scope=sidenav]) :where([data-scope=navlist]){gap:var(--warp-space-related);font-size:inherit}:where([data-scope=sidenav]) :where([data-part=sections]){gap:2px}:where([data-scope=sidenav]) :where([data-part=sections])>:where(li)>:where([data-part=group-label]){margin-block:var(--warp-space-tight) 2px}:where([data-scope=sidenav]) :where([data-scope=navlist]) :where([data-part=item]){min-block-size:32px}:where([data-scope=sidenav]) :where([data-part=item][data-fold]){color:var(--warp-color-text);font-weight:600}:where([data-scope=sidenav]) :where([data-part=item]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:calc(var(--warp-focus-width) * -1)}:where([data-scope=sidenav]) :where([data-part=chevron]){color:var(--warp-color-text-subtle);display:inline-flex}:where([data-scope=sidenav]) :where([data-part=chevron]) :where(svg){inline-size:var(--warp-icon-sm);block-size:var(--warp-icon-sm)}:where([data-scope=sidenav]) :where([data-part=sections]) :where(ul[hidden]){display:none}:where([data-scope=sidenav]) :where([data-scope=navlist][data-bar]){--_bar:var(--warp-sweep-width);position:relative}:where([data-scope=sidenav]) :where([data-scope=navlist][data-bar])>:where([data-part=indicator]){pointer-events:none;z-index:1;inline-size:var(--_bar);background:var(--warp-color-accent-solid);transform-origin:0 0;opacity:0;block-size:1px;transition:transform calc(var(--warp-sweep-duration) * .68) var(--warp-sweep-ease);position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleY(0)}:where([data-scope=sidenav]) :where([data-scope=navlist][data-bar][data-ready])>:where([data-part=indicator]){opacity:1}:where([data-scope=sidenav]) :where([data-scope=navlist][data-bar])>:where([data-part=indicator][data-instant]){transition:none}:where([data-scope=sidenav]) :where([data-scope=navlist][data-bar][data-ready]) :where([data-part=item][aria-current]){box-shadow:none}:where([data-scope=sidenav]) :where([data-part=sections])>:where(li)>:where(ul){margin-block:2px var(--warp-space-tight)}:where([data-scope=sidenav]) :where([data-part=filter]){box-sizing:border-box;inline-size:100%;min-block-size:var(--warp-control-sm);padding:0 var(--warp-space-related);border:var(--warp-border-hairline) solid var(--warp-color-border-control);border-radius:var(--warp-radius-control);background:var(--warp-color-field);color:var(--warp-color-text);font:inherit}:where([data-scope=sidenav]) :where([data-part=filter]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:0}:where([data-scope=sidenav]) :where([data-part=empty]){color:var(--warp-color-text-subtle);margin:0;padding-inline:10px}:where([data-scope=sidenav]) :where([data-part=bar]){inset-block:var(--warp-sidenav-top,0px) 0;z-index:1;visibility:visible;justify-content:center;align-items:center;gap:var(--warp-space-tight);inline-size:var(--warp-sidenav-bar,28px);box-sizing:border-box;padding:var(--warp-space-related) 0;border:0;border-inline-end:var(--warp-border-hairline) solid var(--warp-color-border);background:var(--warp-color-surface-overlay);color:var(--warp-color-text-subtle);box-shadow:var(--warp-elevation-1);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--warp-duration-fast), background-color var(--warp-duration-fast);border-radius:0;flex-direction:column;margin:0;display:flex;position:absolute;inset-inline-start:calc(100% + var(--warp-border-hairline))}:where([data-scope=sidenav]) :where([data-part=bar]:hover){background:var(--warp-color-surface-hover);color:var(--warp-color-text)}:where([data-scope=sidenav]) :where([data-part=bar]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:calc(var(--warp-focus-width) * -1);color:var(--warp-color-text)}:where([data-scope=sidenav]) :where([data-part=bar]) :where(svg){inline-size:var(--warp-icon-sm);block-size:var(--warp-icon-sm);transition:transform var(--warp-duration-base) var(--warp-ease-out);flex:none}:where([data-scope=sidenav]) :where([data-part=bar-label]){writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;max-block-size:50%;font-weight:600;overflow:clip}:where([data-scope=sidenav][data-open]) :where([data-part=bar]) :where(svg){transform:scaleX(-1)}:where([data-scope=sidenav][data-open]) :where([data-part=bar]){box-shadow:none}:where([data-scope=sidenav][data-open]) :where([data-part=bar-label]){clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:clip}@media (width>=900px){:where([data-scope=sidenav]){min-inline-size:0;align-self:start;display:block;position:sticky;inset-block-start:var(--warp-sidenav-top,0px)}:where([data-scope=sidenav])>:where([data-part=panel]){z-index:auto;inline-size:auto;max-block-size:calc(var(--warp-viewport-block) - var(--warp-sidenav-top,0px));box-shadow:none;visibility:visible;background:0 0;border:0;padding:0;transition:none;position:static;transform:none}:where([data-scope=sidenav])>:where([data-part=backdrop]),:where([data-scope=sidenav]) :where([data-part=head]),:where([data-scope=sidenav]) :where([data-part=lead]){display:none}:where([data-scope=sidenav]) :where([data-part=scroll]){padding:var(--warp-space-group) var(--warp-space-tight) var(--warp-space-group) 0}:where([data-scope=sidenav]) :where([data-part=scroll])>:where([data-part=filter]){z-index:1;position:sticky;inset-block-start:0}:where([data-scope=sidenav][data-collapsible]){inline-size:var(--warp-sidenav-width,240px);transition:inline-size var(--warp-duration-base) var(--warp-ease-out)}:where([data-scope=sidenav][data-collapsible][data-collapsed]){inline-size:var(--warp-sidenav-bar,28px)}:where([data-scope=sidenav][data-collapsible])>:where([data-part=panel]){position:relative;overflow:clip}:where([data-scope=sidenav][data-collapsible]) :where([data-part=scroll]){inline-size:calc(var(--warp-sidenav-width,240px) - var(--warp-sidenav-bar,28px));box-sizing:border-box;transition:opacity var(--warp-duration-base) var(--warp-ease-out), visibility 0s}:where([data-scope=sidenav][data-collapsed]) :where([data-part=scroll]){opacity:0;visibility:hidden;transition:opacity var(--warp-duration-base) var(--warp-ease-out), visibility 0s linear var(--warp-duration-base)}:where([data-scope=sidenav]) :where([data-part=bar]){box-shadow:none;background:0 0;inset-block:0;inset-inline:auto 0}:where([data-scope=sidenav]) :where([data-part=bar]:hover){background:var(--warp-color-surface-hover)}:where([data-scope=sidenav]:not([data-collapsed])) :where([data-part=bar]) :where(svg){transform:scaleX(-1)}:where([data-scope=sidenav]:not([data-collapsed])) :where([data-part=bar-label]){clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:clip}}:where([data-scope=sidenav][data-settling]),:where([data-scope=sidenav][data-settling]) :where(*){transition:none!important}@media (prefers-reduced-motion:reduce){:where([data-scope=sidenav]),:where([data-scope=sidenav])>:where([data-part=panel]),:where([data-scope=sidenav])>:where([data-part=backdrop]),:where([data-scope=sidenav]) :where([data-part=scroll]),:where([data-scope=sidenav]) :where([data-part=bar]),:where([data-scope=sidenav]) :where([data-part=bar]) :where(svg){transition:none}}@media print{:where([data-scope=sidenav]){display:none!important}}}@layer warp.inputs-rich{:where([data-scope=emoji]) :where([role=tab]){min-block-size:var(--warp-hit-min);box-sizing:border-box;align-items:center;display:inline-flex}:where([data-scope=prose]) :where([data-part=anchor]){min-inline-size:var(--warp-hit-min);min-block-size:var(--warp-hit-min);margin-block:calc((1lh - var(--warp-hit-min)) / 2);vertical-align:middle;place-items:center;display:inline-grid}:where(.crop-ctl) :where(input[type=range]){block-size:var(--warp-hit-min)}:where([data-scope=snippet]){border-radius:var(--warp-radius-control);background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);font:400 var(--warp-text-code-size) var(--warp-font-mono);align-items:center;gap:10px;margin-block-start:10px;padding:4px 4px 4px 12px;display:flex}:where([data-scope=snippet])>:where(span){color:var(--warp-color-text-subtle);-webkit-user-select:none;user-select:none}:where([data-scope=snippet]) :where(code){white-space:nowrap;flex:1;overflow-x:auto}}@layer warp.components{:where([data-scope=tabs][data-part=root]){gap:var(--warp-space-group);min-inline-size:0;display:grid}:where([data-scope=tabs])>:where([data-part=list]){gap:var(--warp-space-tight);overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;min-inline-size:0;box-shadow:inset 0 calc(var(--warp-border-hairline) * -1) 0 var(--warp-color-border);--_fs:0px;--_fe:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--_fs), #000 calc(100% - var(--_fe)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--_fs), #000 calc(100% - var(--_fe)), transparent);display:flex;position:relative;overflow-x:auto}:where([data-scope=tabs])>:where([data-part=list])::-webkit-scrollbar{display:none}:where([data-scope=tabs])>:where([data-part=list][data-overflow~=start]){--_fs:32px}:where([data-scope=tabs])>:where([data-part=list][data-overflow~=end]){--_fe:32px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]){scroll-snap-align:start;block-size:var(--warp-control-md);padding-inline:var(--warp-space-related);color:var(--warp-color-text-subtle);font:500 var(--warp-text-body-size)/1 var(--warp-text-body-font);white-space:nowrap;cursor:pointer;border-radius:var(--warp-radius-control) var(--warp-radius-control) 0 0;-webkit-tap-highlight-color:transparent;transition:color var(--warp-duration-fast) var(--warp-ease-out);background:0 0;border:0;flex:none;align-items:center;gap:6px;margin:0;display:inline-flex;position:relative}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]:hover),:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){color:var(--warp-color-text)}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]:focus-visible){outline-offset:-2px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]) :where([data-scope=badge]){block-size:18px;padding-inline:6px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=indicator]){block-size:var(--warp-border-emphasis);background:var(--warp-color-accent-solid);pointer-events:none;position:absolute;inset-block-end:0;inset-inline-start:0}:where([data-scope=tabs])>:where([data-part=content]){min-inline-size:0}:where([data-scope=tabs])>:where([data-part=content]:focus-visible){outline-offset:4px;border-radius:var(--warp-radius-control)}:where([data-scope=tabs])>:where([data-part=content][hidden]){display:none}:where([data-scope=tabs])>:where([data-part=content]:not([hidden])){animation:warp-settle var(--warp-spring-duration) var(--warp-ease-spring)}@keyframes warp-settle{0%{opacity:0;translate:0 calc(var(--warp-motion-distance) * .5)}}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list]){inline-size:fit-content;max-inline-size:100%;box-shadow:none;background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:calc(var(--warp-radius-control) + 3px);gap:2px;padding:2px}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=trigger]){z-index:1;block-size:calc(var(--warp-control-md) - 6px);padding-inline:var(--warp-pad-control);border-radius:var(--warp-radius-control)}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=indicator]){background:var(--warp-color-surface-raised);border-radius:var(--warp-radius-control);block-size:auto;box-shadow:0 0 0 var(--warp-border-hairline) var(--warp-color-border), var(--warp-elevation-1);inset-block:2px}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list]){gap:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger]){padding-inline:var(--warp-pad-control);border:var(--warp-border-hairline) solid transparent;border-block-end:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){background:var(--warp-color-surface-raised);border-color:var(--warp-color-border);box-shadow:0 var(--warp-border-hairline) 0 var(--warp-color-surface-raised)}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=indicator]){inset-block:0 auto}:where([data-scope=tabs][data-variant=enclosed][data-part=root]){gap:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=content]){padding:var(--warp-pad-surface);background:var(--warp-color-surface-raised);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:0 0 var(--warp-radius-surface) var(--warp-radius-surface);border-block-start:0}@media (forced-colors:active){:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){forced-color-adjust:none;color:canvastext}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=indicator]){box-shadow:none;background:highlight}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){color:highlighttext}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){box-shadow:none;background:canvas;border-color:canvastext}}}@layer warp.inputs{:where([data-scope=checkbox]),:where([data-scope=radio]),:where([data-scope=switch]){column-gap:var(--warp-space-related);min-block-size:var(--warp-hit-min);cursor:pointer;font-size:var(--warp-text-body-size);-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr);justify-self:start;align-items:center;display:grid;position:relative}:where([data-scope=checkbox])>input,:where([data-scope=radio])>input,:where([data-scope=switch])>input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}:where([data-scope=checkbox])>[data-part=hint],:where([data-scope=radio])>[data-part=hint],:where([data-scope=switch])>[data-part=hint]{font-size:var(--warp-text-caption-size);color:var(--warp-color-text-subtle);line-height:var(--warp-text-caption-leading);grid-column:2;margin-block-start:-2px}:where([data-scope=checkbox]):has([data-part=hint]),:where([data-scope=radio]):has([data-part=hint]){align-items:start}:where([data-scope=checkbox]):has([data-part=hint])>[data-part=control],:where([data-scope=radio]):has([data-part=hint])>[data-part=control]{margin-block-start:1px}:where([data-scope=checkbox]):has(input:disabled),:where([data-scope=radio]):has(input:disabled),:where([data-scope=switch]):has(input:disabled){cursor:not-allowed;opacity:var(--warp-opacity-disabled)}:where([data-scope=checkbox])>[data-part=control],:where([data-scope=radio])>[data-part=control]{border-radius:var(--warp-radius-mark);--warp-sweep-radius:var(--warp-radius-mark);flex:none;place-items:center;block-size:20px;inline-size:20px;display:grid}:where([data-scope=radio])>[data-part=control]{--warp-sweep-radius:50%;border-radius:50%}:where([data-scope=checkbox])>:where([data-part=control]) :where(svg){z-index:3;fill:none;block-size:70%;inline-size:70%;stroke:var(--warp-color-accent-solid);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;position:relative;overflow:visible}:where([data-expression=vivid]) :where([data-scope=checkbox])>:where([data-part=control]) :where(svg){stroke-linecap:square;stroke-linejoin:miter}:where([data-scope=checkbox])>:where([data-part=control]) :where(path){stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset calc(.42s * var(--warp-motion-scale)) var(--warp-sweep-ease)}:where([data-scope=checkbox])>input:checked:not(:indeterminate)+[data-part=control] [data-part=check],:where([data-scope=checkbox])>input:indeterminate+[data-part=control] [data-part=dash]{stroke-dashoffset:0}:where([data-scope=radio])>[data-part=control]:after{content:"";z-index:3;background:var(--warp-color-accent-solid);block-size:10px;inline-size:10px;transition:transform calc(.42s * var(--warp-motion-scale)) var(--warp-sweep-ease);border-radius:50%;position:relative;transform:scale(0)}:where([data-scope=radio])>input:checked+[data-part=control]:after{transform:scale(1)}:where([data-scope=checkbox][data-invalid])>input:not(:checked)+[data-part=control],:where([data-scope=radio][data-invalid])>input:not(:checked)+[data-part=control]{--_a:1}:where([data-scope=checkbox][data-invalid])>input:not(:checked)+[data-part=control]>[data-part=sweep],:where([data-scope=radio][data-invalid])>input:not(:checked)+[data-part=control]>[data-part=sweep]{color:var(--warp-color-sweep-critical)}:where([data-scope=switch])>[data-part=track]{border-radius:var(--warp-radius-round);--warp-sweep-radius:var(--warp-radius-round);--_base:var(--warp-color-border) ;background:var(--warp-color-surface-active);flex:none;block-size:24px;inline-size:44px;position:relative}:where([data-scope=switch])>[data-part=track]>[data-part=rail-fill]{overflow:clip}:where([data-scope=switch])>input:checked+[data-part=track]{--_base:var(--warp-color-accent-solid)}:where([data-scope=switch]) :where([data-part=thumb]){z-index:3;border-radius:var(--warp-radius-round);background:var(--warp-color-text-subtle);block-size:18px;inline-size:18px;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 2px #00000040}:where([data-scope=switch])>input:checked+[data-part=track] [data-part=thumb]{background:var(--warp-color-accent-on-solid);transform:translate(20px)}:where([data-scope=switch])>input:focus-visible+[data-part=track]>[data-part=sweep]{border-width:calc(var(--warp-sweep-width) + 1px)}:where([data-scope=switch][data-size=sm])>[data-part=track]{block-size:20px;inline-size:36px}:where([data-scope=switch][data-size=sm]) :where([data-part=thumb]){block-size:14px;inline-size:14px}:where([data-scope=switch][data-size=sm])>input:checked+[data-part=track] [data-part=thumb]{transform:translate(16px)}:where([data-scope=switch][data-placement=end]){grid-template-columns:minmax(0,1fr) auto;justify-self:stretch}:where([data-scope=switch][data-placement=end])>[data-part=track]{grid-area:1/2}:where([data-scope=switch][data-placement=end])>[data-part=label]{grid-area:1/1}:where([data-scope=switch][data-placement=end])>[data-part=hint]{grid-column:1}:where([data-scope=group]){gap:var(--warp-space-tight);border:0;min-inline-size:0;margin:0;padding:0;display:grid}:where([data-scope=group])>:where(legend){font-family:var(--warp-label-font);font-size:var(--warp-label-float-size);font-weight:var(--warp-label-float-weight);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;color:var(--warp-color-label-rest);margin-block-end:var(--warp-space-tight);padding:0}:where([data-fields=classic]) :where([data-scope=group]:not([data-variant=floating]))>legend,:where([data-scope=group][data-variant=classic])>legend{font-family:var(--warp-text-label-font);font-size:var(--warp-text-label-size);font-weight:var(--warp-text-label-weight);letter-spacing:0;text-transform:none;color:var(--warp-color-text)}:where([data-scope=group]) :where([data-part=items]){gap:0;display:grid}:where([data-scope=group][data-orientation=horizontal]) :where([data-part=items]){column-gap:var(--warp-space-group);flex-wrap:wrap;display:flex}:where([data-scope=group])>:where([data-part=message]){font-size:var(--warp-text-caption-size);color:var(--warp-color-text-subtle)}:where([data-scope=group][data-invalid])>:where([data-part=message]){color:var(--warp-color-critical-text)}:where([data-scope=choice-card]){gap:2px var(--warp-space-related);padding:calc(var(--warp-pad-control) + 2px);cursor:pointer;border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);--_base:var(--warp-color-sweep-base) ;background:var(--warp-color-surface-raised);transition:background-color var(--warp-duration-base) var(--warp-ease-out);grid-template-columns:minmax(0,1fr) auto;display:grid}:where([data-scope=choice-card])>input{opacity:0;pointer-events:none;position:absolute}:where([data-scope=choice-card])>:not([data-part^=sweep],input){z-index:3;position:relative}:where([data-scope=choice-card]) :where([data-part=label]){font-weight:500}:where([data-scope=choice-card]) :where([data-part=hint]){font-size:var(--warp-text-caption-size);color:var(--warp-color-text-subtle);grid-column:1}:where([data-scope=choice-card]) :where([data-part=meta]){font-variant-numeric:tabular-nums;color:var(--warp-color-text-subtle);font-size:var(--warp-text-caption-size);grid-area:1/2}:where([data-scope=choice-card]:has(input:checked)){background:var(--warp-color-accent-soft);--_a:1}:where([data-scope=choice-card]:has(input:checked))>[data-part=sweep]{border-width:calc(var(--warp-sweep-width) + .5px)}:where([data-scope=choice-card]:has(input:checked)) :where([data-part=meta]){color:var(--warp-color-accent-text)}:where([data-scope=segmented]){border-radius:calc(var(--warp-radius-control) + 2px);box-shadow:inset 0 0 0 var(--warp-sweep-base-width) var(--warp-color-border);background:var(--warp-color-surface-sunken);isolation:isolate;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;place-self:start;gap:2px;max-inline-size:100%;padding:3px;display:inline-grid;position:relative}:where([data-scope=segmented]:has(input:focus-visible)){box-shadow:inset 0 0 0 var(--warp-sweep-base-width) var(--warp-color-sweep-base)}:where([data-scope=segmented])>:where(label[data-sweep]){--warp-sweep-radius:var(--warp-radius-control);border-radius:var(--warp-radius-control)}:where([data-scope=segmented])>:where(label[data-sweep])>:where([data-part=sweep]){z-index:1;border-width:var(--warp-sweep-width)}:where([data-scope=segmented])>:where(label:has(input:checked))>:where([data-part=sweep]){visibility:hidden}:where([data-scope=segmented]) :where(label){z-index:3;display:flex;position:relative}:where([data-scope=segmented]) :where(input){opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:where([data-scope=segmented]) :where([data-part=item]){block-size:calc(var(--warp-control-md) - 8px);padding-inline:var(--warp-pad-control);font-weight:500;font-size:var(--warp-text-body-size);color:var(--warp-color-text-subtle);white-space:nowrap;border-radius:var(--warp-radius-control);transition:color calc(.42s * var(--warp-motion-scale)) var(--warp-sweep-ease);flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}:where([data-scope=segmented]) :where([data-part=item]) :where(svg){block-size:14px;inline-size:14px}:where([data-scope=segmented]) :where([data-part=count]){font:500 11px/1.25 var(--warp-font-mono)}:where([data-scope=segmented]) :where(label:hover) :where([data-part=item]){color:var(--warp-color-text)}:where([data-scope=segmented]) :where(input:checked)+:where([data-part=item]){color:var(--warp-color-accent-on-solid)}:where([data-scope=segmented]) :where(input:focus-visible)+:where([data-part=item]){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:1px}:where([data-scope=segmented]) :where([data-part=indicator]){z-index:2;border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);background:var(--warp-color-accent-solid);position:absolute;inset-block:3px;inset-inline-start:0;overflow:clip}:where([data-scope=segmented])>:where([data-part=indicator]:not([style]))~:where(label) :where(input:checked)+:where([data-part=item]){background:var(--warp-color-accent-solid)}:where([data-scope=segmented])>:where([data-part=indicator][data-instant])~:where(label) :where([data-part=item]){transition:none}:where([data-scope=segmented][data-size=sm]) :where([data-part=item]){block-size:calc(var(--warp-control-sm) - 8px);font-size:var(--warp-text-caption-size)}:where([data-scope=chip][data-sweep]){isolation:isolate;block-size:var(--warp-control-sm);padding-inline:calc(var(--warp-pad-control) - 1px);border-radius:var(--warp-radius-round);--warp-sweep-radius:var(--warp-radius-round);--_base:var(--warp-color-sweep-base) ;background:var(--warp-color-surface-raised);color:var(--warp-color-text);font:500 var(--warp-text-caption-size) / 1 var(--warp-text-body-font);cursor:pointer;transition:background-color var(--warp-duration-base) var(--warp-ease-out), color var(--warp-duration-base);border:0;align-items:center;gap:6px;display:inline-flex}:where([data-scope=chip][data-sweep])>:not([data-part^=sweep]){z-index:3;position:relative}:where([data-scope=chip][data-sweep])>svg{fill:none;stroke:currentColor;stroke-width:2px;block-size:13px;inline-size:13px}:where([data-scope=chip][data-sweep])>svg[data-part=check]{margin-inline-start:-2px;display:none}:where([data-scope=chip][data-sweep]:is([aria-pressed=true],[aria-checked=true])){background:var(--warp-color-accent-soft);color:var(--warp-color-accent-text)}:where([data-scope=chip][data-sweep]:is([aria-pressed=true],[aria-checked=true]))>svg[data-part=check]{display:block}:where([data-scope=chip][data-sweep][aria-checked=true]){--_a:1}:where([data-scope=chip][data-sweep]:focus-visible){outline:none}:where([data-scope=chip][data-sweep]:disabled){opacity:var(--warp-opacity-disabled);cursor:not-allowed}:where([data-scope=chip]) :where([data-part=count]){font-variant-numeric:tabular-nums}:where([data-scope=tag]){border-radius:max(2px, calc(var(--warp-radius-control) - 2px));background:var(--warp-color-accent-soft);block-size:24px;max-inline-size:100%;color:var(--warp-color-accent-text);font-size:var(--warp-text-caption-size);white-space:nowrap;animation:warp-field-pop var(--warp-duration-base) var(--warp-ease-pop);align-items:center;gap:2px;margin-block:2px;padding-inline:8px 2px;font-weight:500;display:inline-flex}:where([data-scope=tag])>:where(span){text-overflow:ellipsis;overflow:clip}:where([data-scope=tag]) :where(button){block-size:18px;inline-size:18px;color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=tag]) :where(button):before{content:"";inset:min(0px, calc((18px - var(--warp-hit-min)) / 2));position:absolute}:where([data-scope=tag]) :where(button:hover){opacity:1;background:color-mix(in oklab, currentColor 14%, transparent)}:where([data-scope=tag]) :where(svg){block-size:12px;inline-size:12px}:where([data-scope=tag][data-highlighted]){box-shadow:inset 0 0 0 1.5px var(--warp-color-sweep)}:where([data-scope=field])>:where([data-part=control][data-wrap]){flex-wrap:wrap;gap:2px 4px;padding-block:7px}:where([data-scope=field])>:where([data-part=control][data-wrap]) :where([data-part=input]){align-self:center;min-block-size:28px;min-inline-size:8ch}:where([data-scope=field]) :where([data-part=trigger]){all:unset;box-sizing:border-box;align-self:stretch;align-items:center;gap:var(--warp-space-related);min-inline-size:0;min-block-size:calc(var(--warp-field-height) - 2px);cursor:pointer;font-size:var(--warp-text-control-size);color:var(--warp-color-text);z-index:3;flex:1;display:flex;position:relative}:where([data-scope=field])>:where([data-part=control]:has([data-part=trigger])){cursor:pointer}:where([data-scope=field]) :where([data-part=value]){text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:clip}:where([data-scope=field]) :where([data-part=value]:empty):before{content:attr(data-placeholder);color:#0000;transition:color var(--warp-duration-fast)}:where([data-scope=field])>:where([data-part=control]:is(:hover,:focus-within)) :where([data-part=value]:empty):before,:where([data-scope=field]:is([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating]))) :where([data-part=value]:empty):before{color:var(--warp-color-text-subtle)}:where([data-scope=field]) :where([data-part=indicator]){color:var(--warp-color-text-subtle);transition:rotate calc(.42s * var(--warp-motion-scale)) var(--warp-sweep-ease), color var(--warp-duration-fast);flex:none;display:inline-flex}:where([data-scope=field])>:where([data-part=control]:is(:hover,:focus-within)) :where([data-part=indicator]){color:var(--warp-color-sweep)}:where([data-scope=field])>:where([data-part=control]:has([aria-expanded=true])) :where([data-part=indicator]:not([data-part=item]>*)){rotate:180deg}:where([data-scope=field])>:where([data-part=control][data-wrap])>:where([data-part=indicator]){align-self:center;margin-inline-start:auto}:where([data-scope=field])>:where([data-part=control]:has(>button[data-part=input])){cursor:pointer}:where([data-scope=field]) :where(button[data-part=input]){appearance:none;color:inherit;font:inherit;font-size:var(--warp-text-control-size);text-align:start;cursor:inherit;min-block-size:calc(var(--warp-field-height) - 2px);box-shadow:none;background:0 0;border:0;outline:none;align-items:center;margin-inline-end:-24px;display:flex}:where([data-scope=field]) :where(button[data-part=input])>:where([data-part=value]){padding-inline-end:24px}:where([data-scope=field]) :where(button[data-part=input]:disabled){cursor:not-allowed}:where([data-scope=field]) :where(button[data-part=input])~:where([data-part=indicator]){pointer-events:none}:where([data-scope=field]) :where(button[data-part=input])>:where([data-part=value]:empty):before{color:var(--warp-color-text-subtle)}:where([data-part=carrier]){opacity:0;pointer-events:none;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;inset-block-end:0;inset-inline-start:var(--_lead,0)}:where([data-scope=field][data-compact]){--warp-field-height:max(var(--warp-control-sm), var(--warp-target-min));vertical-align:middle;gap:0;min-inline-size:0;margin:0;padding:0;display:inline-grid}:where([data-scope=field][data-compact])>:where([data-part=control]){padding-inline:var(--warp-space-related)}@media (scripting:none){:where([data-scope=field]) :where(button[data-part=input]){display:none}:where([data-part=carrier]){opacity:1;pointer-events:auto;appearance:none;inline-size:auto;min-inline-size:0;color:inherit;font:inherit;cursor:pointer;block-size:auto;min-block-size:0;padding-inline-end:24px;padding-block:calc((var(--warp-field-height) - 2px - 1.5em) / 2);background:0 0;flex:1;align-self:stretch;margin-inline-end:-24px;line-height:1.5;position:relative;inset:auto}}:where([data-scope=field]) :where([data-part=steps]){flex:none;grid-template-rows:1fr 1fr;align-self:stretch;margin-block:2px;margin-inline-end:calc(var(--warp-space-tight) * -1);display:grid}:where([data-scope=field]) :where([data-part=step]){appearance:none;border-radius:var(--warp-radius-mark);min-block-size:0;inline-size:24px;color:var(--warp-color-text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}:where([data-scope=field]) :where([data-part=step]) :where(svg){block-size:14px;inline-size:14px}:where([data-scope=field]) :where([data-part=step]:first-child) :where(svg){rotate:180deg}:where([data-scope=field]) :where([data-part=step]:hover:not(:disabled)){background:var(--warp-color-surface-hover);color:var(--warp-color-text)}:where([data-scope=field]) :where([data-part=step]:disabled){opacity:var(--warp-opacity-disabled);cursor:default}@media (pointer:coarse){:where([data-scope=field]) :where([data-part=steps]){grid-template-rows:none;grid-template-columns:1fr 1fr}:where([data-scope=field]) :where([data-part=step]){inline-size:var(--warp-hit-min)}}:where([data-scope=select][data-part=content]){font-size:var(--warp-text-body-size);max-block-size:min(var(--_avail,320px), calc(100dvh - 16px));overflow:clip}:where([data-scope=select][data-part=content]:is(:popover-open,:modal)){flex-direction:column;display:flex}:where([data-scope=select][data-part=content])::backdrop{background:0 0}:where([data-scope=select]) :where([data-part=handle]),:where([data-scope=select]) :where([data-part=sheet-head]){display:none}:where([data-scope=select]) :where([data-part=list]){isolation:isolate;overscroll-behavior:contain;outline:none;flex:1;min-block-size:0;position:relative;overflow:auto}:where([data-scope=select]) :where([data-part=list])>:where([data-part=shuttle]){background:color-mix(in oklab, currentColor calc(var(--warp-state-hover) * 130%), transparent)}:where([data-scope=select]) :where([data-part=list]:has(>[data-part=shuttle])) :where([data-part=item][data-highlighted]:not([data-keyboard])){background:0 0}:where([data-scope=select]) :where([data-part=item]){outline:none}:where([data-scope=select]) :where([data-part=item]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:-2px}:where([data-scope=select]) :where([data-part=item][hidden]),:where([data-scope=select]) :where([role=group][hidden]){display:none}:where([data-scope=select]) :where([data-part=item-hint]){color:var(--warp-color-text-subtle);font-size:var(--warp-text-caption-size);font-weight:400}:where([data-scope=select]) :where([data-part=empty]){padding:var(--warp-space-related);color:var(--warp-color-text-subtle);font-size:var(--warp-text-caption-size);margin:0}:where([data-scope=select]) :where(label[data-part=search]){align-items:center;gap:var(--warp-space-related);block-size:var(--warp-control-md);padding-inline:var(--warp-space-related);border-radius:var(--warp-radius-control);background:var(--warp-color-surface-sunken);box-shadow:inset 0 0 0 var(--warp-border-hairline) var(--warp-color-border-control);flex:none;margin-block-end:var(--warp-space-tight);display:flex}:where([data-scope=select]) :where(label[data-part=search]:focus-within){box-shadow:inset 0 0 0 2px var(--warp-color-focus)}:where([data-scope=select]) :where(label[data-part=search]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md);color:var(--warp-color-text-subtle);flex:none}:where([data-scope=select]) :where(label[data-part=search]) :where(input){appearance:none;min-inline-size:0;color:inherit;font:inherit;font-size:max(16px, var(--warp-text-control-size));background:0 0;border:0;outline:none;flex:1;padding:0}:where([data-scope=select]) :where(label[data-part=search]) :where(input)::-webkit-search-cancel-button{display:none}:where([data-scope=select][data-presentation=sheet]){max-block-size:86dvh;inline-size:100%;min-inline-size:0;max-inline-size:none;padding:var(--warp-space-related) var(--warp-space-group) calc(var(--warp-space-group) + env(safe-area-inset-bottom));border-radius:var(--warp-radius-surface) var(--warp-radius-surface) 0 0;box-shadow:var(--warp-elevation-3);transform-origin:bottom;border-block-end:0;inset:auto 0 0;translate:0 100%;scale:1}:where([data-scope=select][data-presentation=sheet]:modal){opacity:1;transition:translate var(--warp-duration-slow) var(--warp-ease-out), overlay var(--warp-duration-base) allow-discrete, display var(--warp-duration-base) allow-discrete;translate:0}@starting-style{:where([data-scope=select][data-presentation=sheet]:modal){translate:0 100%}}:where([data-scope=select][data-presentation=sheet])::backdrop{background:var(--warp-color-scrim)}:where([data-scope=select][data-presentation=sheet]) :where([data-part=handle]){background:var(--warp-color-border-strong);border-radius:999px;flex:none;block-size:4px;inline-size:36px;margin:2px auto 10px;display:block}:where([data-scope=select][data-presentation=sheet]) :where([data-part=sheet-head]){justify-content:space-between;align-items:center;gap:var(--warp-space-related);font-size:var(--warp-text-heading-size);flex:none;margin-block-end:var(--warp-space-related);font-weight:600;display:flex}:where([data-scope=select]) :where([data-part=done]){appearance:none;min-block-size:max(var(--warp-control-sm), var(--warp-target-min));padding-inline:var(--warp-pad-control);border-radius:var(--warp-radius-control);background:var(--warp-color-accent-soft);color:var(--warp-color-accent-text);font:inherit;font-size:var(--warp-text-control-size);cursor:pointer;border:0;font-weight:500}:where([data-scope=select]) :where([data-part=done]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:2px}:where([data-scope=select][data-presentation=sheet]) :where([data-part=item]){min-block-size:max(44px, var(--warp-target-min))}@media (forced-colors:active){:where([data-scope=select]) :where([data-part=item][data-highlighted]){forced-color-adjust:none;color:highlighttext;background:highlight}}}@layer warp.inputs{:root,[data-expression=balanced],[data-expression=quiet]{--warp-field-shake:0}[data-expression=vivid]{--warp-field-shake:1}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep]){position:relative}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep],[data-part=sweep-base]){box-sizing:border-box;pointer-events:none;border-radius:inherit;border:0 solid;position:absolute;inset:0}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep]:empty){border-width:var(--warp-sweep-width)}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep-base]:empty){border-width:var(--warp-sweep-base-width)}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep-base]){z-index:1;color:var(--_base,var(--warp-color-sweep-base));clip-path:inset(0 0 0 calc((100% - var(--_sr)) * var(--_a,0)) round var(--warp-sweep-radius))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep]){z-index:2;color:var(--_tint,var(--warp-color-sweep));opacity:1;clip-path:inset(0 var(--_sr) 0 var(--_sl) round var(--warp-sweep-radius))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep],[data-part=sweep-base]){pointer-events:none;border:0;border-radius:0;position:absolute;inset:0}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep-base]){color:var(--warp-color-text-subtle);clip-path:inset(0 0 0 calc((100% - var(--_sr)) * var(--_a,0)))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep]){color:var(--warp-color-sweep);clip-path:inset(0 var(--_sr) 0 var(--_sl))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep]:is(:focus-visible,:has(:focus-visible),[data-focus]))>:where([data-part=sweep]:empty),:where([data-scope=field])>:where([data-part=control]:focus-within)>:where([data-part=sweep]:empty){border-width:calc(var(--warp-sweep-width) + 1px)}:where([data-scope=field][data-invalid])>:where([data-part=control])>:where([data-part=sweep]),:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep][data-invalid])>:where([data-part=sweep]){color:var(--warp-color-sweep-critical)}:where([data-scope=field][data-invalid])>:where([data-part=control])>:where([data-part=sweep-base]),:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep][data-invalid])>:where([data-part=sweep-base]){clip-path:inset(0 0 0 100% round var(--warp-sweep-radius))}:where([data-scope=field][data-invalid])>:where([data-part=control])>[data-part=icon]>:where([data-part=sweep]){color:var(--warp-color-sweep-critical)}:where([data-scope=field]){align-content:start;min-inline-size:0}:where([data-scope=field])>:where([data-part=control]){align-items:center;gap:var(--warp-space-related);block-size:auto;min-block-size:var(--warp-field-height);padding-inline:var(--_lead) var(--warp-pad-control);cursor:text;display:flex}:where([data-scope=field][data-size=sm]){--warp-field-height:max(calc(var(--warp-control-sm) + 4px), var(--warp-target-min))}:where([data-scope=field][data-size=lg]){--warp-field-height:max(calc(var(--warp-control-lg) + 6px), var(--warp-target-min))}:where([data-scope=field]) :where([data-part=input]){block-size:auto;inline-size:auto;min-inline-size:0;caret-color:var(--warp-color-sweep);font-variant-numeric:var(--_num,normal);text-align:var(--_align,start);flex:1;align-self:stretch;padding-inline:0}:where([data-scope=field]) :where(input[data-part=input]){min-block-size:calc(var(--warp-field-height) - 2px)}:where([data-scope=field]) :where([data-part=input][type=search])::-webkit-search-cancel-button{display:none}:where([data-scope=field]) :where([data-part=input][type=number]){appearance:textfield}:where([data-scope=field]) :where([data-part=input][type=number])::-webkit-inner-spin-button{appearance:none;margin:0}:where([data-scope=field]) :where([data-part=input][type=number])::-webkit-outer-spin-button{appearance:none;margin:0}:where([data-scope=field]) :where([data-part=input]:-webkit-autofill){-webkit-text-fill-color:var(--warp-color-text);transition:background-color 600000s}:where([data-scope=field])>:where([data-part=control]:has(>textarea)),:where([data-scope=field])>:where([data-part=control][data-wrap]){align-items:flex-start}:where([data-scope=field]) :where(textarea[data-part=input]){white-space:pre-wrap;overflow-wrap:anywhere;resize:none;field-sizing:content;padding-block:calc((var(--warp-field-height) - 1.5em) / 2);min-block-size:calc(1.5em * var(--_rows,3) + var(--warp-field-height) - 1.5em);max-block-size:calc(1.5em * max(10, var(--_rows,3)) + var(--warp-field-height) - 1.5em);line-height:1.5;overflow:auto}:where([data-scope=field])>:where([data-part=control]:is(:has(>textarea),[data-wrap]))>:where([data-part=icon]),:where([data-scope=field]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating])))>:where([data-part=control]:is(:has(>textarea),[data-wrap]):not(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown))))>:where([data-part=label]){inset-block-start:calc(var(--warp-field-height) / 2)}:where([data-scope=field])>:where([data-part=control])>:where(:not([data-part=sweep],[data-part=sweep-base],[data-part=icon],[data-part=label],[data-part=mask],[data-part=carrier],[data-scope=popup],[data-scope=select])){z-index:3;position:relative}:where([data-scope=field]) :where(:is([data-part=prefix],[data-part=suffix])){color:var(--warp-color-text-subtle);font-size:var(--warp-text-control-size);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--warp-duration-fast);flex:none}:where([data-scope=field])>:where([data-part=control]:is(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown))))>:where(:is([data-part=prefix],[data-part=suffix])),:where([data-scope=field]:is([data-lift],[data-variant=classic]))>:where([data-part=control])>:where(:is([data-part=prefix],[data-part=suffix])),:where([data-fields=classic]) :where([data-scope=field]:not([data-variant=floating]))>:where([data-part=control])>:where(:is([data-part=prefix],[data-part=suffix])){opacity:1}:where([data-scope=field]) :where([data-part=prefix]){margin-inline-end:calc(var(--warp-space-related) * -1 + 1px)}:where([data-scope=field]) :where([data-part=suffix]){margin-inline-start:calc(var(--warp-space-related) * -1 + 1px)}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear])){--_s:24px;inline-size:var(--_s);block-size:var(--_s);border-radius:var(--warp-radius-mark);color:var(--warp-color-text-subtle);cursor:pointer;transition:color var(--warp-duration-fast), background-color var(--warp-duration-fast), opacity var(--warp-duration-fast);background:0 0;border:0;flex:none;place-items:center;margin-inline:-4px;padding:0;display:inline-grid}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear])):before{content:"";inset:min(0px, calc((var(--_s) - var(--warp-hit-min)) / 2));position:absolute}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear]):hover){color:var(--warp-color-text);background:color-mix(in oklab, currentColor calc(var(--warp-state-hover) * 100%), transparent)}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear]):focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:0}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear],[data-part=end],[data-part=indicator])) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md)}:where([data-scope=field]) :where([data-part=action][aria-pressed=true]){color:var(--warp-color-sweep)}:where([data-scope=field])>:where([data-part=control]:has([data-part=input]:placeholder-shown)) :where([data-part=clear]){visibility:hidden;opacity:0}:where([data-scope=field]) :where([data-part=end]){color:var(--warp-color-text-subtle);flex:none;display:inline-flex}:where([data-scope=field]) :where([data-part=spinner]){border:1.5px solid var(--warp-color-border-strong);border-block-start-color:var(--warp-color-sweep);block-size:14px;inline-size:14px;animation:warp-field-spin calc(.7s / max(.4, var(--warp-motion-scale))) linear infinite;border-radius:50%;flex:none}:where([data-scope=field]:not([data-loading])) :where([data-part=spinner]){display:none}:where([data-motion=reduce]) :where([data-scope=field] [data-part=spinner]){border-color:var(--warp-color-sweep);animation:1.6s ease-in-out infinite alternate warp-field-pulse}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) :where([data-scope=field] [data-part=spinner]){border-color:var(--warp-color-sweep);animation:1.6s ease-in-out infinite alternate warp-field-pulse}}@keyframes warp-field-pulse{0%{opacity:1}to{opacity:.45}}:where([data-scope=field]) :where([data-part=status]){color:var(--warp-color-positive-text);flex:none;display:none}:where([data-scope=field][data-valid]:not([data-loading])) :where([data-part=status]){animation:warp-fade-in var(--warp-duration-base) var(--warp-ease-out);display:inline-flex}:where([data-scope=field]) :where([data-part=status]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md)}:where([data-scope=field])>:where([data-part=message]){align-items:baseline;gap:var(--warp-space-related);min-inline-size:0;padding-inline:2px;display:flex}:where([data-scope=field]:not([data-invalid]))>:where([data-part=message]:not(:has([data-part=hint],[data-part=counter]))){display:none}:where([data-scope=field]) :where([data-part=hint]){color:var(--warp-color-text-subtle)}:where([data-scope=field]) :where([data-part=error]){color:var(--warp-color-critical-text);align-items:flex-start;gap:5px;display:none}:where([data-scope=field]) :where([data-part=error]) :where(svg){flex:none;block-size:13px;inline-size:13px;margin-block-start:.05em}:where([data-scope=field][data-invalid]) :where([data-part=error]){animation:warp-msg-in var(--warp-message-duration) var(--warp-label-float-ease);display:inline-flex}:where([data-scope=field][data-invalid]) :where([data-part=hint]){display:none}:where([data-scope=field]) :where([data-part=counter]){color:var(--warp-color-text-subtle);font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto}:where([data-scope=field]) :where([data-part=counter][data-level=near]){color:var(--warp-color-caution-text)}:where([data-scope=field]) :where([data-part=counter][data-level=over]){color:var(--warp-color-critical-text);font-weight:500}:where([data-part=live]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}:where([data-scope=field][data-readonly])>:where([data-part=control]){background:0 0}:where([data-scope=field][data-readonly])>:where([data-part=control])>:where([data-part=sweep-base]){border-style:dashed}:where([data-scope=field][data-shake])>:where([data-part=control]),:where([data-scope=otp][data-shake]){--_shk:calc(var(--warp-field-shake) * var(--warp-motion-scale) * 1px);animation:warp-field-shake calc(var(--warp-duration-slow) * 1.1) var(--warp-ease-out)}:where([data-motion=reduce]) :where([data-scope=field][data-shake]>[data-part=control],[data-scope=otp][data-shake]){animation:none}@media (prefers-reduced-motion:reduce){:where([data-scope=field][data-shake])>:where([data-part=control]),:where([data-scope=otp][data-shake]){animation:none}}:where([data-scope=field][data-lift]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating]))) :where([data-part=label]){font-size:var(--warp-label-float-size);font-weight:var(--warp-label-float-weight);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;background-color:var(--_notch-color,var(--warp-field-notch,var(--warp-color-surface)));background-image:var(--_notch-image,none);background-size:var(--_notch-size,auto);background-position:var(--_notch-pos,0 0);background-repeat:no-repeat;padding-inline:4px;inset-block-start:var(--warp-label-float-offset);inset-inline-start:calc(var(--warp-pad-control) - 4px);transform:none}:where([data-scope=field][data-lift]) :where([data-char]){color:var(--warp-color-label-rest)}:where([data-scope=field][data-lift=active]) :where([data-char]){color:var(--warp-color-label-active)}:where([data-scope=field][data-lift]) :where([data-part=input])::placeholder{color:var(--warp-color-text-subtle)}:where([data-scope=field][data-invalid]) :where([data-char]){color:var(--warp-color-critical-text)}:where([data-scope=field][data-appearance=line])>:where([data-part=control]){--_lead:0px;--warp-sweep-radius:0px;background:0 0;border-radius:0;padding-inline-end:0}:where([data-scope=field][data-appearance=line])>:where([data-part=control]:has(>[data-part=icon])){--_lead:26px}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=icon]){inset-inline-start:0}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep],[data-part=sweep-base]){border-width:var(--warp-sweep-base-width) 0 0;border-radius:0;block-size:0;inset:auto 0 0}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep-base]){color:var(--warp-color-sweep-base)}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep]){border-top-width:var(--warp-sweep-width)}:where([data-scope=field][data-appearance=line])>:where([data-part=control]:focus-within)>:where([data-part=sweep]){border-top-width:calc(var(--warp-sweep-width) + 1px)}:where([data-scope=field][data-appearance=line]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating]))) :where([data-part=label]){background:0 0;padding-inline:0}:where([data-scope=field][data-appearance=line]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating])))>:where([data-part=control]:is(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown)))) :where([data-part=label]){inset-block-start:-4px;inset-inline-start:0}:where([data-scope=field])>:where([data-part=control][data-wrap]) :where([data-part=input]){--_grow:max(0px, calc((var(--warp-hit-min) - 28px) / 2));min-block-size:calc(28px + 2 * var(--_grow));margin-block:calc(-1 * var(--_grow))}@keyframes warp-field-spin{to{rotate:1turn}}@keyframes warp-caret{50%{opacity:0}}@keyframes warp-field-pop{0%{scale:calc(1 - .18 * var(--warp-motion-scale))}}@keyframes warp-field-shake{15%{translate:calc(var(--_shk) * -6) 0}35%{translate:calc(var(--_shk) * 5) 0}55%{translate:calc(var(--_shk) * -3) 0}75%{translate:calc(var(--_shk) * 2) 0}}}@layer warp.inputs{:where([data-scope=strength]){font-size:var(--warp-text-caption-size);grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:4px;padding-inline:2px;display:grid}:where([data-scope=strength]) :where(i){background:var(--warp-color-border);border-radius:2px;block-size:3px;position:relative;overflow:clip}:where([data-scope=strength]) :where(i):after{content:"";background:var(--_t,var(--warp-color-sweep));clip-path:inset(0 100% 0 0);transition:clip-path var(--warp-sweep-duration) var(--warp-sweep-ease);position:absolute;inset:0}:where([data-scope=strength]) :where(b){font:600 10px/1 var(--warp-label-font);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;text-align:end;min-inline-size:7ch;color:var(--warp-color-text-subtle)}:where([data-scope=strength][data-score="1"]){--_t:var(--warp-color-critical-solid)}:where([data-scope=strength][data-score="2"]){--_t:var(--warp-color-caution-solid)}:where([data-scope=strength]:is([data-score="3"],[data-score="4"])){--_t:var(--warp-color-positive-solid)}:where([data-scope=strength][data-score="1"]) :where(i:nth-child(-n+1)):after,:where([data-scope=strength][data-score="2"]) :where(i:nth-child(-n+2)):after,:where([data-scope=strength][data-score="3"]) :where(i:nth-child(-n+3)):after,:where([data-scope=strength][data-score="4"]) :where(i):after{clip-path:inset(0)}:where([data-scope=strength][data-score="1"]) :where(b){color:var(--warp-color-critical-text)}:where([data-scope=strength][data-score="2"]) :where(b){color:var(--warp-color-caution-text)}:where([data-scope=strength]:is([data-score="3"],[data-score="4"])) :where(b){color:var(--warp-color-positive-text)}:where([data-scope=field]) :where([data-part=stepper]){flex:none;gap:4px;margin-inline-end:-6px;display:flex}:where([data-scope=field]) :where([data-part=stepper]) :where(button){border:var(--warp-border-hairline) solid var(--warp-color-border-control);border-radius:var(--warp-radius-mark);block-size:26px;inline-size:26px;color:var(--warp-color-text);cursor:pointer;transition:background-color var(--warp-duration-fast), color var(--warp-duration-fast), border-color var(--warp-duration-fast);background:0 0;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=field]) :where([data-part=stepper]) :where(button):before{content:"";inset:min(0px, calc((100% - var(--warp-hit-min)) / 2)) -2px;position:absolute}:where([data-scope=field]) :where([data-part=stepper]) :where(button:hover){border-color:var(--warp-color-sweep);color:var(--warp-color-sweep)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:active){background:var(--warp-color-accent-soft)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:disabled){opacity:var(--warp-opacity-disabled);cursor:not-allowed}:where([data-scope=field]) :where([data-part=stepper]) :where(svg){block-size:12px;inline-size:12px}:where([data-pointer=coarse]) :where([data-scope=field] [data-part=stepper] button){block-size:40px;inline-size:40px}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=field] [data-part=stepper] button){block-size:40px;inline-size:40px}}:where([data-pointer=coarse]) :where([data-scope=field] :is([data-part=action],[data-part=clear])){--_s:40px;margin-inline:0}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=field] :is([data-part=action],[data-part=clear])){--_s:40px;margin-inline:0}}:where([data-scope=field][data-kind=number]){--_num:tabular-nums}:where([data-scope=field]) :where([data-part=scrub]){cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}:where([data-pointer=coarse]) :where([data-scope=field] [data-part=scrub]){cursor:default}:where([data-scope=field]) :where([data-part=mask]){z-index:2;pointer-events:none;font-size:var(--warp-text-control-size);font-variant-numeric:tabular-nums;white-space:pre;color:#0000;opacity:0;transition:opacity var(--warp-duration-fast);align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--_lead)}:where([data-scope=field]) :where([data-part=mask]) :where(em){color:var(--warp-color-text-subtle);opacity:.7;font-style:normal}:where([data-scope=field])>:where([data-part=control]:is(:focus-within,[data-filled]))>:where([data-part=mask]){opacity:1}:where([data-scope=field][data-kind=mask]) :where([data-part=input]){font-variant-numeric:tabular-nums}:where([data-scope=quantity]){block-size:var(--warp-control-md);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);background:var(--warp-color-field);align-items:stretch;display:inline-flex}:where([data-scope=quantity]) :where(button){z-index:3;inline-size:max(var(--warp-control-md), var(--warp-hit-min));color:var(--warp-color-text);cursor:pointer;border-radius:inherit;transition:color var(--warp-duration-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=quantity]) :where(button:hover){color:var(--warp-color-sweep)}:where([data-scope=quantity]) :where(button:disabled){opacity:var(--warp-opacity-disabled);cursor:not-allowed;color:var(--warp-color-text)}:where([data-scope=quantity]) :where(button) :where(svg){block-size:14px;inline-size:14px}:where([data-scope=quantity]) :where(input){z-index:3;text-align:center;inline-size:4ch;color:var(--warp-color-text);font:500 var(--warp-text-control-size)/var(--warp-text-control-leading) var(--warp-text-body-font);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;position:relative}:where([data-scope=otp]){gap:var(--warp-space-related);align-items:center;min-inline-size:0;max-inline-size:100%;display:flex;position:relative}:where([data-scope=otp])>:where(input){z-index:4;opacity:.001;color:#0000;caret-color:#0000;letter-spacing:2em;background:0 0;border:0;outline:none;margin:0;padding:0;font-size:16px;position:absolute;inset:0}:where([data-scope=otp]) :where([data-part=cell]){max-inline-size:calc(var(--warp-control-lg) - 2px);block-size:calc(var(--warp-field-height) + 6px);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);background:var(--warp-color-field);flex:1 1 0;place-items:center;min-inline-size:28px;display:grid}:where([data-scope=otp]) :where([data-part=char]){z-index:3;font:500 20px/1 var(--warp-font-mono);font-variant-numeric:tabular-nums;color:var(--warp-color-text);position:relative}:where([data-scope=otp]) :where([data-part=char]:not(:empty)){animation:warp-field-pop var(--warp-duration-base) var(--warp-ease-pop)}:where([data-scope=otp]) :where([data-part=cell][data-pin]) :where([data-part=char]:empty):after{content:"";background:var(--warp-color-sweep);block-size:22px;inline-size:1.5px;animation:1s steps(2,jump-none) infinite warp-caret;display:block}:where([data-scope=otp]) :where([data-part=sep]){background:var(--warp-color-border-strong);flex:none;block-size:1px;inline-size:8px}:where([data-scope=otp][data-masked]) :where([data-part=char]:not(:empty)){font-size:0}:where([data-scope=otp][data-masked]) :where([data-part=char]:not(:empty)):before{content:"";background:currentColor;border-radius:50%;block-size:9px;inline-size:9px;display:block}:where([data-scope=editable]){align-items:center;gap:var(--warp-space-related);min-block-size:var(--warp-field-height);min-inline-size:0;display:flex}:where([data-scope=editable]) :where([data-part=preview]){all:unset;box-sizing:border-box;min-block-size:var(--warp-control-md);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);--_base:transparent;cursor:text;align-items:center;gap:6px;max-inline-size:100%;margin-inline:-8px;padding-inline:8px;display:inline-flex;position:relative}:where([data-scope=editable]) :where([data-part=preview])>:where(svg){z-index:3;block-size:14px;inline-size:14px;color:var(--warp-color-text-subtle);opacity:0;transition:opacity var(--warp-duration-fast);position:relative}:where([data-scope=editable]) :where([data-part=preview]:is(:hover,:focus-visible))>:where(svg){opacity:1;color:var(--warp-color-sweep)}:where([data-scope=editable]) :where([data-part=text]){z-index:3;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:clip}:where([data-scope=editable]) :where([data-part=editor]){flex:1;align-items:center;gap:4px;min-inline-size:0;display:flex}:where([data-scope=editable][data-editing]) :where([data-part=preview]),:where([data-scope=editable]:not([data-editing])) :where([data-part=editor]){display:none}:where([data-scope=editable]) :where([data-part=editor])>:where([data-scope=field]){flex:1}}@layer warp.components{:where([data-scope=select][data-part=trigger]){justify-content:space-between;align-items:center;gap:var(--warp-space-related);block-size:var(--warp-control-md);min-inline-size:180px;padding-inline:var(--warp-pad-control) var(--warp-space-related);border:var(--warp-border-hairline) solid var(--warp-color-border-control);border-radius:var(--warp-radius-control);background:var(--warp-color-surface-raised);color:var(--warp-color-text);font:400 var(--warp-text-control-size)/1 var(--warp-text-body-font);text-align:start;cursor:pointer;transition:border-color var(--warp-duration-fast) var(--warp-ease-out), box-shadow var(--warp-duration-fast) var(--warp-ease-out);display:inline-flex;position:relative}:where([data-scope=select][data-part=trigger]:hover){border-color:var(--warp-color-text-subtle)}:where([data-scope=select][data-part=trigger][aria-expanded=true]){border-color:var(--warp-color-focus);box-shadow:0 0 0 1px var(--warp-color-focus)}:where([data-scope=select][data-part=trigger])>:where(svg[data-icon]){color:var(--warp-color-text-subtle);transition:rotate var(--warp-duration-base) var(--warp-ease-out)}:where([data-scope=select][data-part=trigger][aria-expanded=true])>:where(svg[data-icon]){rotate:180deg}:where([data-scope=select]) :where([data-part=value]){text-overflow:ellipsis;white-space:nowrap;overflow:clip}:where([data-scope=select][data-part=content]){--_side-x:0;--_side-y:-1;box-sizing:border-box;isolation:isolate;font-family:var(--warp-text-body-font);overscroll-behavior:contain;max-block-size:min(320px,100dvh - 16px);max-inline-size:min(360px,100vw - 16px);padding:var(--warp-space-tight);background:var(--warp-color-surface-overlay);color:var(--warp-color-text);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);box-shadow:var(--warp-elevation-2);font-size:var(--warp-text-body-size);transform-origin:var(--warp-origin,top left);opacity:0;scale:var(--warp-motion-scale-from);translate:0 calc(var(--warp-motion-distance) * -.25);transition:opacity calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), scale calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), translate calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), overlay calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) allow-discrete, display calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) allow-discrete;margin:0;position:fixed;inset:auto;overflow:auto}:where([data-scope=select][data-part=content]:popover-open){opacity:1;transition:opacity var(--warp-duration-fast) var(--warp-ease-out), scale var(--warp-spring-duration) var(--warp-ease-spring), translate var(--warp-spring-duration) var(--warp-ease-spring), overlay var(--warp-duration-base) allow-discrete, display var(--warp-duration-base) allow-discrete;translate:0;scale:1}@starting-style{:where([data-scope=select][data-part=content]:popover-open){opacity:0;scale:var(--warp-motion-scale-from);translate:0 calc(var(--warp-motion-distance) * -.5)}}:where([data-scope=select][data-part=content]) :where([data-part=item]){align-items:center;gap:var(--warp-space-related);-webkit-user-select:none;user-select:none;cursor:default;color:var(--warp-color-text);min-block-size:max(32px, var(--warp-control-sm), var(--warp-target-min));padding-inline:var(--warp-space-related);border-radius:max(2px, calc(var(--warp-radius-surface) - 4px));display:flex;position:relative}:where([data-scope=select][data-part=content]) :where([data-part=item][aria-disabled=true]){opacity:var(--warp-opacity-disabled)}:where([data-scope=select][data-part=content]) :where([data-part=group-label]){padding:var(--warp-space-related) var(--warp-space-related) var(--warp-space-tight);color:var(--warp-color-text-subtle);font-family:var(--warp-text-eyebrow-font);font-size:var(--warp-text-eyebrow-size);letter-spacing:var(--warp-text-eyebrow-tracking);text-transform:var(--warp-text-eyebrow-case);font-weight:500}:where([data-scope=select][data-part=content]) :where([data-part=item]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md);display:block}:where([data-scope=select]) :where([data-part=item][aria-selected=true]){font-weight:500}:where([data-scope=select]) :where([data-part=item])>:where([data-part=indicator]){color:var(--warp-color-accent-text);visibility:hidden;margin-inline-start:auto}:where([data-scope=select]) :where([data-part=item][aria-selected=true])>:where([data-part=indicator]){visibility:visible}}@layer warp.inputs{:where([data-scope=slider]){--_v0:0;--_v1:.5;--warp-sweep-radius:9999px;block-size:max(28px, var(--warp-hit-min));touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;display:grid;position:relative}:where([data-scope=slider]) :where([data-part=track]){border-radius:var(--warp-radius-round);background:color-mix(in oklab, var(--warp-color-border-control) 55%, transparent);block-size:4px;position:relative}:where([data-scope=slider]) :where([data-part=range]){inline-size:calc((var(--_v1) - var(--_v0)) * 100%);border-radius:inherit;background:var(--warp-color-accent-solid);position:absolute;inset-block:0;inset-inline-start:calc(var(--_v0) * 100%);overflow:clip}:where([data-scope=slider]) :where([data-part=thumb]){z-index:3;box-sizing:border-box;background:var(--warp-color-surface-raised);border:2px solid var(--warp-color-accent-solid);block-size:18px;inline-size:18px;box-shadow:var(--warp-elevation-1);transition:scale var(--warp-duration-fast) var(--warp-ease-pop), background-color var(--warp-duration-base) var(--warp-ease-out);touch-action:none;border-radius:50%;outline:none;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--_v) * 100%);translate:-50% -50%}:where([data-scope=slider]) :where([data-part=thumb]):before{content:"";inset:min(-6px, calc((100% - var(--warp-hit-min)) / 2));border-radius:50%;position:absolute}:where([data-scope=slider]) :where([data-part=thumb]:focus-visible){box-shadow:0 0 0 3px color-mix(in oklab, var(--warp-color-sweep) 35%, transparent), var(--warp-elevation-1)}:where([data-scope=slider]) :where([data-part=thumb][data-dragging]){background:var(--warp-color-accent-solid);scale:1.12}:where([data-scope=slider]) :where([data-part=bubble]){border-radius:var(--warp-radius-mark);background:var(--warp-color-surface-inverse);color:var(--warp-color-on-inverse);font:500 var(--warp-text-caption-size) / 1.2 var(--warp-text-body-font);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--warp-duration-fast), translate var(--warp-duration-fast) var(--warp-ease-out);padding:3px 7px;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;translate:-50% 4px}:where([data-scope=slider]) :where([data-part=thumb]:is([data-dragging],:focus-visible)) :where([data-part=bubble]){opacity:1;translate:-50%}:where([data-pointer=coarse]) :where([data-scope=slider] [data-part=bubble]){inset-block-end:calc(100% + 22px)}:where([data-scope=slider]) :where([data-part=ticks]){pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset-block-start:calc(50% + 10px);inset-inline:0}:where([data-scope=slider]) :where([data-part=ticks]) :where(span){inline-size:0;color:var(--warp-color-text-subtle);font-variant-numeric:tabular-nums;justify-items:center;gap:2px;font-size:11px;display:grid}:where([data-scope=slider]) :where([data-part=ticks]) :where(span:first-child){justify-items:start}:where([data-scope=slider]) :where([data-part=ticks]) :where(span:last-child){justify-items:end}:where([data-scope=slider]) :where([data-part=ticks]) :where(span):before{content:"";background:var(--warp-color-border-strong);block-size:4px;inline-size:1px}:where([data-scope=slider]:has([data-part=ticks])){margin-block-end:18px}:where([data-scope=slider][data-disabled]){opacity:var(--warp-opacity-disabled);pointer-events:none}:where([data-scope=slider][data-variant=hue]) :where([data-part=track]){border-radius:var(--warp-radius-mark);block-size:12px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warp-color-text) 12%, transparent);background:linear-gradient(90deg in hsl longer hue, #f42525, #f42525)}:where([data-scope=slider][data-variant=hue]) :where([data-part=range]){display:none}:where([data-scope=slider][data-variant=hue]) :where([data-part=thumb]){background:var(--_c,#fff);box-shadow:0 0 0 1px #0000004d, var(--warp-elevation-1);border:2px solid #fff}:where([data-scope=range-head]){justify-content:space-between;align-items:baseline;gap:var(--warp-space-related);display:flex}:where([data-scope=range-head])>:where(:first-child){font:var(--warp-label-float-weight) var(--warp-label-float-size) / 1.4 var(--warp-label-font);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;color:var(--warp-color-label-rest)}:where([data-scope=range-head]) :where(output){font:500 var(--warp-text-caption-size)/1.25 var(--warp-font-mono);font-variant-numeric:tabular-nums;color:var(--warp-color-text)}:where([data-fields=classic]) :where([data-scope=range-head])>:where(:first-child){font:var(--warp-text-label-weight) var(--warp-text-label-size) / 1.4 var(--warp-text-label-font);letter-spacing:0;text-transform:none;color:var(--warp-color-text)}:where([data-scope=color]){gap:var(--warp-space-group);display:grid}:where([data-scope=color]) :where([data-part=area]){border-radius:var(--warp-radius-control);touch-action:none;cursor:crosshair;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--_hue,152) 100% 50%));block-size:148px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warp-color-text) 12%, transparent);position:relative}:where([data-scope=color]) :where([data-part=swatch]){cursor:pointer;border-radius:var(--warp-radius-mark);background:var(--_c);block-size:24px;inline-size:24px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warp-color-text) 15%, transparent);transition:scale var(--warp-duration-fast) var(--warp-ease-pop);border:0;padding:0;position:relative}:where([data-scope=color]) :where([data-part=swatch]):before{content:"";inset:min(0px, calc((100% - var(--warp-hit-min)) / 2));position:absolute}:where([data-scope=color]) :where([data-part=swatch][aria-checked=true]){box-shadow:0 0 0 2px var(--warp-color-surface), 0 0 0 3.5px var(--warp-color-sweep)}:where([data-scope=color]) :where([data-part=swatch]:hover){scale:1.08}:where([data-scope=color]) :where([data-part=swatch]:focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:3px}:where([data-pointer=coarse]) :where([data-scope=color] [data-part=swatch]){block-size:36px;inline-size:36px}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=color] [data-part=swatch]){block-size:36px;inline-size:36px}}}