@layer components{.baseline-badge[data-v-c10a1a86]{--baseline-status-color-widely:var(--lightningcss-light,#1e8e3e)var(--lightningcss-dark,#24a446);--baseline-status-color-newly:var(--lightningcss-light,#1a73e8)var(--lightningcss-dark,#4185ff);--baseline-status-color-limited:var(--lightningcss-light,#ea8600)var(--lightningcss-dark,#f09418);--baseline-icon-widely-front:#1ea446;--baseline-icon-widely-back:var(--lightningcss-light,#c4eed0)var(--lightningcss-dark,#125225);--baseline-icon-newly-front:var(--lightningcss-light,#1b6ef3)var(--lightningcss-dark,#4185ff);--baseline-icon-newly-back:var(--lightningcss-light,#a8c7fa)var(--lightningcss-dark,#2d509e);--baseline-icon-limited-front:#f09409;--baseline-icon-limited-back:var(--lightningcss-light,#c6c6c6)var(--lightningcss-dark,#565656);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.baseline-badge[data-level=widely][data-v-c10a1a86]{background-color:color-mix(in oklab, var(--baseline-status-color-widely) 8%, var(--color-surface))}.baseline-badge[data-level=newly][data-v-c10a1a86]{background-color:color-mix(in oklab, var(--baseline-status-color-newly) 8%, var(--color-surface))}.baseline-badge[data-level=limited][data-v-c10a1a86]{background-color:var(--color-bg-subtle)}@media (prefers-contrast:more){.baseline-badge[data-v-c10a1a86]{border-color:currentColor}}@media (forced-colors:active){.baseline-badge[data-v-c10a1a86]{border-color:buttontext}}.baseline-badge-status[data-v-c10a1a86]{align-items:center;gap:var(--space-2);display:inline-flex}.baseline-badge-icon[data-v-c10a1a86]{flex-shrink:0;block-size:20px;inline-size:36px}.baseline-badge-browsers[data-v-c10a1a86]{gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.baseline-badge-browser[data-v-c10a1a86]{align-items:center;gap:2px;display:inline-flex}.baseline-badge-logo[data-v-c10a1a86]{block-size:18px;inline-size:18px}.baseline-badge-mark[data-v-c10a1a86]{block-size:18px;inline-size:15px}.baseline-badge-mark[data-mark=yes][data-v-c10a1a86]{color:var(--baseline-status-color-widely)}.baseline-badge-mark[data-mark=no][data-v-c10a1a86]{color:var(--baseline-status-color-limited)}@media (forced-colors:active){.baseline-badge-mark[data-v-c10a1a86]{color:currentColor!important}}.showcase[data-v-cecb712f]{gap:var(--space-4);min-inline-size:0;padding:var(--space-6);border:1px solid var(--bp-line-strong);background-color:var(--bp-sheet);transition:border-color var(--duration-normal) var(--easing-standard);display:grid;position:relative}.showcase[data-v-cecb712f]:before,.showcase[data-v-cecb712f]:after{content:"";border:0 solid var(--bp-ink-2);opacity:.5;pointer-events:none;block-size:12px;inline-size:12px;transition:opacity var(--duration-fast) var(--easing-standard);position:absolute}.showcase[data-v-cecb712f]:before{border-block-start-width:1.5px;border-inline-start-width:1.5px;inset-block-start:6px;inset-inline-start:6px}.showcase[data-v-cecb712f]:after{border-block-end-width:1.5px;border-inline-end-width:1.5px;inset-block-end:6px;inset-inline-end:6px}@media (hover:hover) and (pointer:fine){.showcase[data-v-cecb712f]:hover{border-color:var(--bp-accent)}}.showcase[data-v-cecb712f]:focus-within{border-color:var(--bp-accent)}.showcase[data-v-cecb712f]:hover:before,.showcase[data-v-cecb712f]:hover:after,.showcase[data-v-cecb712f]:focus-within:before,.showcase[data-v-cecb712f]:focus-within:after{opacity:1;border-color:var(--bp-accent)}@media (prefers-contrast:more){.showcase[data-v-cecb712f]{border-color:currentColor}}.showcase-header[data-v-cecb712f]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.showcase-title[data-v-cecb712f]{font-size:var(--text-xl)}.showcase-summary[data-v-cecb712f]{color:var(--color-text-subtle)}.showcase-payoff[data-v-cecb712f]{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-primary);background-color:color-mix(in oklab, var(--color-primary) 7%, transparent);font-size:var(--text-sm);border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm);align-items:start;display:flex}@media (prefers-contrast:more){.showcase-payoff[data-v-cecb712f]{background-color:#0000;border-color:currentColor}}@media (forced-colors:active){.showcase-payoff[data-v-cecb712f]{border:1px solid canvastext}}.showcase-payoff-icon[data-v-cecb712f]{block-size:1.15em;inline-size:1.15em;fill:var(--color-primary);flex:none;margin-block-start:.15em}@media (forced-colors:active){.showcase-payoff-icon[data-v-cecb712f]{fill:canvastext}}.showcase-unsupported[data-v-cecb712f]{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-info);background-color:var(--color-bg-subtle);font-size:var(--text-sm)}.showcase-demo[data-v-cecb712f]{min-inline-size:0;padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.showcase-code-actions[data-v-cecb712f]{align-items:start;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.showcase-code[data-v-cecb712f]{min-inline-size:0}.showcase-source[data-v-cecb712f]{align-items:center;gap:var(--space-2);min-block-size:44px;padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.showcase-source[data-v-cecb712f]{transition:color var(--duration-fast) var(--easing-standard)}.showcase-source[data-v-cecb712f]:hover{color:var(--color-primary);text-decoration:underline}}.showcase-source[data-v-cecb712f]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-sm)}.showcase-source-glyph[data-v-cecb712f]{block-size:1.15em;inline-size:1.15em;color:var(--color-primary)}.showcase-code-summary[data-v-cecb712f]{align-items:center;gap:var(--space-2);min-block-size:44px;inline-size:fit-content;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), scale var(--duration-fast) var(--easing-standard);border:2px solid #0000;font-weight:600;list-style:none;display:inline-flex}.showcase-code-summary[data-v-cecb712f]::-webkit-details-marker{display:none}.showcase-code-summary[data-v-cecb712f]:active{scale:.97}@media (hover:hover) and (pointer:fine){.showcase-code-summary[data-v-cecb712f]:hover{background-color:var(--color-primary-hover)}}.showcase-code-summary[data-v-cecb712f]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (pointer:coarse){.showcase-code-summary[data-v-cecb712f]{min-block-size:48px;padding-block:var(--space-3)}}@media (prefers-contrast:more){.showcase-code-summary[data-v-cecb712f]{border-color:currentColor}}@media (forced-colors:active){.showcase-code-summary[data-v-cecb712f]{border-color:buttontext}}.showcase-code-glyph[data-v-cecb712f]{block-size:1.15em;inline-size:1.15em}.showcase-code-chevron[data-v-cecb712f]{block-size:1em;inline-size:1em;transition:rotate var(--duration-fast) var(--easing-standard)}.showcase-code[open] .showcase-code-chevron[data-v-cecb712f]{rotate:180deg}.showcase-code-label-hide[data-v-cecb712f],.showcase-code[open] .showcase-code-label-show[data-v-cecb712f]{display:none}.showcase-code[open] .showcase-code-label-hide[data-v-cecb712f]{display:inline}.showcase-code-body[data-v-cecb712f]{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-3);display:grid}.showcase-links[data-v-cecb712f]{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.anchor-trigger[data-v-a30007ef]{anchor-name:--showcase-anchor}.anchor-panel[data-v-a30007ef]{max-inline-size:36ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-sm)}@supports (anchor-name:--a){.anchor-panel[data-v-a30007ef]{position-anchor:--showcase-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:var(--space-2) 0 0;position:fixed;inset:auto}}@media (prefers-contrast:more){.anchor-panel[data-v-a30007ef]{border-color:currentColor}}.anchor-tooltip-demo[data-v-68d60dfe]{gap:var(--space-4);display:grid}.anchor-tooltip-caption[data-v-68d60dfe],.anchor-tooltip-note[data-v-68d60dfe]{max-inline-size:60ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.anchor-tooltip-note[data-v-68d60dfe]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.anchor-tooltip-note strong[data-v-68d60dfe]{color:var(--color-text)}@media (prefers-contrast:more){.anchor-tooltip-note[data-v-68d60dfe]{border-color:currentColor}}.anchor-tooltip-list[data-v-68d60dfe]{gap:var(--space-2);max-inline-size:24rem;margin:0;padding:0;list-style:none;display:grid}.anchor-tooltip-row[data-v-68d60dfe]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);display:flex}@media (prefers-contrast:more){.anchor-tooltip-row[data-v-68d60dfe]{border-color:currentColor}}.anchor-tooltip-term[data-v-68d60dfe]{font-weight:600}.anchor-tooltip-anchor[data-v-68d60dfe]{display:inline-flex;position:relative}.anchor-tooltip-trigger[data-v-68d60dfe]{border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);block-size:1.75rem;inline-size:1.75rem;color:var(--color-text);font-size:var(--text-sm);cursor:help;place-items:center;padding:0;font-weight:700;display:grid}@media (hover:hover) and (pointer:fine){.anchor-tooltip-trigger[data-v-68d60dfe]:hover{background-color:var(--color-primary);color:var(--color-primary-text)}}.anchor-tooltip-trigger[data-v-68d60dfe]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.anchor-tooltip-trigger[data-v-68d60dfe]{border-color:currentColor}}.anchor-tooltip-bubble[data-v-68d60dfe]{z-index:10;inline-size:max-content;max-inline-size:16rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-sm);text-align:start;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--easing-standard), visibility var(--duration-fast) var(--easing-standard);font-weight:400;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%;translate:-50%}@media (prefers-contrast:more){.anchor-tooltip-bubble[data-v-68d60dfe]{border-color:currentColor}}.anchor-tooltip-bubble[data-v-68d60dfe]:before{content:"";block-size:var(--space-2);position:absolute;inset-block-start:100%;inset-inline:0}.anchor-tooltip-trigger:hover~.anchor-tooltip-bubble[data-v-68d60dfe],.anchor-tooltip-trigger:focus-visible~.anchor-tooltip-bubble[data-v-68d60dfe],.anchor-tooltip-bubble[data-v-68d60dfe]:hover{opacity:1;visibility:visible}@supports (anchor-name:--a){.anchor-tooltip-row:first-child .anchor-tooltip-trigger[data-v-68d60dfe]{anchor-name:--anchor-tooltip-1}.anchor-tooltip-row:first-child .anchor-tooltip-bubble[data-v-68d60dfe]{position-anchor:--anchor-tooltip-1}.anchor-tooltip-row:nth-child(2) .anchor-tooltip-trigger[data-v-68d60dfe]{anchor-name:--anchor-tooltip-2}.anchor-tooltip-row:nth-child(2) .anchor-tooltip-bubble[data-v-68d60dfe]{position-anchor:--anchor-tooltip-2}.anchor-tooltip-row:nth-child(3) .anchor-tooltip-trigger[data-v-68d60dfe]{anchor-name:--anchor-tooltip-3}.anchor-tooltip-row:nth-child(3) .anchor-tooltip-bubble[data-v-68d60dfe]{position-anchor:--anchor-tooltip-3}.anchor-tooltip-bubble[data-v-68d60dfe]{position-area:top center;position-try-fallbacks:flip-block, flip-inline;margin-block-end:var(--space-2);position:fixed;inset:auto;translate:none}}.attr-demo[data-v-61165b2c]{gap:var(--space-4);display:grid}.attr-caption[data-v-61165b2c]{font-size:var(--text-sm);color:var(--color-text-subtle)}.attr-bars[data-v-61165b2c]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.attr-row[data-v-61165b2c]{align-items:center;gap:var(--space-3);grid-template-columns:minmax(6rem,10rem) 1fr 3rem;display:grid}.attr-label[data-v-61165b2c]{font-size:var(--text-sm)}.attr-track[data-v-61165b2c]{border-radius:var(--radius-full);background-color:var(--color-bg-subtle);block-size:.75rem;overflow:hidden}@media (prefers-contrast:more){.attr-track[data-v-61165b2c]{border:1px solid}}.attr-fill[data-v-61165b2c]{border-radius:inherit;background:var(--gradient-accent);block-size:100%;inline-size:calc(var(--v,0) * 1%);display:block}@supports (width:calc(attr(data-value type(<number>), 0) * 1%)){.attr-fill[data-v-61165b2c]{inline-size:calc(attr(data-value type(<number>), 0) * 1%)}}@media (forced-colors:active){.attr-fill[data-v-61165b2c]{background:highlight}}.attr-value[data-v-61165b2c]{font-family:var(--font-mono);font-size:var(--text-sm);text-align:end;color:var(--color-text-subtle)}.container-query[data-v-34f7385f]{gap:var(--space-4);display:grid}.container-query-control[data-v-34f7385f]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.container-query-control input[data-v-34f7385f]{flex:1;min-inline-size:8rem}.container-query-stage[data-v-34f7385f]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}@media (width<30em){.container-query-stage[data-v-34f7385f]{zoom:.5}}.card-cell[data-v-34f7385f]{container-type:inline-size}.card[data-v-34f7385f]{gap:var(--space-3);block-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:grid}@container (width>=16em){.card[data-v-34f7385f]{grid-template-columns:var(--space-12) 1fr}}.card-swatch[data-v-34f7385f]{min-block-size:var(--space-8);background-color:var(--color-primary);border-radius:var(--radius-sm)}@container (width>=16em){.card-swatch[data-v-34f7385f]{min-block-size:100%}}.card-body[data-v-34f7385f]{gap:var(--space-1);align-content:start;display:grid}.card-title[data-v-34f7385f]{font-size:var(--text-base)}.card-text[data-v-34f7385f]{font-size:var(--text-sm);color:var(--color-text-subtle)}.content-visibility-demo[data-v-0751cbcd]{gap:var(--space-3);display:grid}.content-visibility-invite[data-v-0751cbcd]{font-size:var(--text-sm);color:var(--color-text-subtle)}.content-visibility-invite kbd[data-v-0751cbcd]{padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--bp-mono);font-size:.85em}.content-visibility-panes[data-v-0751cbcd]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));display:grid}.content-visibility-pane[data-v-0751cbcd]{max-block-size:14rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);scrollbar-gutter:stable;overflow-y:auto}.content-visibility-pane[data-v-0751cbcd]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.content-visibility-pane[data-v-0751cbcd]{border-color:currentColor}}.content-visibility-pane-tag[data-v-0751cbcd]{font-size:var(--text-sm);color:var(--color-text-subtle);margin-block-end:var(--space-2)}.content-visibility-section[data-v-0751cbcd]{font-size:var(--text-sm);line-height:var(--leading-normal);margin-block-start:var(--space-3)}.content-visibility-section p[data-v-0751cbcd]{margin:0}@supports (content-visibility:auto){.content-visibility-pane-auto .content-visibility-section[data-v-0751cbcd]{content-visibility:auto;contain-intrinsic-block-size:auto 6rem}}.content-visibility-appendix[data-v-0751cbcd]{display:none}.contrast-color-demo[data-v-925b73a3]{gap:var(--space-3);justify-items:start;display:grid}.contrast-color-control[data-v-925b73a3]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.contrast-color-control input[data-v-925b73a3]{inline-size:var(--space-12);block-size:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0}.contrast-color-swatch[data-v-925b73a3]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--swatch-bg);color:var(--color-primary-text);text-shadow:0 1px 2px #0009;font-weight:600}@supports (color:contrast-color(red)){.contrast-color-swatch[data-v-925b73a3]{color:contrast-color(var(--swatch-bg));text-shadow:none}}.cq-units[data-v-dbd29714]{gap:var(--space-4);display:grid}.cq-units-control[data-v-dbd29714]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.cq-units-control input[data-v-dbd29714]{flex:1;min-inline-size:8rem}.cq-units-stage[data-v-dbd29714]{min-inline-size:min(100%,12rem);container-type:inline-size}.cq-units-card[data-v-dbd29714]{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);gap:clamp(.25rem,2cqi,.75rem);padding:clamp(.75rem,6cqi,2.5rem);display:grid}@media (prefers-contrast:more){.cq-units-card[data-v-dbd29714]{border-color:currentColor}}.cq-units-label[data-v-dbd29714]{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle);font-size:clamp(.75rem,3.5cqi,1rem);font-weight:600}.cq-units-stat[data-v-dbd29714]{letter-spacing:-.02em;color:var(--color-primary);font-size:clamp(1.75rem,14cqi,4.5rem);font-weight:800;line-height:1}.cq-units-note[data-v-dbd29714]{max-inline-size:40ch;color:var(--color-text-subtle);font-size:clamp(.8rem,3cqi,.95rem)}.css-carousel-demo[data-v-d348ce41]{gap:var(--space-3);display:grid}.css-carousel[data-v-d348ce41]{scroll-snap-type:x mandatory;border-radius:var(--radius-md);anchor-name:--css-carousel;scroll-marker-group:after;padding-block-end:var(--space-2);overflow-x:auto}@media (prefers-reduced-motion:no-preference){.css-carousel[data-v-d348ce41]{scroll-behavior:smooth}}.css-carousel-track[data-v-d348ce41]{gap:var(--space-3);grid-auto-columns:min(100%,22rem);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.css-carousel-slide[data-v-d348ce41]{gap:var(--space-1);min-block-size:10rem;padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(160deg, oklch(90% .06 var(--slide-hue)), oklch(72% .12 var(--slide-hue)));color:oklch(22% .06 var(--slide-hue));scroll-snap-align:center;align-content:end;display:grid}@media (prefers-color-scheme:dark){.css-carousel-slide[data-v-d348ce41]{background:linear-gradient(160deg, oklch(38% .08 var(--slide-hue)), oklch(24% .06 var(--slide-hue)));color:oklch(92% .04 var(--slide-hue))}}.css-carousel-kicker[data-v-d348ce41]{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.75}.css-carousel-title[data-v-d348ce41]{font-size:var(--text-lg);text-wrap:balance;font-weight:700}.css-carousel[data-v-d348ce41]::scroll-button(inline-start){position-anchor:--css-carousel;align-self:anchor-center;inline-size:var(--space-8);block-size:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-glass);color:var(--color-text);font-size:var(--text-base);cursor:pointer;position:fixed}.css-carousel[data-v-d348ce41]::scroll-button(inline-end){position-anchor:--css-carousel;align-self:anchor-center;inline-size:var(--space-8);block-size:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-glass);color:var(--color-text);font-size:var(--text-base);cursor:pointer;position:fixed}.css-carousel[data-v-d348ce41]::scroll-button(inline-start):disabled{opacity:.35;cursor:default}.css-carousel[data-v-d348ce41]::scroll-button(inline-end):disabled{opacity:.35;cursor:default}.css-carousel[data-v-d348ce41]::scroll-button(inline-start):hover:not(:disabled){border-color:var(--color-text-subtle)}.css-carousel[data-v-d348ce41]::scroll-button(inline-end):hover:not(:disabled){border-color:var(--color-text-subtle)}.css-carousel[data-v-d348ce41]::scroll-button(inline-start){content:"‹"/"Previous slides";position-area:inline-start center;margin-inline-end:calc(-1 * var(--space-4))}.css-carousel[data-v-d348ce41]::scroll-button(inline-end){content:"›"/"Next slides";position-area:inline-end center;margin-inline-start:calc(-1 * var(--space-4))}.css-carousel[data-v-d348ce41]::scroll-marker-group{justify-content:center;gap:var(--space-2);margin-block-start:var(--space-2);display:flex}.css-carousel-slide[data-v-d348ce41]::scroll-marker{content:" "/attr(data-marker-label);inline-size:var(--space-3);block-size:var(--space-3);border:1px solid var(--color-text-subtle);border-radius:var(--radius-full);cursor:pointer}.css-carousel-slide[data-v-d348ce41]::scroll-marker:target-current{background-color:var(--color-primary);border-color:var(--color-primary)}.css-carousel-note[data-v-d348ce41]{font-size:var(--text-sm);color:var(--color-text-subtle)}.custom-select-demo[data-v-4668482a]{gap:var(--space-3);display:grid}.custom-select-caption[data-v-4668482a]{font-size:var(--text-sm);color:var(--color-text-subtle)}.custom-select-field[data-v-4668482a]{gap:var(--space-2);max-inline-size:22rem;display:grid}.custom-select-label[data-v-4668482a]{font-size:var(--text-sm);font-weight:600}.custom-select[data-v-4668482a]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit}@media (prefers-contrast:more){.custom-select[data-v-4668482a]{border-color:currentColor}}@supports (appearance:base-select){.custom-select[data-v-4668482a]{appearance:base-select}.custom-select[data-v-4668482a]::picker(select){appearance:base-select}.custom-select[data-v-4668482a]{cursor:pointer;background:0 0;border:none;inline-size:100%;padding:0;display:block}.custom-select-trigger[data-v-4668482a]{align-items:center;gap:var(--space-3);box-sizing:border-box;min-block-size:44px;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;display:flex}@media (hover:hover) and (pointer:fine){.custom-select-trigger[data-v-4668482a]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.custom-select-trigger[data-v-4668482a]{border-color:currentColor}}.custom-select-value[data-v-4668482a]{align-items:center;gap:var(--space-3);flex:1;display:flex}.custom-select-value .custom-select-desc[data-v-4668482a]{display:none}.custom-select[data-v-4668482a]::picker-icon{display:none}.custom-select-arrow[data-v-4668482a]{block-size:.6em;inline-size:.6em;transition:rotate var(--duration-fast) var(--easing-standard);border-block-end:2px solid;border-inline-end:2px solid;rotate:45deg}.custom-select:open .custom-select-arrow[data-v-4668482a]{rotate:225deg}.custom-select[data-v-4668482a]::picker(select){min-block-size:12rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg);margin-block-start:var(--space-1)}@media (prefers-contrast:more){.custom-select[data-v-4668482a]::picker(select){border-color:currentColor}}.custom-select optgroup[data-v-4668482a]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:700;display:block}.custom-select optgroup+optgroup[data-v-4668482a]{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-1);padding-block-start:var(--space-1)}.custom-select option[data-v-4668482a]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text);font-weight:400;display:flex}@media (hover:hover) and (pointer:fine){.custom-select option[data-v-4668482a]:hover{background-color:var(--color-bg-subtle)}}.custom-select option[data-v-4668482a]:disabled{opacity:.45;cursor:not-allowed}.custom-select option[data-v-4668482a]:checked{background-color:color-mix(in oklch, var(--color-primary) 14%, transparent)}@media (forced-colors:active){.custom-select option[data-v-4668482a]:checked{color:highlighttext;background-color:highlight}}.custom-select option[data-v-4668482a]::checkmark{color:var(--color-primary);transition:opacity var(--duration-fast) var(--easing-standard), scale var(--duration-fast) var(--easing-standard);order:1;margin-inline-start:auto}@media (forced-colors:active){.custom-select option[data-v-4668482a]::checkmark{color:currentColor}}.custom-select:has(option[value=in-progress]:checked) .custom-select-trigger[data-v-4668482a]{border-color:color-mix(in oklab, var(--color-info) 55%, var(--color-border))}.custom-select:has(option[value=in-review]:checked) .custom-select-trigger[data-v-4668482a]{border-color:color-mix(in oklab, var(--color-warning) 55%, var(--color-border))}.custom-select:has(option[value=done]:checked) .custom-select-trigger[data-v-4668482a]{border-color:color-mix(in oklab, var(--color-success) 55%, var(--color-border))}@media (prefers-contrast:more){.custom-select:has(option:checked) .custom-select-trigger[data-v-4668482a]{border-color:currentColor}}.custom-select[data-v-4668482a]::picker(select){opacity:0;transform-origin:top;transition:opacity var(--duration-fast) var(--easing-standard), translate var(--duration-fast) var(--easing-standard), scale var(--duration-fast) var(--easing-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;translate:0 -.25rem;scale:.97}.custom-select[data-v-4668482a]:open::picker(select){opacity:1;translate:0;scale:1}@starting-style{.custom-select[data-v-4668482a]:open::picker(select){opacity:0;translate:0 -.25rem;scale:.97}.custom-select option[data-v-4668482a]:checked::checkmark{opacity:0;scale:.4}}}.custom-select-dot[data-v-4668482a]{border-radius:var(--radius-full);background-color:var(--dot-color,var(--color-text-subtle));block-size:.7em;inline-size:.7em}.custom-select-dot[data-tone=neutral][data-v-4668482a]{--dot-color:var(--color-text-subtle)}.custom-select-dot[data-tone=info][data-v-4668482a]{--dot-color:var(--color-info)}.custom-select-dot[data-tone=warn][data-v-4668482a]{--dot-color:var(--color-warning)}.custom-select-dot[data-tone=success][data-v-4668482a]{--dot-color:var(--color-success)}@media (forced-colors:active){.custom-select-dot[data-v-4668482a]{background-color:currentColor}}.custom-select-text[data-v-4668482a]{display:grid}.custom-select-name[data-v-4668482a]{font-weight:600}.custom-select-desc[data-v-4668482a],.custom-select-hint[data-v-4668482a]{font-size:var(--text-sm);color:var(--color-text-subtle)}.details-demo[data-v-1c4d6814]{gap:var(--space-4);display:grid}.details-demo-caption[data-v-1c4d6814],.details-demo-note[data-v-1c4d6814]{max-inline-size:65ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.details-demo-note[data-v-1c4d6814]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.details-demo-note strong[data-v-1c4d6814]{color:var(--color-text)}@media (prefers-contrast:more){.details-demo-note[data-v-1c4d6814]{border-color:currentColor}}.details-demo-list[data-v-1c4d6814]{gap:var(--space-2);display:grid}@supports (interpolate-size:allow-keywords){.details-demo-list[data-v-1c4d6814]{interpolate-size:allow-keywords}}.details-demo-item[data-v-1c4d6814]{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}@media (prefers-contrast:more){.details-demo-item[data-v-1c4d6814]{border-color:currentColor}}.details-demo-summary[data-v-1c4d6814]{padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600}.details-demo-summary[data-v-1c4d6814]::marker{color:var(--color-primary)}.details-demo-item[data-v-1c4d6814]::details-content{opacity:0;block-size:0;transition:content-visibility var(--duration-normal) allow-discrete, opacity var(--duration-normal), block-size var(--duration-normal);overflow-y:clip}@media (prefers-reduced-motion:reduce){.details-demo-item[data-v-1c4d6814]::details-content{transition:none}}.details-demo-item[open][data-v-1c4d6814]::details-content{opacity:1;block-size:auto}.details-demo-body[data-v-1c4d6814]{max-inline-size:65ch;padding:0 var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.dialog-demo[data-v-529ac1d8]{gap:var(--space-3);display:grid}.dialog-caption[data-v-529ac1d8]{font-size:var(--text-sm);color:var(--color-text-subtle)}.dialog-row[data-v-529ac1d8]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dialog-tip-wrap[data-v-529ac1d8]{display:inline-flex}.dialog-tip-btn[data-v-529ac1d8]{border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);block-size:2rem;inline-size:2rem;color:var(--color-text);font:inherit;cursor:pointer;anchor-name:--dialog-tip-anchor;font-weight:700}@media (hover:hover) and (pointer:fine){.dialog-tip-btn[data-v-529ac1d8]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.dialog-tip-btn[data-v-529ac1d8]{border-color:currentColor}}.dialog-tip[data-v-529ac1d8]{max-inline-size:30ch;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-sm)}@supports (anchor-name:--a){.dialog-tip[data-v-529ac1d8]{position-anchor:--dialog-tip-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:var(--space-2) 0 0;position:fixed;inset:auto}}@media (prefers-contrast:more){.dialog-tip[data-v-529ac1d8]{border-color:currentColor}}.dialog-dialog[data-v-529ac1d8]{max-inline-size:38ch;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.dialog-dialog[data-v-529ac1d8]:open{opacity:1;transition:opacity var(--duration-normal) var(--easing-standard), scale var(--duration-normal) var(--easing-standard);scale:1}@starting-style{.dialog-dialog[data-v-529ac1d8]:open{opacity:0;scale:.96}}.dialog-dialog[data-v-529ac1d8]::backdrop{background-color:#00000073}@media (prefers-contrast:more){.dialog-dialog[data-v-529ac1d8]{border-color:currentColor}}.dialog-dialog-title[data-v-529ac1d8]{font-size:var(--text-lg);margin-block-end:var(--space-2);font-weight:700}.dialog-dialog-text[data-v-529ac1d8]{color:var(--color-text-subtle);margin-block-end:var(--space-4)}.dialog-dialog-actions[data-v-529ac1d8]{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.field-sizing-demo[data-v-11dede27]{gap:var(--space-3);display:grid}.field-sizing-caption[data-v-11dede27]{font-size:var(--text-sm);color:var(--color-text-subtle)}.field-sizing-field[data-v-11dede27]{gap:var(--space-2);display:grid}.field-sizing-label[data-v-11dede27]{font-size:var(--text-sm);font-weight:600}.field-sizing-input[data-v-11dede27]{inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;resize:vertical}@supports (field-sizing:content){.field-sizing-input[data-v-11dede27]{field-sizing:content;resize:none;min-block-size:2lh;max-block-size:8lh}}@media (prefers-contrast:more){.field-sizing-input[data-v-11dede27]{border-color:currentColor}}.field-sizing-hint[data-v-11dede27]{font-size:var(--text-sm);color:var(--color-text-subtle)}.selector[data-v-2ca83822]{gap:var(--space-4);display:grid}.selector-caption[data-v-2ca83822]{font-size:var(--text-sm);color:var(--color-text-subtle)}.selector-list[data-v-2ca83822]{gap:var(--space-2);max-inline-size:30rem;margin:0;padding:0;list-style:none;display:grid}.selector-row[data-v-2ca83822]{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard)}.selector-row[data-v-2ca83822]:focus-within{background-color:var(--color-bg-subtle)}.selector-row[data-v-2ca83822]:has(:checked){border-color:var(--color-primary);background-color:var(--color-bg-subtle)}@media (prefers-contrast:more){.selector-row[data-v-2ca83822]{border-color:currentColor}}.selector-label[data-v-2ca83822]{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;display:flex}.selector-count[data-v-2ca83822]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.highlight-demo[data-v-f15878e1]{gap:var(--space-3);display:grid}.highlight-caption[data-v-f15878e1]{font-size:var(--text-sm);color:var(--color-text-subtle)}.highlight-field[data-v-f15878e1]{gap:var(--space-2);display:grid}.highlight-label[data-v-f15878e1]{font-size:var(--text-sm);font-weight:600}.highlight-input[data-v-f15878e1]{inline-size:100%;max-inline-size:22rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit}@media (prefers-contrast:more){.highlight-input[data-v-f15878e1]{border-color:currentColor}}.highlight-prose[data-v-f15878e1]{max-inline-size:65ch;line-height:var(--leading-normal)}.highlight-status[data-v-f15878e1]{font-size:var(--text-sm);color:var(--color-text-subtle)}::highlight(a11y-search){background-color:var(--color-primary);color:var(--color-primary-text,#fff)}.interest-demo[data-v-02c42cf3]{gap:var(--space-4);display:grid}.interest-caption[data-v-02c42cf3],.interest-copy[data-v-02c42cf3],.interest-note[data-v-02c42cf3]{max-inline-size:60ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.interest-block[data-v-02c42cf3]{gap:var(--space-2);display:grid}.interest-h[data-v-02c42cf3]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.interest-toolbar[data-v-02c42cf3]{gap:var(--space-2);flex-wrap:wrap;display:flex}.interest-toolbar-button[data-v-02c42cf3]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);color:var(--color-text);cursor:pointer;font-weight:600}@media (hover:hover) and (pointer:fine){.interest-toolbar-button[data-v-02c42cf3]:hover{background-color:var(--color-surface);border-color:var(--color-text-subtle)}}.interest-toolbar-button[data-v-02c42cf3]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.interest-toolbar-button[data-v-02c42cf3]{border-color:currentColor}}.interest-card[data-v-02c42cf3]{max-inline-size:18rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text-subtle);font-size:var(--text-sm)}@media (prefers-contrast:more){.interest-card[data-v-02c42cf3]{border-color:currentColor}}.interest-card-title[data-v-02c42cf3]{color:var(--color-text);margin-block-end:var(--space-1);display:block}.interest-card[data-v-02c42cf3]{opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), translate var(--duration-fast) var(--easing-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;translate:0 4px}.interest-card[data-v-02c42cf3]:popover-open{opacity:1;translate:0}@starting-style{.interest-card[data-v-02c42cf3]:popover-open{opacity:0;translate:0 4px}}[interestfor][data-v-02c42cf3]{interest-delay:.4s .2s}.interest-toolbar:has(:interest-source) .interest-toolbar-button[data-v-02c42cf3]{interest-delay-start:0s}[interestfor=interest-preview-wcag][data-v-02c42cf3]{anchor-name:--interest-wcag}#interest-preview-wcag[data-v-02c42cf3]{position-anchor:--interest-wcag}[interestfor=interest-preview-interop][data-v-02c42cf3]{anchor-name:--interest-interop}#interest-preview-interop[data-v-02c42cf3]{position-anchor:--interest-interop}[interestfor=interest-hint-copy][data-v-02c42cf3]{anchor-name:--interest-copy}#interest-hint-copy[data-v-02c42cf3]{position-anchor:--interest-copy}[interestfor=interest-hint-share][data-v-02c42cf3]{anchor-name:--interest-share}#interest-hint-share[data-v-02c42cf3]{position-anchor:--interest-share}[interestfor=interest-hint-export][data-v-02c42cf3]{anchor-name:--interest-export}#interest-hint-export[data-v-02c42cf3]{position-anchor:--interest-export}.interest-card[data-v-02c42cf3]{position-area:top;position-try-fallbacks:flip-block;margin:0;margin-block-end:var(--space-2);inset:auto}.popover-demo[data-v-b58bb66c]{gap:var(--space-3);display:grid}.popover-caption[data-v-b58bb66c]{font-size:var(--text-sm);color:var(--color-text-subtle)}.popover-trigger[data-v-b58bb66c]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;anchor-name:--popover-menu-anchor;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.popover-trigger[data-v-b58bb66c]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.popover-trigger[data-v-b58bb66c]{border-color:currentColor}}.popover-chevron[data-v-b58bb66c]{font-size:var(--text-sm)}.popover-menu[data-v-b58bb66c]{min-inline-size:12rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg)}@supports (anchor-name:--a){.popover-menu[data-v-b58bb66c]{position-anchor:--popover-menu-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin-block-start:var(--space-1);position:fixed;inset:auto}}.popover-menu[data-v-b58bb66c]{opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete;transform:translateY(-.25rem)}.popover-menu[data-v-b58bb66c]:popover-open{opacity:1;gap:2px;display:grid;transform:translateY(0)}@starting-style{.popover-menu[data-v-b58bb66c]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media (prefers-contrast:more){.popover-menu[data-v-b58bb66c]{border-color:currentColor}}.popover-item[data-v-b58bb66c]{align-items:center;gap:var(--space-2);inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background-color:#0000;border:0;display:flex}@media (hover:hover) and (pointer:fine){.popover-item[data-v-b58bb66c]:hover{background-color:var(--color-bg-subtle)}}.popover-item-icon[data-v-b58bb66c]{text-align:center;inline-size:1.25rem}.popover-status[data-v-b58bb66c]{font-size:var(--text-sm);color:var(--color-text-subtle)}.quantity-demo[data-v-01720f8b]{gap:var(--space-4);display:grid}.quantity-caption[data-v-01720f8b]{max-inline-size:60ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.quantity-controls[data-v-01720f8b]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.quantity-button[data-v-01720f8b]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);color:var(--color-text);cursor:pointer;font-weight:600}.quantity-button[data-v-01720f8b]:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.quantity-button[data-v-01720f8b]:not(:disabled):hover{background-color:var(--color-surface);border-color:var(--color-text-subtle)}}.quantity-button[data-v-01720f8b]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.quantity-button[data-v-01720f8b]{border-color:currentColor}}.quantity-count[data-v-01720f8b]{font-size:var(--text-sm);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.quantity-gallery[data-v-01720f8b]{gap:var(--space-1);border-radius:var(--radius-lg);grid-auto-rows:7rem;max-inline-size:24rem;margin:0;padding:0;list-style:none;display:grid;overflow:clip}.quantity-gallery[data-v-01720f8b]:has(>:first-child:last-child){grid-auto-rows:15rem}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr;grid-auto-rows:11rem}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(3):last-child){grid-template-columns:3fr 2fr;grid-template-areas:"lead top""lead bottom"}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(3):last-child)>:first-child{grid-area:lead}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(3):last-child)>:nth-child(2){grid-area:top}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(3):last-child)>:nth-child(3){grid-area:bottom}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(4):last-child){grid-template-columns:1fr 1fr}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(5)){grid-template-columns:repeat(3,1fr);grid-auto-rows:5.5rem;grid-auto-flow:dense}.quantity-gallery[data-v-01720f8b]:has(>:nth-child(5))>:first-child{grid-area:span 2/span 2}:is(.quantity-gallery[data-v-01720f8b]:has(>:nth-child(5)):has(>:nth-child(3n+2):last-child)>:nth-last-child(2),.quantity-gallery[data-v-01720f8b]:has(>:nth-child(5)):has(>:nth-child(3n+1):last-child)>:nth-last-child(2),.quantity-gallery[data-v-01720f8b]:has(>:nth-child(5)):has(>:nth-child(3n+1):last-child)>:nth-last-child(3)){grid-column:span 2}.quantity-photo[data-v-01720f8b]{background:linear-gradient(135deg, oklch(75% .12 var(--photo-hue)), oklch(50% .16 calc(var(--photo-hue) + 50)))}@media (forced-colors:active){.quantity-photo[data-v-01720f8b]{background:canvas;border:1px solid canvastext}}.reading-flow-demo[data-v-2492f28c]{gap:var(--space-4);display:grid}.reading-flow-caption[data-v-2492f28c],.reading-flow-note[data-v-2492f28c]{max-inline-size:65ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.reading-flow-note[data-v-2492f28c]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.reading-flow-note strong[data-v-2492f28c]{color:var(--color-text)}@media (prefers-contrast:more){.reading-flow-note[data-v-2492f28c]{border-color:currentColor}}.reading-flow-toggle[data-v-2492f28c]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;font-weight:600;display:inline-flex}.reading-flow-gallery[data-v-2492f28c]{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.reading-flow-item[data-v-2492f28c]:last-child{order:-1}.reading-flow-item:last-child .reading-flow-card[data-v-2492f28c]{border-color:var(--color-primary)}@supports (reading-flow:flex-visual){.reading-flow-demo:has(.reading-flow-toggle input:checked) .reading-flow-gallery[data-v-2492f28c]{reading-flow:flex-visual}}.reading-flow-card[data-v-2492f28c]{justify-items:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;display:grid}.reading-flow-card[data-v-2492f28c]:focus-visible{background-color:var(--color-bg-subtle)}@media (prefers-contrast:more){.reading-flow-card[data-v-2492f28c]{border-color:currentColor}}.reading-flow-card-num[data-v-2492f28c]{font-size:var(--text-xl);color:var(--color-primary);font-weight:800}.reading-flow-card-chip[data-v-2492f28c]{padding:0 var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-text);font-weight:700}.rounded-clip-demo[data-v-ce390331]{gap:var(--space-6);display:grid}.rounded-clip-pair[data-v-ce390331]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.rounded-clip-half[data-v-ce390331]{gap:var(--space-2);justify-items:start;min-inline-size:0;margin:0;display:grid}.rounded-clip-image[data-v-ce390331]{display:block}.rounded-clip-caption[data-v-ce390331],.rounded-clip-note[data-v-ce390331]{font-size:var(--text-sm);color:var(--color-text-subtle)}.rounded-clip-tag[data-v-ce390331],.rounded-clip-link-tag[data-v-ce390331]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background-color:color-mix(in oklab, var(--color-primary) 14%, var(--color-surface));font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0;display:inline-block}@media (forced-colors:active){.rounded-clip-tag[data-v-ce390331],.rounded-clip-link-tag[data-v-ce390331]{border:1px solid}}@supports (clip-path:polygon(round 1px, 0 0, 1% 0, 0 1%)){.rounded-clip-tag[data-v-ce390331],.rounded-clip-link-tag[data-v-ce390331]{clip-path:polygon(round 8px, 0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);border-radius:0;padding-inline-end:calc(var(--space-3) + 14px)}@media (forced-colors:active){.rounded-clip-tag[data-v-ce390331],.rounded-clip-link-tag[data-v-ce390331]{border-radius:var(--radius-md);clip-path:none;padding-inline-end:var(--space-3)}}.rounded-clip-demo:has(.rounded-clip-break-input:checked) .rounded-clip-link[data-v-ce390331]{clip-path:polygon(round 8px, 0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%)}@media (forced-colors:active){.rounded-clip-demo:has(.rounded-clip-break-input:checked) .rounded-clip-link[data-v-ce390331]{clip-path:none}}.rounded-clip-demo:has(.rounded-clip-break-input:checked) .rounded-clip-link-tag[data-v-ce390331]{clip-path:none}@media (forced-colors:none){.rounded-clip-focus[data-v-ce390331]{--rounded-clip-ring:var(--focus-ring-color)}.rounded-clip-link[data-v-ce390331]:focus-visible{--focus-ring-color:transparent;filter:drop-shadow(var(--focus-ring-width) 0 0 var(--rounded-clip-ring)) drop-shadow(calc(-1 * var(--focus-ring-width)) 0 0 var(--rounded-clip-ring)) drop-shadow(0 var(--focus-ring-width) 0 var(--rounded-clip-ring)) drop-shadow(0 calc(-1 * var(--focus-ring-width)) 0 var(--rounded-clip-ring))}}}.rounded-clip-focus[data-v-ce390331]{gap:var(--space-3);justify-items:start;display:grid}.rounded-clip-break[data-v-ce390331]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;display:inline-flex}@supports not (clip-path:polygon(round 1px, 0 0, 1% 0, 0 1%)){.rounded-clip-break[data-v-ce390331]{display:none}}.rounded-clip-link[data-v-ce390331]{text-decoration:none;display:inline-block}.scroll-demo[data-v-e116747c]{border:1px solid var(--color-border);border-radius:var(--radius-md);max-block-size:10rem;position:relative;overflow-y:auto}@media (prefers-contrast:more){.scroll-demo[data-v-e116747c]{border-color:currentColor}}.scroll-progress[data-v-e116747c]{block-size:var(--space-1);background-color:var(--color-primary);transform-origin:0;display:none;position:sticky;inset-block-start:0}@supports (animation-timeline:scroll()){.scroll-progress[data-v-e116747c]{animation:linear both grow-progress-e116747c;animation-timeline:scroll();display:block}}.scroll-content[data-v-e116747c]{gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-subtle);display:grid}@keyframes grow-progress-e116747c{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.snap-demo[data-v-6a35b922]{gap:var(--space-4);display:grid}.snap-caption[data-v-6a35b922]{font-size:var(--text-sm);color:var(--color-text-subtle)}.snap-track[data-v-6a35b922]{padding:var(--space-2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:var(--radius-md);min-inline-size:0;overflow-x:auto}.snap-track[data-v-6a35b922]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast:more){.snap-track[data-v-6a35b922]{outline:1px solid}}.snap-list[data-v-6a35b922]{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.snap-card[data-v-6a35b922]{gap:var(--space-2);block-size:9rem;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--gradient-accent);color:#fff;scroll-snap-align:center;flex:0 0 min(70%,16rem);align-content:center;display:grid}@media (prefers-contrast:more){.snap-card[data-v-6a35b922]{border-color:currentColor}}@media (forced-colors:active){.snap-card[data-v-6a35b922]{color:highlighttext;background:highlight;border-color:canvastext}}.snap-card-n[data-v-6a35b922]{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.85}.snap-card-label[data-v-6a35b922]{font-size:var(--text-lg);font-weight:700}.scroll-state-demo[data-v-76dd68df]{gap:var(--space-4);display:grid}.scroll-state-caption[data-v-76dd68df]{font-size:var(--text-sm);color:var(--color-text-subtle)}.scroll-state-block[data-v-76dd68df]{gap:var(--space-2);display:grid}.scroll-state-h[data-v-76dd68df]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.scroll-state-track[data-v-76dd68df]{padding:var(--space-2);scroll-snap-type:x mandatory;border-radius:var(--radius-md);min-inline-size:0;overflow-x:auto}.scroll-state-track[data-v-76dd68df]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.scroll-state-cards[data-v-76dd68df]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.scroll-state-card[data-v-76dd68df]{scroll-snap-align:center;flex:0 0 min(60%,13rem);container-type:scroll-state}.scroll-state-card-inner[data-v-76dd68df]{gap:var(--space-1);block-size:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:border-color var(--duration-normal) var(--easing-standard), box-shadow var(--duration-normal) var(--easing-standard), scale var(--duration-normal) var(--easing-standard);display:grid}@media (prefers-contrast:more){.scroll-state-card-inner[data-v-76dd68df]{border-color:currentColor}}.scroll-state-n[data-v-76dd68df]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle)}.scroll-state-label[data-v-76dd68df]{font-weight:600}.scroll-state-snapped[data-v-76dd68df]{inline-size:fit-content;padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-primary-text,#fff);font-size:var(--text-sm);opacity:0;margin-block-start:var(--space-1);font-weight:600}@supports (container-type:scroll-state){@container scroll-state(snapped:inline){.scroll-state-card-inner[data-v-76dd68df]{border-color:var(--color-primary);box-shadow:var(--shadow-md);scale:1.03}.scroll-state-snapped[data-v-76dd68df]{opacity:1}}}.scroll-state-scroll[data-v-76dd68df]{border:1px solid var(--color-border);border-radius:var(--radius-md);block-size:12rem;overflow-y:auto}.scroll-state-scroll[data-v-76dd68df]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.scroll-state-stick[data-v-76dd68df]{position:sticky;inset-block-start:0;container-type:scroll-state}.scroll-state-stick-inner[data-v-76dd68df]{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border-block-end:1px solid var(--color-border);transition:box-shadow var(--duration-normal) var(--easing-standard), background-color var(--duration-normal) var(--easing-standard);justify-content:space-between;align-items:center;font-weight:600;display:flex}.scroll-state-stuck-badge[data-v-76dd68df]{padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);font-size:var(--text-sm);color:var(--color-text-subtle);opacity:0}@supports (container-type:scroll-state){@container scroll-state(stuck:top){.scroll-state-stick-inner[data-v-76dd68df]{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}@media (prefers-reduced-transparency:reduce){.scroll-state-stick-inner[data-v-76dd68df]{background-color:var(--color-bg-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}}.scroll-state-stuck-badge[data-v-76dd68df]{opacity:1}}}.scroll-state-list[data-v-76dd68df]{gap:1px;margin:0;padding:0;list-style:none;display:grid}.scroll-state-list li[data-v-76dd68df]{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.shape-demo[data-v-2ac71fc9]{gap:var(--space-4);display:grid}.shape-control[data-v-2ac71fc9]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.shape-control input[data-v-2ac71fc9]{flex:1;min-inline-size:8rem}.shape-stage[data-v-2ac71fc9]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.shape-card[data-v-2ac71fc9]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);min-inline-size:0;overflow:hidden}@media (prefers-contrast:more){.shape-card[data-v-2ac71fc9]{border-color:currentColor}}.shape-banner[data-v-2ac71fc9]{min-block-size:6rem;padding:var(--space-3);background:var(--gradient-accent);color:#fff;align-content:start;justify-items:start;display:grid}@media (forced-colors:active){.shape-banner[data-v-2ac71fc9]{color:highlighttext;background:highlight}}.shape-banner-tag[data-v-2ac71fc9]{padding:2px var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);background-color:#00000040}@supports (clip-path:shape(from 0 0, line to 100% 0)){.shape-banner-fluid[data-v-2ac71fc9]{clip-path:shape(from 0 0, line to 100% 0, line to 100% 60%, curve to 0% 60% with 50% 100%, close)}}.shape-banner-frozen[data-v-2ac71fc9]{clip-path:path("M0 0 L360 0 L360 58 C240 96 120 96 0 58 Z")}.shape-body[data-v-2ac71fc9]{gap:var(--space-1);padding:var(--space-3);display:grid}.shape-title[data-v-2ac71fc9]{font-size:var(--text-base);font-weight:600}.shape-text[data-v-2ac71fc9],.shape-note[data-v-2ac71fc9]{font-size:var(--text-sm);color:var(--color-text-subtle)}.shape-morph[data-v-2ac71fc9]{gap:var(--space-3);padding-block-start:var(--space-2);display:grid}.shape-morph-toggle[data-v-2ac71fc9]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);justify-self:start;font-weight:600;display:inline-flex}.shape-card-morph[data-v-2ac71fc9]{max-inline-size:24rem}@supports (clip-path:shape(from 0 0, line to 100% 0)){.shape-banner-morph[data-v-2ac71fc9]{min-block-size:8rem;clip-path:shape(from 0 0, line to 100% 0, line to 100% 55%, curve to 50% 55% with 75% var(--shape-wave), curve to 0% 55% with 25% calc(110% - var(--shape-wave)), close)}.shape-morph[data-v-2ac71fc9]:has(.shape-morph-input:checked){--shape-wave:100%}@media (prefers-reduced-motion:no-preference){.shape-banner-morph[data-v-2ac71fc9]{transition:--shape-wave var(--duration-slow) var(--easing-standard)}}}.slide-demo[data-v-1ab8dcca]{gap:var(--space-4);display:grid}.slide-caption[data-v-1ab8dcca]{font-size:var(--text-sm);color:var(--color-text-subtle)}.segmented[data-v-1ab8dcca]{border:0;margin:0;padding:0}.segmented-track[data-v-1ab8dcca]{grid-template-columns:repeat(var(--n), 1fr);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);justify-self:start;display:grid;position:relative}@media (prefers-contrast:more){.segmented-track[data-v-1ab8dcca]{border-color:currentColor}}.segmented-indicator[data-v-1ab8dcca]{z-index:0;inset-block:var(--space-1);inline-size:calc((100% - var(--space-2)) / var(--n));border-radius:var(--radius-full);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--duration-normal) var(--easing-standard);position:absolute;inset-inline-start:var(--space-1)}@media (forced-colors:active){.segmented-indicator[data-v-1ab8dcca]{border:1px solid buttontext}}.segmented-track[data-v-1ab8dcca]:has(.segmented-opt:first-of-type input:checked){--i:0}.segmented-track[data-v-1ab8dcca]:has(.segmented-opt:nth-of-type(2) input:checked){--i:1}.segmented-track[data-v-1ab8dcca]:has(.segmented-opt:nth-of-type(3) input:checked){--i:2}.segmented-track[data-v-1ab8dcca]:has(.segmented-opt:nth-of-type(4) input:checked){--i:3}.segmented-opt[data-v-1ab8dcca]{z-index:1;min-block-size:40px;padding-inline:var(--space-4);border-radius:var(--radius-full);cursor:pointer;place-items:center;display:grid;position:relative}.segmented-opt[data-v-1ab8dcca]:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.segmented-label[data-v-1ab8dcca]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:500}.segmented-opt:has(input:checked) .segmented-label[data-v-1ab8dcca]{color:var(--color-text);font-weight:600}.starting-style-demo[data-v-6e4e3bbf]{gap:var(--space-3);justify-items:start;display:grid}.starting-style-caption[data-v-6e4e3bbf]{font-size:var(--text-sm);color:var(--color-text-subtle)}.starting-style-card[data-v-6e4e3bbf]{max-inline-size:40ch;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-standard), display var(--duration-normal) allow-discrete;display:none;transform:translateY(.5rem)}.starting-style-card.is-open[data-v-6e4e3bbf]{gap:var(--space-1);opacity:1;display:grid;transform:translateY(0)}@starting-style{.starting-style-card.is-open[data-v-6e4e3bbf]{opacity:0;transform:translateY(.5rem)}}@media (prefers-contrast:more){.starting-style-card[data-v-6e4e3bbf]{border-color:currentColor}}.starting-style-control[data-v-6e4e3bbf]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;justify-self:stretch;display:flex}.starting-style-control input[data-v-6e4e3bbf]{flex:1;min-inline-size:8rem}.starting-style-stage[data-v-6e4e3bbf]{justify-self:stretch;min-inline-size:min(100%,14rem);container-type:inline-size}.starting-style-app[data-v-6e4e3bbf]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}@media (prefers-contrast:more){.starting-style-app[data-v-6e4e3bbf]{border-color:currentColor}}.starting-style-main[data-v-6e4e3bbf]{min-inline-size:0;padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);flex:1}.starting-style-panel[data-v-6e4e3bbf]{inline-size:40%;padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);opacity:0;transition:opacity var(--duration-normal) var(--easing-standard), translate var(--duration-normal) var(--easing-standard), display var(--duration-normal) allow-discrete;display:none;translate:.5rem}@container (inline-size>=26rem){.starting-style-panel[data-v-6e4e3bbf]{gap:var(--space-1);opacity:1;align-content:start;display:grid;translate:0}@starting-style{.starting-style-panel[data-v-6e4e3bbf]{opacity:0;translate:.5rem}}}.starting-style-card-title[data-v-6e4e3bbf]{font-weight:600}.starting-style-card-text[data-v-6e4e3bbf]{font-size:var(--text-sm);color:var(--color-text-subtle)}.cues-demo[data-v-7acb6fee]{--cues:off;gap:var(--space-4);display:grid}.cues-demo[data-v-7acb6fee]:has(.cues-toggle input:checked){--cues:on}.cues-caption[data-v-7acb6fee]{font-size:var(--text-sm);color:var(--color-text-subtle)}.cues-toggle[data-v-7acb6fee]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:inline-flex}.service-list[data-v-7acb6fee]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.service[data-v-7acb6fee]{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:flex}@media (prefers-contrast:more){.service[data-v-7acb6fee]{border-color:currentColor}}.service-status[data-v-7acb6fee]{border-radius:var(--radius-full);background-color:var(--state-color);block-size:1.25rem;inline-size:1.25rem;font-size:var(--text-sm);place-items:center;font-weight:700;line-height:1;display:grid}.service-status--ok[data-v-7acb6fee]{--state-color:var(--color-success)}.service-status--degraded[data-v-7acb6fee]{--state-color:var(--color-warning)}.service-status--down[data-v-7acb6fee]{--state-color:var(--color-error)}.service-status[data-v-7acb6fee]:before{content:var(--cue,none)}@container style(--cues:on){.service-status[data-v-7acb6fee]{color:var(--state-color);background-color:#0000}.service-status--ok[data-v-7acb6fee]{--cue:"✓"}.service-status--degraded[data-v-7acb6fee]{--cue:"▲"}.service-status--down[data-v-7acb6fee]{--cue:"✕"}}.subgrid-grid[data-v-47937963]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.subgrid-card[data-v-47937963]{grid-row:span 3;grid-template-rows:subgrid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:grid}@media (prefers-contrast:more){.subgrid-card[data-v-47937963]{border-color:currentColor}}.subgrid-title[data-v-47937963]{font-size:var(--text-base)}.subgrid-text[data-v-47937963]{font-size:var(--text-sm);color:var(--color-text-subtle)}.subgrid-meta[data-v-47937963]{font-size:var(--text-sm);align-self:end;font-weight:600}.text-wrap-demo[data-v-8e66913b]{gap:var(--space-4);display:grid}.text-wrap-control[data-v-8e66913b]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.text-wrap-control input[data-v-8e66913b]{flex:1;min-inline-size:8rem}.text-wrap-stage[data-v-8e66913b]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.text-wrap-col[data-v-8e66913b]{min-inline-size:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);margin:0}@media (prefers-contrast:more){.text-wrap-col[data-v-8e66913b]{border-color:currentColor}}.text-wrap-label[data-v-8e66913b]{font-size:var(--text-sm);color:var(--color-text-subtle);margin-block-end:var(--space-2);font-weight:600}.text-wrap-heading[data-v-8e66913b]{font-size:var(--text-lg);line-height:var(--leading-tight)}.text-wrap-heading--balance[data-v-8e66913b]{text-wrap:balance}.text-wrap-body[data-v-8e66913b]{font-size:var(--text-sm);color:var(--color-text-subtle);margin-block-start:var(--space-2)}.text-wrap-body--pretty[data-v-8e66913b]{text-wrap:pretty}.text-wrap-note[data-v-8e66913b]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-picker-demo[data-v-e1928183]{gap:var(--space-4);display:grid}.theme-picker-caption[data-v-e1928183]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-picker-grid[data-v-e1928183]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:start;display:grid}.theme-picker-controls[data-v-e1928183]{gap:var(--space-4);align-content:start;display:grid}.theme-picker-field[data-v-e1928183]{gap:var(--space-2);display:grid}.theme-picker-label[data-v-e1928183]{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;display:flex}.theme-picker-out[data-v-e1928183]{font-family:var(--font-mono);color:var(--color-text-subtle);font-weight:400}.theme-picker-range[data-v-e1928183]{inline-size:100%;accent-color:var(--color-primary)}.theme-picker-hue[data-v-e1928183]{border-radius:var(--radius-full);appearance:none;background:linear-gradient(90deg,oklch(65% .15 0),oklch(65% .15 60),oklch(65% .15 120),oklch(65% .15 180),oklch(65% .15 240),oklch(65% .15 300),oklch(65% .15 0));block-size:.5rem}@media (forced-colors:active){.theme-picker-hue[data-v-e1928183]{background:buttontext}}.theme-picker-check[data-v-e1928183]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.theme-picker-presets[data-v-e1928183]{gap:var(--space-2);display:grid}.theme-picker-presets-label[data-v-e1928183]{font-size:var(--text-sm);font-weight:600}.theme-picker-chips[data-v-e1928183]{gap:var(--space-2);flex-wrap:wrap;display:flex}.theme-picker-chip[data-v-e1928183]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer}@media (hover:hover) and (pointer:fine){.theme-picker-chip[data-v-e1928183]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.theme-picker-chip[data-v-e1928183]{border-color:currentColor}}.theme-picker-preview[data-v-e1928183]{--raw-l:calc(var(--pick-l) / 100);--is-dark:clamp(0, (.62 - var(--raw-l)) * 100000, 1);--safe-l:calc(var(--is-dark) * min(var(--raw-l), .45) + (1 - var(--is-dark)) * max(var(--raw-l), .78));--final-l:calc(var(--bypass) * var(--raw-l) + (1 - var(--bypass)) * var(--safe-l));--seed-accent:oklch(var(--final-l) .15 var(--pick-h));gap:var(--space-2);align-content:start;display:grid}.theme-picker-actions[data-v-e1928183]{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.theme-picker-report[data-v-e1928183]{gap:var(--space-2) var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);flex-wrap:wrap;margin:0;display:flex}.theme-picker-report.is-fail[data-v-e1928183]{border-color:var(--color-error)}.theme-picker-stat[data-v-e1928183]{gap:2px;display:grid}.theme-picker-stat dt[data-v-e1928183]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-picker-stat dd[data-v-e1928183]{font-family:var(--font-mono);margin:0;font-weight:600}.theme-picker-note[data-v-e1928183]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-demo[data-v-be192282]{gap:var(--space-4);display:grid}.theme-demo-caption[data-v-be192282]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-grid[data-v-be192282]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.surface[data-v-be192282]{gap:var(--space-2);align-content:start;display:grid}.surface-title[data-v-be192282]{font-size:var(--text-lg);font-weight:600}.surface-text[data-v-be192282]{font-size:var(--text-sm);color:var(--color-text-subtle)}.surface-actions[data-v-be192282]{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.user-valid-demo[data-v-d5347b65]{gap:var(--space-4);display:grid}.user-valid-caption[data-v-d5347b65]{font-size:var(--text-sm);color:var(--color-text-subtle)}.user-valid-grid[data-v-d5347b65]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.user-valid-field[data-v-d5347b65]{gap:var(--space-2);align-content:start;display:grid}.user-valid-label[data-v-d5347b65]{font-size:var(--text-sm);font-weight:600}.user-valid-input[data-v-d5347b65]{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font:inherit}.user-valid-input-eager[data-v-d5347b65]:invalid{border-color:var(--color-error)}.user-valid-input-patient[data-v-d5347b65]:user-invalid{border-color:var(--color-error)}.user-valid-input-patient[data-v-d5347b65]:user-valid{border-color:var(--color-success)}.user-valid-hint[data-v-d5347b65]{font-size:var(--text-sm);color:var(--color-text-subtle)}.view-transition-demo[data-v-e176df8d]{gap:var(--space-4);display:grid}.view-transition-caption[data-v-e176df8d]{font-size:var(--text-sm);color:var(--color-text-subtle)}.view-transition-toggle[data-v-e176df8d]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);display:inline-flex}.view-transition-btn[data-v-e176df8d]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-subtle);font:inherit;cursor:pointer;background-color:#0000;border:0;font-weight:500}.view-transition-btn[aria-pressed=true][data-v-e176df8d]{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.view-transition-btn[data-v-e176df8d]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (forced-colors:active){.view-transition-btn[aria-pressed=true][data-v-e176df8d]{color:highlight;border:1px solid highlight}}.view-transition-items[data-v-e176df8d]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.view-transition-items-grid[data-v-e176df8d]{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.view-transition-items-list[data-v-e176df8d]{grid-template-columns:1fr}.view-transition-item[data-v-e176df8d]{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);align-items:center;display:flex}@media (prefers-contrast:more){.view-transition-item[data-v-e176df8d]{border-color:currentColor}}.view-transition-items-grid .view-transition-item[data-v-e176df8d]{text-align:center;flex-direction:column}.view-transition-item-icon[data-v-e176df8d]{font-size:var(--text-2xl);color:var(--color-primary)}.view-transition-item-label[data-v-e176df8d]{font-size:var(--text-sm);font-weight:500}.zoom-compare[data-v-8ad18d84]{--factor:1;gap:var(--space-4);display:grid}.zoom-compare[data-v-8ad18d84]:has(input[value="1.5"]:checked){--factor:1.5}.zoom-compare[data-v-8ad18d84]:has(input[value="2"]:checked){--factor:2}.zoom-compare-caption[data-v-8ad18d84],.zoom-compare-note[data-v-8ad18d84]{max-inline-size:65ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.zoom-compare-note[data-v-8ad18d84]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.zoom-compare-note strong[data-v-8ad18d84]{color:var(--color-text)}@media (prefers-contrast:more){.zoom-compare-note[data-v-8ad18d84]{border-color:currentColor}}.zoom-compare-controls[data-v-8ad18d84]{align-items:center;gap:var(--space-3);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.zoom-compare-legend[data-v-8ad18d84]{font-size:var(--text-sm);padding:0;font-weight:600}.zoom-compare-opt[data-v-8ad18d84]{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:inline-flex}.zoom-compare-panels[data-v-8ad18d84]{gap:var(--space-4);display:grid}@media (width>=30em){.zoom-compare-panels[data-v-8ad18d84]{grid-template-columns:1fr 1fr}}.zoom-compare-panel[data-v-8ad18d84]{gap:var(--space-2);align-content:start;display:grid}.zoom-compare-title[data-v-8ad18d84]{font-size:var(--text-sm);font-weight:700}.zoom-compare-stage[data-v-8ad18d84]{justify-items:start;gap:var(--space-2);block-size:13rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);display:grid;overflow:clip}@media (prefers-contrast:more){.zoom-compare-stage[data-v-8ad18d84]{border-color:currentColor}}.zoom-compare-context[data-v-8ad18d84]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.zoom-compare-card[data-v-8ad18d84]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-text);white-space:nowrap;font-weight:700}@supports (zoom:2){.zoom-compare-card-zoom[data-v-8ad18d84]{zoom:var(--factor)}}.zoom-compare-card-scale[data-v-8ad18d84]{transform:scale(var(--factor));transform-origin:0 0}.showcase-list[data-v-62b1d8a1]{gap:var(--space-6);display:grid}.showcase-group[data-v-62b1d8a1]{gap:var(--space-6);scroll-margin-top:var(--space-6);display:grid}.showcase-filter[data-v-62b1d8a1]{gap:var(--space-2);border:none;flex-wrap:wrap;align-items:center;margin:0;padding:0;display:flex}.showcase-filter-legend[data-v-62b1d8a1]{float:inline-start;font-size:var(--text-sm);padding:0;padding-inline-end:var(--space-2);font-weight:600}.showcase-filter-chip[data-v-62b1d8a1]{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--bp-line-strong);font-size:var(--text-sm);text-transform:capitalize;cursor:pointer;display:inline-flex}.showcase-filter-chip[data-v-62b1d8a1]:has(input:checked){border-color:var(--bp-accent);background-color:var(--bp-accent-soft);font-weight:600}@media (hover:hover) and (pointer:fine){.showcase-filter-chip[data-v-62b1d8a1]:hover{border-color:var(--bp-accent)}}@media (prefers-contrast:more){.showcase-filter-chip[data-v-62b1d8a1]{border-color:currentColor}}.baseline-sprite[data-v-62b1d8a1]{block-size:0;inline-size:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.showcase-list[data-v-62b1d8a1] .showcase{animation:linear showcase-card-reveal-62b1d8a1;animation-timeline:view();animation-range:entry entry 160px}@keyframes showcase-card-reveal-62b1d8a1{0%{opacity:0;transform:translateY(2.5rem)scale(.97)}}}}.demo:has(.showcase-filter input[value=layout]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=layout]){display:none}.demo:has(.showcase-filter input[value=layout]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=layout])){display:none}.demo:has(.showcase-filter input[value=scroll]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=scroll]){display:none}.demo:has(.showcase-filter input[value=scroll]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=scroll])){display:none}.demo:has(.showcase-filter input[value=forms]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=forms]){display:none}.demo:has(.showcase-filter input[value=forms]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=forms])){display:none}.demo:has(.showcase-filter input[value=theming]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=theming]){display:none}.demo:has(.showcase-filter input[value=theming]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=theming])){display:none}.demo:has(.showcase-filter input[value=typography]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=typography]){display:none}.demo:has(.showcase-filter input[value=typography]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=typography])){display:none}.demo:has(.showcase-filter input[value=interaction]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=interaction]){display:none}.demo:has(.showcase-filter input[value=interaction]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=interaction])){display:none}.demo:has(.showcase-filter input[value=motion]:checked) .showcase[data-tags][data-v-62b1d8a1]:not([data-tags~=motion]){display:none}.demo:has(.showcase-filter input[value=motion]:checked) .showcase-group[data-v-62b1d8a1]:not(:has(.showcase[data-tags~=motion])){display:none}}@property --shape-wave{syntax:"<percentage>";inherits:true;initial-value:78%}