vanilla-breeze 0.1.0

package/dist/cdn/vanilla-breeze-core.css

@@ -0,0 +1,2 @@
+@layer tokens,reset,native-elements,custom-elements,web-components,utils,bundle-theme,bundle-effects,bundle-components;@layer tokens{:root{--size-unit: .25rem;--size-3xs: calc(var(--size-unit) * .5);--size-2xs: calc(var(--size-unit) * 1);--size-xs: calc(var(--size-unit) * 2);--size-s: calc(var(--size-unit) * 3);--size-m: calc(var(--size-unit) * 4);--size-l: calc(var(--size-unit) * 6);--size-xl: calc(var(--size-unit) * 8);--size-2xl: calc(var(--size-unit) * 12);--size-3xl: calc(var(--size-unit) * 16);--size-1: var(--size-2xs);--size-2: var(--size-xs);--size-3: var(--size-m);--size-4: 1.25rem;--size-5: var(--size-l);--size-6: 1.75rem;--size-7: var(--size-xl);--size-8: var(--size-2xl);--size-9: var(--size-3xl);--size-10: 5rem;--section-padding-normal: clamp(3rem, 3vw + 2rem, 6rem);--section-padding-small: clamp(2rem, 2vw + 1.25rem, 4rem);--section-padding-xsmall: clamp(1.5rem, 1.5vw + 1rem, 3rem);--site-header-height: 4rem;--angle-normal: -3deg;--angle-strong: -5deg;--angle-sin: .052;--angle-strong-sin: .087}}@layer tokens{:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--font-size-adjust: none;--font-cjk: "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-arabic: "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-hebrew: "Noto Sans Hebrew", "Segoe UI", system-ui, sans-serif;--font-thai: "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-devanagari: "Noto Sans Devanagari", "Devanagari Sangam MN", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-00: .5rem;--font-size-0: var(--font-size-xs);--font-size-1: var(--font-size-sm);--font-size-2: var(--font-size-md);--font-size-3: var(--font-size-xl);--font-size-4: var(--font-size-2xl);--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: var(--font-size-5xl);--font-size-8: 3.5rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--lh: 1.5rem;--measure-narrow: 45ch;--measure-normal: 65ch;--measure-wide: 80ch;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em}}@layer tokens{:root{--sep-breadcrumb: "\203a";--sep-list: "\b7";--sep-pipe: "|";--sep-mdash: "\2014";--sep-ndash: "\2013";--sep-section: "\a7";--sep-para: "\b6";--marker-default: "\2022";--marker-check: "\2714";--marker-arrow: "\27a4";--marker-dash: "\2043";--char-times: "\d7";--char-minus: "\2212";--char-degree: "\b0";--key-cmd: "\2318";--key-option: "\2325";--key-shift: "\21e7";--key-ctrl: "\2303";--key-return: "\21a9"}}@layer tokens{:root{color-scheme:light dark;--color-gray-50: oklch(98% 0 0);--color-gray-100: oklch(96% 0 0);--color-gray-200: oklch(90% 0 0);--color-gray-300: oklch(80% 0 0);--color-gray-400: oklch(70% 0 0);--color-gray-500: oklch(55% 0 0);--color-gray-600: oklch(45% 0 0);--color-gray-700: oklch(35% 0 0);--color-gray-800: oklch(25% 0 0);--color-gray-900: oklch(15% 0 0);--color-gray-950: oklch(10% 0 0);--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--gray-0: var(--color-gray-50);--gray-1: var(--color-gray-100);--gray-2: var(--color-gray-200);--gray-3: var(--color-gray-300);--gray-4: var(--color-gray-400);--gray-5: var(--color-gray-500);--gray-6: var(--color-gray-600);--gray-7: var(--color-gray-700);--gray-8: var(--color-gray-800);--gray-9: var(--color-gray-900);--hue-primary: 260;--hue-secondary: 200;--hue-accent: 30;--lightness-primary: 50%;--chroma-primary: .2;--lightness-secondary: 50%;--chroma-secondary: .08;--lightness-accent: 65%;--chroma-accent: .18;--color-primary: oklch(var(--lightness-primary) var(--chroma-primary) var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .03 h);--color-secondary: oklch(var(--lightness-secondary) var(--chroma-secondary) var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-secondary-active: oklch(from var(--color-secondary) calc(l - .12) c h);--color-secondary-subtle: oklch(from var(--color-secondary) .95 .03 h);--color-accent: oklch(var(--lightness-accent) var(--chroma-accent) var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-accent-active: oklch(from var(--color-accent) calc(l - .12) c h);--color-accent-subtle: oklch(from var(--color-accent) .95 .03 h);--color-success: oklch(55% .2 145);--color-success-subtle: light-dark( oklch(95% .05 145), oklch(25% .08 145) );--color-success-text: light-dark( oklch(35% .12 145), oklch(75% .15 145) );--color-warning: oklch(70% .18 70);--color-warning-subtle: light-dark( oklch(95% .08 70), oklch(25% .1 70) );--color-warning-text: light-dark( oklch(40% .12 70), oklch(80% .12 70) );--color-error: oklch(55% .22 25);--color-error-subtle: light-dark( oklch(95% .05 25), oklch(25% .08 25) );--color-error-text: light-dark( oklch(40% .15 25), oklch(75% .18 25) );--color-info: oklch(55% .15 240);--color-info-subtle: light-dark( oklch(95% .05 240), oklch(25% .08 240) );--color-info-text: light-dark( oklch(35% .12 240), oklch(75% .12 240) );--color-background: light-dark(var(--color-white), var(--color-gray-950));--color-surface: light-dark(var(--color-white), var(--color-gray-900));--color-surface-raised: light-dark(var(--color-gray-50), var(--color-gray-800));--color-surface-sunken: light-dark(var(--color-gray-100), var(--color-gray-950));--color-surface-alt: light-dark(var(--color-gray-100), var(--color-gray-800));--color-text: light-dark(var(--color-gray-900), var(--color-gray-100));--color-text-muted: light-dark(var(--color-gray-600), var(--color-gray-400));--color-text-subtle: light-dark(var(--color-gray-500), var(--color-gray-500));--color-text-inverted: light-dark(var(--color-white), var(--color-gray-900));--color-text-on-primary: var(--color-white);--color-border: light-dark(var(--color-gray-200), var(--color-gray-700));--color-border-strong: light-dark(var(--color-gray-300), var(--color-gray-600));--color-border-subtle: light-dark(var(--color-gray-100), var(--color-gray-800));--color-border-muted: light-dark(var(--color-gray-100), var(--color-gray-800));--color-border-focus: var(--color-primary);--scrollbar-thumb: light-dark(var(--color-gray-400), var(--color-gray-600));--scrollbar-track: transparent;--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-hover-bg: var(--color-surface-raised);--color-hover-text: var(--color-interactive);--color-active-bg: transparent;--color-active-text: var(--color-interactive);--color-overlay-subtle: light-dark( oklch(0% 0 0 / .05), oklch(100% 0 0 / .05) );--color-overlay-medium: light-dark( oklch(0% 0 0 / .15), oklch(100% 0 0 / .1) );--color-overlay-strong: light-dark( oklch(0% 0 0 / .5), oklch(0% 0 0 / .7) );--color-focus-ring: var(--color-primary);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus-ring)}@supports (color: contrast-color(red)){:root{--color-text-on-primary-auto: contrast-color(var(--color-primary));--color-text-on-secondary-auto: contrast-color(var(--color-secondary));--color-text-on-accent-auto: contrast-color(var(--color-accent));--color-text-on-interactive-auto: contrast-color(var(--color-interactive));--color-text-on-success-auto: contrast-color(var(--color-success));--color-text-on-warning-auto: contrast-color(var(--color-warning));--color-text-on-error-auto: contrast-color(var(--color-error));--color-text-on-info-auto: contrast-color(var(--color-info))}}:root[data-mode=light],[data-mode=light]{color-scheme:light}:root[data-mode=dark],[data-mode=dark]{color-scheme:dark;--lightness-primary: 65%;--chroma-primary: .18;--chroma-surface-tint: .02;--color-background: oklch(12% var(--chroma-surface-tint) var(--hue-primary));--color-surface: oklch(16% var(--chroma-surface-tint) var(--hue-primary));--color-surface-raised: oklch(20% var(--chroma-surface-tint) var(--hue-primary));--color-surface-sunken: oklch(10% var(--chroma-surface-tint) var(--hue-primary));--color-text: oklch(93% .01 var(--hue-primary));--color-text-muted: oklch(70% var(--chroma-surface-tint) var(--hue-primary));--color-border: oklch(30% var(--chroma-surface-tint) var(--hue-primary));--color-border-strong: oklch(50% var(--chroma-surface-tint) var(--hue-primary));--shadow-xs: 0 1px 2px oklch(0% 0 0 / .3);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .4), 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 6px oklch(0% 0 0 / .4), 0 2px 4px oklch(0% 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0% 0 0 / .4), 0 4px 6px oklch(0% 0 0 / .3);--shadow-xl: 0 20px 25px oklch(0% 0 0 / .4), 0 10px 10px oklch(0% 0 0 / .3);--page-bg-color: oklch(14% .03 var(--hue-primary))}:root{transition:--hue-primary var(--duration-slow) var(--ease-default),--hue-secondary var(--duration-slow) var(--ease-default),--hue-accent var(--duration-slow) var(--ease-default),--lightness-primary var(--duration-slow) var(--ease-default),--chroma-primary var(--duration-slow) var(--ease-default),--lightness-secondary var(--duration-slow) var(--ease-default),--chroma-secondary var(--duration-slow) var(--ease-default),--lightness-accent var(--duration-slow) var(--ease-default),--chroma-accent var(--duration-slow) var(--ease-default),--chroma-surface-tint var(--duration-slow) var(--ease-default)}@media(prefers-reduced-motion:reduce){:root{transition:none}}}@layer tokens{:root{--tint-primary-5: color-mix(in oklab, var(--color-primary) 5%, transparent);--tint-primary-10: color-mix(in oklab, var(--color-primary) 10%, transparent);--tint-primary-20: color-mix(in oklab, var(--color-primary) 20%, transparent);--tint-primary-30: color-mix(in oklab, var(--color-primary) 30%, transparent);--surface-hover: color-mix(in oklab, var(--color-interactive) 8%, var(--color-surface));--surface-focus: color-mix(in oklab, var(--color-interactive) 12%, var(--color-surface));--surface-active: color-mix(in oklab, var(--color-interactive) 16%, var(--color-surface));--surface-selected: color-mix(in oklab, var(--color-primary) 10%, var(--color-surface));--status-success-bg: color-mix(in oklab, var(--color-success) 10%, var(--color-surface));--status-warning-bg: color-mix(in oklab, var(--color-warning) 10%, var(--color-surface));--status-error-bg: color-mix(in oklab, var(--color-error) 10%, var(--color-surface));--status-info-bg: color-mix(in oklab, var(--color-info) 10%, var(--color-surface));--border-tint: color-mix(in oklab, var(--color-border) 50%, transparent);--text-on-tint: color-mix(in oklab, var(--color-text) 90%, var(--color-primary));--color-complement: oklch(from var(--color-primary) l c calc(h + 180) );--color-triad-a: oklch(from var(--color-primary) l c calc(h + 120) );--color-triad-b: oklch(from var(--color-primary) l c calc(h + 240) );--color-analog-a: oklch(from var(--color-primary) l c calc(h + 30) );--color-analog-b: oklch(from var(--color-primary) l c calc(h - 30) )}}@layer tokens{:root{--content-narrow: 40rem;--content-normal: 60rem;--content-wide: 80rem;--size-touch-min: 2.75rem}}@layer tokens{:root{--bp-sm: 37.5rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 87.5rem}}@layer tokens{:root{--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-1: var(--radius-xs);--radius-2: var(--radius-s);--radius-3: var(--radius-m);--radius-4: var(--radius-l);--radius-5: var(--radius-xl);--radius-6: var(--radius-2xl);--radius-round: var(--radius-full)}}@layer tokens{:root{--input-height: var(--size-touch-min);--input-padding-inline: var(--size-s);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-border-focus: var(--color-interactive);--input-radius: var(--radius-m);--input-text: inherit;--input-placeholder: var(--color-text-muted);--control-size: 1.125rem;--control-border: var(--color-border-strong);--control-checked-bg: var(--color-primary);--control-checked-border: var(--color-primary);--control-radius-check: var(--radius-s);--control-radius-radio: var(--radius-full);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--range-track-h: .375rem;--range-track-bg: var(--color-border);--range-track-fill: var(--color-primary);--range-thumb-size: 1.25rem;--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--color-primary);--progress-h: var(--size-s);--progress-track-bg: var(--color-surface-raised);--progress-fill: var(--color-interactive);--meter-h: var(--size-s)}}@layer tokens{:root{--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .1), 0 2px 4px -2px hsl(0 0% 0% / .1);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .1), 0 4px 6px -4px hsl(0 0% 0% / .1);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .1), 0 8px 10px -6px hsl(0 0% 0% / .1);--shadow-2xl: 0 25px 50px -12px hsl(0 0% 0% / .25);--shadow-1: var(--shadow-xs);--shadow-2: var(--shadow-sm);--shadow-3: var(--shadow-md);--shadow-4: var(--shadow-lg);--shadow-5: var(--shadow-xl);--shadow-6: var(--shadow-2xl);--shadow-inner: inset 0 2px 4px 0 hsl(0 0% 0% / .05);--shadow-none: 0 0 #0000}}@layer tokens{:root{interpolate-size:allow-keywords;--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.4, 0, .2, 1);--ease-4: cubic-bezier(.5, 0, .1, 1);--ease-5: cubic-bezier(.7, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.4, 0, 1, 1);--ease-in-3: cubic-bezier(.5, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .2, 1);--ease-out-5: cubic-bezier(0, 0, .1, 1);--ease-default: var(--ease-3);--ease-in: var(--ease-in-2);--ease-out: var(--ease-out-3);--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);--ease-squish-1: cubic-bezier(.5, -.1, .1, 1.3);--ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}}@layer tokens{[data-fluid],[data-fluid=default]{--size-unit: clamp(.225rem, .0714vi + .2107rem, .275rem);--font-size-xs: clamp(.68rem, -.1573vi + .8216rem, .7901rem);--font-size-sm: clamp(.85rem, -.0556vi + .9rem, .8889rem);--font-size-md: clamp(1rem, .0893vi + .9821rem, 1.0625rem);--font-size-lg: clamp(1.125rem, .2902vi + 1.067rem, 1.3281rem);--font-size-xl: clamp(1.2656rem, .5636vi + 1.1529rem, 1.6602rem);--font-size-2xl: clamp(1.4238rem, .9305vi + 1.2377rem, 2.0752rem);--font-size-3xl: clamp(1.6018rem, 1.4174vi + 1.3183rem, 2.594rem);--font-size-4xl: clamp(1.802rem, 2.0578vi + 1.3905rem, 3.2425rem);--font-size-5xl: clamp(2.0273rem, 2.894vi + 1.4485rem, 4.0531rem);--content-normal: clamp(40rem, 30rem + 20vi, 65rem);--measure-normal: clamp(55ch, 45ch + 10vi, 70ch)}[data-fluid=compact]{--size-unit: clamp(.2rem, .0714vi + .1857rem, .25rem);--font-size-xs: clamp(.6944rem, -.2627vi + .9309rem, .8784rem);--font-size-sm: clamp(.8333rem, -.1484vi + .9669rem, .9372rem);--font-size-md: 1rem;--font-size-lg: clamp(1.067rem, .19vi + 1.029rem, 1.2rem);--font-size-xl: clamp(1.1385rem, .4307vi + 1.0523rem, 1.44rem);--font-size-2xl: clamp(1.2148rem, .7332vi + 1.0681rem, 1.728rem);--font-size-3xl: clamp(1.2962rem, 1.1106vi + 1.074rem, 2.0736rem);--font-size-4xl: clamp(1.383rem, 1.579vi + 1.0672rem, 2.4883rem);--font-size-5xl: clamp(1.4757rem, 2.1576vi + 1.0441rem, 2.986rem);--content-normal: clamp(40rem, 25rem + 18vi, 60rem);--measure-normal: clamp(55ch, 48ch + 8vi, 65ch)}[data-fluid=spacious]{--size-unit: clamp(.25rem, .0893vi + .2321rem, .3125rem);--font-size-xs: clamp(.6331rem, -.0876vi + .712rem, .6944rem);--font-size-sm: clamp(.8333rem, .0152vi + .8303rem, .844rem);--font-size-md: clamp(1rem, .1786vi + .9643rem, 1.125rem);--font-size-lg: clamp(1.2rem, .428vi + 1.1144rem, 1.4996rem);--font-size-xl: clamp(1.44rem, .7986vi + 1.2803rem, 1.999rem);--font-size-2xl: clamp(1.728rem, 1.3381vi + 1.4604rem, 2.6647rem);--font-size-3xl: clamp(2.0736rem, 2.112vi + 1.6512rem, 3.552rem);--font-size-4xl: clamp(2.4883rem, 3.2093vi + 1.8465rem, 4.7348rem);--font-size-5xl: clamp(2.986rem, 4.7508vi + 2.0358rem, 6.3115rem);--content-normal: clamp(42rem, 32rem + 22vi, 70rem);--measure-normal: clamp(55ch, 42ch + 12vi, 75ch)}}@layer tokens{[data-backdrop]{--canvas-width: min(72rem, 100%);--canvas-radius: var(--radius-l);--canvas-shadow: var(--shadow-lg);--canvas-shadow-subtle: var(--shadow-sm);--canvas-shadow-medium: var(--shadow-md);--canvas-gap: var(--size-l, 1.5rem);--canvas-padding-inline: var(--size-l, 1.5rem);--canvas-padding-block: var(--size-l, 1.5rem);--canvas-bg: var(--color-surface, #fff);--page-bg-color: color-mix(in oklch, var(--color-surface, #fff) 92%, oklch(45% .03 250))}:root[data-backdrop]>body{padding:var(--canvas-gap)}[data-backdrop]{--_layout-gap: var(--canvas-gap)}:root[data-backdrop]>body>:is(main,header,footer,nav,aside){background:var(--canvas-bg);border-radius:var(--canvas-radius);padding-inline:var(--canvas-padding-inline)}:root[data-backdrop]>body>main{box-shadow:var(--canvas-shadow);padding-block:var(--canvas-padding-block)}:root[data-backdrop]>body>header,:root[data-backdrop]>body>footer{box-shadow:var(--canvas-shadow-subtle)}:root[data-backdrop]>body>nav,:root[data-backdrop]>body>aside{box-shadow:var(--canvas-shadow-medium)}:root[data-backdrop]>body:not([data-page-layout])>:is(main,header,footer){width:100%;max-inline-size:var(--canvas-width);margin-inline:auto}:root[data-backdrop]>body:not([data-page-layout])>:is(header,main,footer,nav,aside)+:is(header,main,footer,nav,aside){margin-block-start:var(--canvas-gap)}:root[data-backdrop-chrome~=integrated]>body>:is(main,header,footer,nav,aside){border-radius:0}:root[data-backdrop-chrome~=integrated]>body>header{border-radius:var(--canvas-radius) var(--canvas-radius) 0 0}:root[data-backdrop-chrome~=integrated]>body>footer{border-radius:0 0 var(--canvas-radius) var(--canvas-radius)}:root[data-backdrop-chrome~=integrated]>body>:is(header,main,footer,nav,aside)+:is(header,main,footer,nav,aside){margin-block-start:0}:root[data-backdrop-chrome~=integrated]>body{row-gap:0;column-gap:0}:root[data-backdrop-chrome~=stretch]>body{padding-inline:0;padding-block:0}:root[data-backdrop-chrome~=stretch]>body>header,:root[data-backdrop-chrome~=stretch]>body>footer{max-inline-size:none;margin-inline:0;border-radius:0;box-shadow:none}:root[data-backdrop-chrome~=stretch]>body>header{border-block-end:var(--border-width-thin) solid var(--color-border)}:root[data-backdrop-chrome~=stretch]>body>footer{border-block-start:var(--border-width-thin) solid var(--color-border)}:root[data-backdrop-chrome~=stretch]>body>main{width:100%;max-inline-size:var(--canvas-width);margin-inline:auto}:root[data-backdrop-chrome~=stretch]{--page-bg-color: var(--color-surface);--page-bg-gradient: none}:root[data-backdrop-chrome~=fixed]>body>header{position:sticky;inset-block-start:0;z-index:var(--z-sticky, 100)}:root[data-backdrop-chrome~=fixed]:not([data-backdrop-chrome~=stretch])>body>header{box-shadow:var(--canvas-shadow-subtle)}:root[data-backdrop-chrome~=stretch][data-backdrop-chrome~=fixed]>body>header{box-shadow:var(--canvas-shadow-subtle)}[data-backdrop=flush]{--canvas-radius: 0;--canvas-shadow: none;--canvas-shadow-subtle: none;--canvas-shadow-medium: none;--canvas-gap: 0}[data-backdrop=elevated]{--canvas-radius: var(--radius-xl);--canvas-shadow: var(--shadow-xl);--canvas-shadow-subtle: var(--shadow-md);--canvas-shadow-medium: var(--shadow-lg);--canvas-gap: var(--size-xl, 2rem)}@media(max-width:640px){:root[data-backdrop]>body{padding:0}:root[data-backdrop]>body>:is(main,header,footer,nav,aside){max-inline-size:none;border-radius:0;box-shadow:none}:root[data-backdrop]>body>main{padding-inline:var(--size-m, 1rem)}:root[data-backdrop]>body:not([data-page-layout])>:is(header,main,footer,nav,aside)+:is(header,main,footer,nav,aside){margin-block-start:0}:root[data-backdrop]>body[data-page-layout]{gap:var(--_layout-gap, var(--size-m))}}}@layer tokens{@media(pointer:coarse){:root{--size-touch-min: 2.75rem}}@media(hover:none){:root{--motion-hover-lift: none;--motion-hover-scale: none}}}@layer tokens{:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}}@layer tokens{:root{--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-hover-glow: 0 0 0 4px var(--color-primary-subtle, oklch(90% .05 var(--hue-primary, 220)));--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-enter-duration: .3s;--motion-exit-duration: .2s}@keyframes vb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vb-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes vb-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes vb-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes vb-pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){:root{--motion-hover-lift: none;--motion-hover-scale: none;--motion-stagger-delay: 0ms;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms}}:root[data-motion-reduced]{--motion-hover-lift: none;--motion-hover-scale: none;--motion-stagger-delay: 0ms;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms}}@layer tokens{:root{--surface-texture-opacity: .05;--texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--texture-dots: radial-gradient(circle, currentColor 1px, transparent 1px);--texture-dots-size: 8px 8px;--texture-grid: linear-gradient(to right, currentColor 1px, transparent 1px), linear-gradient(to bottom, currentColor 1px, transparent 1px);--texture-grid-size: 20px 20px;--texture-lines: repeating-linear-gradient( 45deg, transparent, transparent 4px, currentColor 4px, currentColor 5px );--opacity-5: .05;--opacity-8: .08;--opacity-10: .1;--opacity-12: .12;--opacity-15: .15;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-35: .35;--opacity-40: .4;--opacity-50: .5;--opacity-55: .55;--opacity-60: .6;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;--glass-blur: 0px;--glass-saturate: 160%;--glass-surface-opacity: var(--opacity-75);--glass-surface-alt-opacity: var(--opacity-35);--glass-surface-raised-opacity: var(--opacity-70);--glass-surface-sunken-opacity: var(--opacity-20);--glass-border-opacity: var(--opacity-20);--glass-border-strong-opacity: var(--opacity-35);--glass-border-subtle-opacity: var(--opacity-10);--glass-tint-opacity: var(--opacity-10);--glass-inner-glow-opacity: var(--opacity-10);--glass-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--glass-border: oklch(100% 0 0 / var(--glass-border-opacity));--gradient-subtle: linear-gradient(180deg, oklch(98% .01 var(--hue-primary, 220)) 0%, oklch(96% .02 var(--hue-secondary, 280)) 100% );--gradient-radial: radial-gradient( ellipse at 50% 0%, oklch(90% .05 var(--hue-primary, 220)) 0%, oklch(98% .01 var(--hue-primary, 220)) 70% );--gradient-mesh: radial-gradient(at 40% 20%, oklch(85% .15 var(--hue-primary, 220)) 0px, transparent 50%), radial-gradient(at 80% 0%, oklch(80% .12 var(--hue-secondary, 280)) 0px, transparent 50%), radial-gradient(at 0% 50%, oklch(90% .08 var(--hue-accent, 25)) 0px, transparent 50%);--color-backdrop: oklch(0% 0 0 / .5);--backdrop-blur: 2px;--page-bg-type: solid;--page-bg-color: var(--color-background, var(--color-surface));--page-bg-gradient: none;--page-bg-image: none;--page-bg-attachment: scroll;--page-bg-size: cover;--page-bg-position: center;--page-bg-blend: normal;--page-bg-overlay: none}[data-mode=dark]{--glass-bg: oklch(20% 0 0 / var(--glass-surface-opacity));--glass-border: oklch(40% 0 0 / var(--glass-border-opacity))}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--glass-bg: oklch(20% 0 0 / var(--glass-surface-opacity));--glass-border: oklch(40% 0 0 / var(--glass-border-opacity))}}@media(prefers-reduced-transparency:reduce){:root{--glass-surface-opacity: 1;--glass-surface-alt-opacity: 1;--glass-surface-raised-opacity: 1;--glass-surface-sunken-opacity: var(--opacity-90);--glass-border-opacity: var(--opacity-30);--glass-tint-opacity: var(--opacity-5)}}}@layer tokens{:root{--font-display: var(--font-serif);--font-heading: var(--font-sans);--font-body: var(--font-sans);--font-code: var(--font-mono);--vb-font-editorial: var(--font-serif);--vb-font-dramatic: var(--font-serif);--font-weight-range: 100 900}}@layer tokens{:root{--border-roughness: 0;--filter-rough-none: none;--filter-rough-light: url(#vb-rough-light);--filter-rough-medium: url(#vb-rough-medium);--filter-rough-heavy: url(#vb-rough-heavy);--filter-rough: var(--filter-rough-none);--shadow-sketch-offset: 4px;--shadow-sketch: var(--shadow-sketch-offset) var(--shadow-sketch-offset) 0 var(--color-text, oklch(20% 0 0));--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23333' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}[data-mode=dark]{--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23ccc' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23ccc' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23ccc' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23ccc' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23ccc' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23ccc' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}}}@layer tokens{:root{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: var(--border-width-thin, 1px);--vb-border-style: solid;--vb-border-radius-override: initial;--vb-border-glow: none}[data-border-style=clean]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: var(--border-width-thin, 1px);--vb-border-style: solid;--vb-border-radius-override: initial;--vb-border-glow: none}[data-border-style=sharp]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=soft]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 1px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: none}[data-border-style=sketch]{--vb-border-image: var(--border-image-sketch);--vb-border-filter: var(--filter-rough-light);--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=rough]{--vb-border-image: var(--border-image-rough);--vb-border-filter: var(--filter-rough-medium);--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=marker]{--vb-border-image: var(--border-image-marker);--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=kawaii]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 1px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: 0 0 6px oklch(80% .15 350 / .2), 0 0 12px oklch(80% .15 350 / .1)}[data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23333' stroke-width='1'/%3E%3C/svg%3E") 4 stretch;--vb-border-filter: none;--vb-border-width: 4px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=neon]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-s, .375rem);--vb-border-glow: 0 0 6px oklch(85% .25 145), 0 0 20px oklch(85% .25 145 / .4)}[data-border-style=double]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 4px;--vb-border-style: double;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=bubbly]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: dotted;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: 0 0 8px oklch(80% .15 350 / .4), 0 0 16px oklch(80% .15 350 / .2)}[data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-m, .5rem);--vb-border-glow: none}[data-mode=dark] [data-border-style=kawaii],[data-mode=dark][data-border-style=kawaii],[data-mode=dark] [data-border-style=bubbly],[data-mode=dark][data-border-style=bubbly]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}[data-mode=dark] [data-border-style=pixel],[data-mode=dark][data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23ccc' stroke-width='1'/%3E%3C/svg%3E") 4 stretch}[data-mode=dark] [data-border-style=neon],[data-mode=dark][data-border-style=neon]{--vb-border-glow: 0 0 8px oklch(90% .3 145), 0 0 24px oklch(90% .3 145 / .5)}[data-mode=dark] [data-border-style=organic],[data-mode=dark][data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch}[data-border-style]:not([data-border-style=clean]) :is(article,.card,blockquote,form,fieldset,.preview-card,.preview-form,.preview-table,.preview-code,.preview-list,.border-card,.vignette){border-width:var(--vb-border-width);border-style:var(--vb-border-style);border-image:var(--vb-border-image);filter:var(--vb-border-filter);box-shadow:var(--vb-border-glow)}[data-border-style]:not([data-border-style=clean]) :is(article,.card,blockquote,form,fieldset,.preview-card,.preview-form,.preview-table,.preview-code,.preview-list,.border-card,.vignette){border-radius:var(--vb-border-radius-override)}[data-border-style]:not([data-border-style=clean]) :is(details,fieldset) :is(article,.card,blockquote,form,fieldset,.preview-card,.preview-form,.preview-table,.preview-code,.preview-list,.border-card,.vignette){border-width:0;border-style:none;border-image:none;box-shadow:none;filter:none;border-radius:0}@media(prefers-color-scheme:dark){:root:not([data-mode=light]) [data-border-style=kawaii],:root:not([data-mode=light])[data-border-style=kawaii]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}:root:not([data-mode=light]) [data-border-style=bubbly],:root:not([data-mode=light])[data-border-style=bubbly]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}:root:not([data-mode=light]) [data-border-style=pixel],:root:not([data-mode=light])[data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23ccc' stroke-width='1'/%3E%3C/svg%3E") 4 stretch}:root:not([data-mode=light]) [data-border-style=neon],:root:not([data-mode=light])[data-border-style=neon]{--vb-border-glow: 0 0 8px oklch(90% .3 145), 0 0 24px oklch(90% .3 145 / .5)}:root:not([data-mode=light]) [data-border-style=organic],:root:not([data-mode=light])[data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch}}}@layer tokens{.vb-tabular{font-variant-numeric:tabular-nums}.vb-oldstyle{font-variant-numeric:oldstyle-nums}.vb-small-caps{font-variant-caps:small-caps}.vb-fractions{font-variant-numeric:diagonal-fractions}.vb-slashed-zero{font-variant-numeric:slashed-zero}.vb-tabular.vb-slashed-zero{font-variant-numeric:tabular-nums slashed-zero}.vb-tabular.vb-oldstyle{font-variant-numeric:tabular-nums oldstyle-nums}.vb-oldstyle.vb-fractions{font-variant-numeric:oldstyle-nums diagonal-fractions}.vb-ligatures{font-variant-ligatures:discretionary-ligatures}.vb-swash{font-feature-settings:"swsh" 1}}@layer tokens{@property --vb-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-pulse-size: 8px}@keyframes vb-border-spin{to{--vb-border-angle: 360deg}}@keyframes vb-border-pulse{0%,to{box-shadow:0 0 oklch(from var(--border-anim-pulse-color) l c h / .5)}50%{box-shadow:0 0 0 var(--border-anim-pulse-size) oklch(from var(--border-anim-pulse-color) l c h / 0)}}@media(prefers-reduced-motion:reduce){:root{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}}:root[data-motion-reduced]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}}@layer tokens{:root{--cursor-custom-default: default;--cursor-custom-pointer: pointer;--cursor-text: text;--cursor-grab: grab;--cursor-grabbing: grabbing}}@layer tokens{code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface-raised);--cb-text-color: var(--color-text);--cb-label-color: var(--color-text-muted);--cb-filename-color: var(--color-text);--cb-comment: var(--color-text-muted);--cb-border-color: var(--color-border);--cb-border-radius: var(--radius-m);--cb-font-family: var(--font-mono);--cb-line-numbers-bg: var(--color-surface-raised);--cb-line-numbers-color: var(--color-text-subtle, var(--color-text-muted));--cb-button-bg: var(--color-surface-raised);--cb-button-border: var(--color-border);--cb-button-color: var(--color-text-muted);--cb-button-radius: var(--radius-s);--cb-menu-radius: var(--radius-s);--cb-button-hover-bg: var(--color-interactive);--cb-button-hover-color: white;--cb-focus-color: var(--color-interactive);--cb-ui-font-family: var(--font-sans);--cb-expand-bg: var(--color-surface-raised);--cb-expand-color: var(--color-interactive);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: var(--color-primary);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-meta: var(--color-accent);--cb-builtin: var(--color-primary);--cb-highlight-bg: var(--color-primary-subtle, oklch(80% .1 250 / .15));--cb-highlight-border: var(--color-interactive);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border);--cb-scrollbar-thumb-hover: var(--color-border-strong, var(--color-text-muted))}browser-window{--browser-window-bg: var(--color-surface-raised);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--color-border);--browser-window-border-radius: var(--radius-m);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-color: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt, var(--color-surface-raised));--browser-window-accent-color: var(--color-interactive);--browser-window-font-family: var(--font-sans);--browser-window-mono-font: var(--font-mono);--browser-window-close-color: var(--color-error, oklch(65% .25 25));--browser-window-minimize-color: var(--color-warning, oklch(80% .18 85));--browser-window-maximize-color: var(--color-success, oklch(65% .2 145))}browser-window::part(header){border-radius:calc(var(--radius-m) - 1px) calc(var(--radius-m) - 1px) 0 0}image-editor{--image-editor-bg: var(--color-surface);--image-editor-border-color: var(--color-border);--image-editor-border-radius: var(--radius-m);--image-editor-text-color: var(--color-text);--image-editor-text-muted: var(--color-text-muted);--image-editor-font-family: var(--font-sans);--image-editor-toolbar-bg: var(--color-surface-raised);--image-editor-toolbar-border: var(--color-border);--image-editor-button-hover-bg: var(--color-hover-bg);--image-editor-button-active-color: var(--color-interactive);--image-editor-button-radius: var(--radius-s);--image-editor-accent-color: var(--color-interactive);--image-editor-focus-color: var(--color-focus-ring);--image-editor-context-bg: var(--color-surface-raised);--image-editor-context-border: var(--color-border);--image-editor-status-bg: var(--color-surface-raised);--image-editor-status-color: var(--color-text-muted);--image-editor-crop-border: var(--color-interactive);--image-editor-crop-handle-color: var(--color-interactive);--image-editor-slider-track: var(--color-border);--image-editor-slider-thumb: var(--color-interactive)}image-convert{--image-convert-bg: var(--color-surface);--image-convert-border-color: var(--color-border);--image-convert-border-radius: var(--radius-m);--image-convert-text-color: var(--color-text);--image-convert-text-muted: var(--color-text-muted);--image-convert-font-family: var(--font-sans);--image-convert-accent-color: var(--color-interactive);--image-convert-focus-color: var(--color-focus-ring)}}@layer tokens{:root[data-theme~=modern],[data-theme~=modern]{--hue-primary: 270;--hue-secondary: 220;--hue-accent: 45;--lightness-primary: 55%;--chroma-primary: .22;--lightness-secondary: 50%;--chroma-secondary: .12;--lightness-accent: 75%;--chroma-accent: .18;--color-primary-hover: oklch(from var(--color-primary) calc(l - .06) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .1) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .04 h);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--font-sans: "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--shadow-xs: 0 1px 3px 0 oklch(0% 0 0 / .08);--shadow-sm: 0 2px 4px -1px oklch(0% 0 0 / .1), 0 1px 2px -1px oklch(0% 0 0 / .06);--shadow-md: 0 6px 12px -2px oklch(0% 0 0 / .12), 0 3px 6px -3px oklch(0% 0 0 / .08);--shadow-lg: 0 12px 24px -4px oklch(0% 0 0 / .14), 0 6px 12px -6px oklch(0% 0 0 / .08);--shadow-xl: 0 24px 48px -8px oklch(0% 0 0 / .16), 0 12px 24px -12px oklch(0% 0 0 / .08);--shadow-2xl: 0 32px 64px -16px oklch(0% 0 0 / .24);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .4s;--ease-default: cubic-bezier(.2, 0, .1, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=modern][data-mode=dark],[data-theme~=modern][data-mode=dark]{--lightness-primary: 65%;--chroma-primary: .2;--chroma-surface-tint: .03;--color-background: oklch(10% var(--chroma-surface-tint) var(--hue-primary));--color-surface: oklch(14% var(--chroma-surface-tint) var(--hue-primary));--color-surface-raised: oklch(18% var(--chroma-surface-tint) var(--hue-primary));--color-surface-sunken: oklch(8% var(--chroma-surface-tint) var(--hue-primary));--color-surface-alt: oklch(16% var(--chroma-surface-tint) var(--hue-primary));--color-text: oklch(93% .01 var(--hue-primary));--color-text-muted: oklch(70% .02 var(--hue-primary));--color-border: oklch(28% var(--chroma-surface-tint) var(--hue-primary));--color-border-strong: oklch(48% var(--chroma-surface-tint) var(--hue-primary));--color-border-muted: oklch(22% var(--chroma-surface-tint) var(--hue-primary));--shadow-xs: 0 1px 3px 0 oklch(0% 0 0 / .25);--shadow-sm: 0 2px 4px -1px oklch(0% 0 0 / .3), 0 1px 2px -1px oklch(0% 0 0 / .2);--shadow-md: 0 6px 12px -2px oklch(0% 0 0 / .35), 0 3px 6px -3px oklch(0% 0 0 / .25);--shadow-lg: 0 12px 24px -4px oklch(0% 0 0 / .4), 0 6px 12px -6px oklch(0% 0 0 / .25);--shadow-xl: 0 24px 48px -8px oklch(0% 0 0 / .45), 0 12px 24px -12px oklch(0% 0 0 / .25);--shadow-2xl: 0 32px 64px -16px oklch(0% 0 0 / .55)}}@layer tokens{:root[data-theme~=minimal],[data-theme~=minimal]{--hue-primary: 240;--hue-secondary: 240;--hue-accent: 210;--lightness-primary: 35%;--chroma-primary: .03;--lightness-secondary: 50%;--chroma-secondary: .02;--lightness-accent: 50%;--chroma-accent: .08;--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) c h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .97 .01 h);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--letter-spacing-normal: .01em;--radius-xs: 0;--radius-s: .125rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 1px;--shadow-xs: none;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .03);--shadow-md: 0 2px 4px 0 oklch(0% 0 0 / .04);--shadow-lg: 0 4px 8px 0 oklch(0% 0 0 / .05);--shadow-xl: 0 8px 16px 0 oklch(0% 0 0 / .06);--shadow-2xl: 0 12px 24px 0 oklch(0% 0 0 / .08);--duration-instant: 0ms;--duration-fast: 75ms;--duration-normal: .12s;--duration-slow: .2s;--duration-slower: .3s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.25, .1, .25, 1)}:root[data-theme~=minimal][data-mode=dark],[data-theme~=minimal][data-mode=dark]{--lightness-primary: 70%;--chroma-primary: .02;--chroma-surface-tint: 0;--color-background: oklch(8% 0 0);--color-surface: oklch(12% 0 0);--color-surface-raised: oklch(16% 0 0);--color-surface-sunken: oklch(6% 0 0);--color-surface-alt: oklch(14% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(68% 0 0);--color-border: oklch(25% 0 0);--color-border-strong: oklch(45% 0 0);--color-border-muted: oklch(20% 0 0);--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .1);--shadow-md: 0 2px 4px 0 oklch(0% 0 0 / .2);--shadow-lg: 0 4px 8px 0 oklch(0% 0 0 / .25);--shadow-xl: 0 8px 16px 0 oklch(0% 0 0 / .3);--shadow-2xl: 0 12px 24px 0 oklch(0% 0 0 / .4)}}@layer tokens{:root[data-theme~=classic],[data-theme~=classic]{--hue-primary: 220;--hue-secondary: 200;--hue-accent: 35;--lightness-primary: 40%;--chroma-primary: .12;--lightness-secondary: 45%;--chroma-secondary: .08;--lightness-accent: 60%;--chroma-accent: .14;--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .03 h);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--line-height-tight: 1.3;--line-height-normal: 1.65;--line-height-relaxed: 1.8;--letter-spacing-normal: .01em;--letter-spacing-wide: .05em;--radius-xs: .125rem;--radius-s: .1875rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--border-width-thin: 1px;--border-width-medium: 2px;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .04);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .06), 0 1px 2px -1px oklch(0% 0 0 / .04);--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .07), 0 2px 4px -2px oklch(0% 0 0 / .05);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .08), 0 4px 6px -3px oklch(0% 0 0 / .05);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .09), 0 8px 10px -5px oklch(0% 0 0 / .05);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .12);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.2, 0, .4, 1);--ease-in: cubic-bezier(.4, 0, .8, 1)}:root[data-theme~=classic][data-mode=dark],[data-theme~=classic][data-mode=dark]{--lightness-primary: 60%;--chroma-primary: .1;--chroma-surface-tint: .015;--color-background: oklch(10% var(--chroma-surface-tint) var(--hue-primary));--color-surface: oklch(14% var(--chroma-surface-tint) var(--hue-primary));--color-surface-raised: oklch(18% var(--chroma-surface-tint) var(--hue-primary));--color-surface-sunken: oklch(8% var(--chroma-surface-tint) var(--hue-primary));--color-surface-alt: oklch(16% var(--chroma-surface-tint) var(--hue-primary));--color-text: oklch(92% .01 var(--hue-primary));--color-text-muted: oklch(70% var(--chroma-surface-tint) var(--hue-primary));--color-border: oklch(28% var(--chroma-surface-tint) var(--hue-primary));--color-border-strong: oklch(48% var(--chroma-surface-tint) var(--hue-primary));--color-border-muted: oklch(22% var(--chroma-surface-tint) var(--hue-primary));--lightness-accent: 70%;--chroma-accent: .12;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .15);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .2), 0 1px 2px -1px oklch(0% 0 0 / .12);--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .25), 0 2px 4px -2px oklch(0% 0 0 / .2);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .3), 0 4px 6px -3px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .35), 0 8px 10px -5px oklch(0% 0 0 / .2);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .4)}}@layer tokens{@media(prefers-contrast:more){:root{--color-text-muted: light-dark( oklch(30% 0 0), oklch(80% 0 0) );--color-text-subtle: light-dark( oklch(35% 0 0), oklch(75% 0 0) );--color-border: light-dark( oklch(40% 0 0), oklch(70% 0 0) );--color-border-subtle: light-dark( oklch(50% 0 0), oklch(60% 0 0) );--focus-ring-width: 3px;--shadow-xs: none;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3)}}@media(prefers-reduced-transparency){:root{--color-overlay-subtle: light-dark( oklch(95% 0 0), oklch(15% 0 0) );--color-overlay-medium: light-dark( oklch(90% 0 0), oklch(20% 0 0) );--color-overlay-strong: light-dark( oklch(85% 0 0), oklch(10% 0 0) );--backdrop-blur: 0;--glass-opacity: 1;--glass-blur: 0}}@media(forced-colors:active){:root{--color-background: Canvas;--color-surface: Canvas;--color-surface-raised: Canvas;--color-surface-sunken: Canvas;--color-text: CanvasText;--color-text-muted: CanvasText;--color-text-subtle: GrayText;--color-text-inverted: Canvas;--color-primary: LinkText;--color-primary-hover: LinkText;--color-primary-subtle: Canvas;--color-interactive: LinkText;--color-interactive-hover: LinkText;--color-accent: Highlight;--color-accent-hover: Highlight;--color-border: CanvasText;--color-border-strong: CanvasText;--color-border-subtle: GrayText;--color-border-focus: Highlight;--color-focus-ring: Highlight;--focus-ring-color: Highlight;--color-success: LinkText;--color-warning: Mark;--color-error: LinkText;--color-info: LinkText;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--border-width-thin: 1px;--border-width-medium: 2px}:root a,:root button,:root [role=button]{forced-color-adjust:none}}}@layer tokens{:root[data-theme~=a11y-high-contrast],[data-theme~=a11y-high-contrast]{color-scheme:light;--color-background: oklch(100% 0 0);--color-surface: oklch(98% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-surface-alt: oklch(96% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(35% 0 0);--color-text-inverted: oklch(100% 0 0);--color-text-on-primary: oklch(100% 0 0);--color-border: oklch(30% 0 0);--color-border-strong: oklch(20% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-subtle: oklch(45% 0 0);--color-border-focus: oklch(40% .25 265);--color-primary: oklch(40% .2 var(--hue-primary, 260));--color-primary-hover: oklch(35% .22 var(--hue-primary, 260));--color-primary-active: oklch(30% .2 var(--hue-primary, 260));--color-primary-subtle: oklch(90% .05 var(--hue-primary, 260));--color-secondary: oklch(40% .1 var(--hue-secondary, 200));--color-accent: oklch(45% .18 var(--hue-accent, 30));--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(35% .15 145);--color-success-text: oklch(25% .12 145);--color-warning: oklch(40% .15 70);--color-warning-text: oklch(30% .12 70);--color-error: oklch(40% .2 25);--color-error-text: oklch(30% .18 25);--color-info: oklch(35% .12 240);--color-info-text: oklch(25% .1 240);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-color: oklch(40% .25 265);--color-focus-ring: var(--focus-ring-color);--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--radius-m: var(--radius-xs);--radius-l: var(--radius-s);--border-width-thin: 1px;--border-width-medium: 2px}:root[data-theme~=a11y-high-contrast][data-mode=dark],[data-theme~=a11y-high-contrast][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(3% 0 0);--color-surface-alt: oklch(12% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(80% 0 0);--color-text-subtle: oklch(75% 0 0);--color-text-inverted: oklch(5% 0 0);--color-text-on-primary: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-border-strong: oklch(85% 0 0);--color-border-muted: oklch(55% 0 0);--color-border-subtle: oklch(60% 0 0);--color-border-focus: oklch(70% .2 265);--color-primary: oklch(70% .18 var(--hue-primary, 260));--color-primary-hover: oklch(75% .2 var(--hue-primary, 260));--color-primary-active: oklch(80% .18 var(--hue-primary, 260));--color-primary-subtle: oklch(20% .08 var(--hue-primary, 260));--color-secondary: oklch(70% .08 var(--hue-secondary, 200));--color-accent: oklch(70% .16 var(--hue-accent, 30));--color-success: oklch(70% .15 145);--color-success-text: oklch(80% .12 145);--color-warning: oklch(75% .15 70);--color-warning-text: oklch(85% .1 70);--color-error: oklch(70% .18 25);--color-error-text: oklch(80% .15 25);--color-info: oklch(70% .12 240);--color-info-text: oklch(80% .1 240);--focus-ring-color: oklch(70% .2 265);--color-focus-ring: var(--focus-ring-color)}@media(prefers-color-scheme:dark){:root[data-theme~=a11y-high-contrast]:not([data-mode=light]),[data-theme~=a11y-high-contrast]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(3% 0 0);--color-surface-alt: oklch(12% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(80% 0 0);--color-text-subtle: oklch(75% 0 0);--color-text-inverted: oklch(5% 0 0);--color-text-on-primary: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-border-strong: oklch(85% 0 0);--color-border-muted: oklch(55% 0 0);--color-border-subtle: oklch(60% 0 0);--color-border-focus: oklch(70% .2 265);--color-primary: oklch(70% .18 var(--hue-primary, 260));--color-primary-hover: oklch(75% .2 var(--hue-primary, 260));--color-primary-active: oklch(80% .18 var(--hue-primary, 260));--color-primary-subtle: oklch(20% .08 var(--hue-primary, 260));--focus-ring-color: oklch(70% .2 265);--color-focus-ring: var(--focus-ring-color)}}}@layer tokens{:root[data-theme~=a11y-large-text],[data-theme~=a11y-large-text]{--font-size-xs: .9375rem;--font-size-sm: 1.0625rem;--font-size-md: 1.25rem;--font-size-lg: 1.4375rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.375rem;--font-size-4xl: 2.8125rem;--font-size-5xl: 3.75rem;--font-size-00: .75rem;--font-size-0: .9375rem;--font-size-1: 1.0625rem;--font-size-2: 1.25rem;--font-size-3: 1.5625rem;--font-size-4: 1.875rem;--font-size-5: 2.5rem;--font-size-6: 3.125rem;--font-size-7: 3.75rem;--font-size-8: 4.375rem;--line-height-tight: 1.35;--line-height-snug: 1.5;--line-height-normal: 1.7;--line-height-relaxed: 1.85;--line-height-loose: 2;--size-touch-min: 2.75rem;--size-unit: .3125rem;--size-3xs: .15625rem;--size-2xs: .3125rem;--size-xs: .625rem;--size-s: .9375rem;--size-m: 1.25rem;--size-l: 1.875rem;--size-xl: 2.5rem;--size-2xl: 3.75rem;--size-3xl: 5rem;--size-1: .3125rem;--size-2: .625rem;--size-3: 1.25rem;--size-4: 1.5625rem;--size-5: 1.875rem;--size-6: 2.1875rem;--size-7: 2.5rem;--size-8: 3.75rem;--size-9: 5rem;--size-10: 6.25rem;--content-narrow: 35rem;--content-normal: 55rem;--content-wide: 75rem;--measure-narrow: 40ch;--measure-normal: 60ch;--measure-wide: 75ch;--focus-ring-width: 3px;--focus-ring-offset: 3px;--radius-xs: .1875rem;--radius-s: .375rem;--radius-m: .625rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.875rem}:root[data-theme~=a11y-large-text][data-fluid],[data-theme~=a11y-large-text][data-fluid]{--size-unit: clamp(.28rem, .0857vi + .2629rem, .34rem);--font-size-xs: clamp(.88rem, -.1538vi + 1.0184rem, .9877rem);--font-size-sm: clamp(1.1rem, -.0159vi + 1.1143rem, 1.1111rem);--font-size-md: clamp(1.25rem, .1786vi + 1.2143rem, 1.375rem);--font-size-lg: clamp(1.4063rem, .4464vi + 1.317rem, 1.7188rem);--font-size-xl: clamp(1.582rem, .8092vi + 1.4202rem, 2.1484rem);--font-size-2xl: clamp(1.7798rem, 1.2939vi + 1.521rem, 2.6855rem);--font-size-3xl: clamp(2.0023rem, 1.9353vi + 1.6152rem, 3.3569rem);--font-size-4xl: clamp(2.2525rem, 2.7766vi + 1.6972rem, 4.1962rem);--font-size-5xl: clamp(2.5341rem, 3.873vi + 1.7595rem, 5.2452rem)}}@layer tokens{@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056Ikqg.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9eA.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056Yb_A.woff2) format("woff2")}:root[data-theme~=a11y-dyslexia],[data-theme~=a11y-dyslexia]{--font-sans: "Atkinson Hyperlegible", "Segoe UI", Verdana, Tahoma, sans-serif;--font-serif: "Atkinson Hyperlegible", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--letter-spacing-tight: 0;--letter-spacing-normal: .05em;--letter-spacing-wide: .08em;--letter-spacing-wider: .12em;--word-spacing: .16em;--line-height-none: 1.2;--line-height-tight: 1.5;--line-height-snug: 1.65;--line-height-normal: 1.8;--line-height-relaxed: 2;--line-height-loose: 2.2;--measure-narrow: 40ch;--measure-normal: 55ch;--measure-wide: 65ch;--content-narrow: 35rem;--content-normal: 50rem;--content-wide: 65rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root[data-theme~=a11y-dyslexia],[data-theme~=a11y-dyslexia]{& p,li,dd,td,th,label,span:not([class]){word-spacing:var(--word-spacing);letter-spacing:var(--letter-spacing-normal)}& p,li,blockquote{text-align:left!important;hyphens:none!important}:is(main,article) :is(h1,h2,h3,h4,h5,h6){text-transform:none;letter-spacing:var(--letter-spacing-normal)}& em{font-style:normal;font-weight:var(--font-weight-semibold)}& strong{font-weight:var(--font-weight-bold)}:is(main,article) a:not([class]){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}:is(main,article) :is(ul,ol){padding-inline-start:1.5em}:is(main,article) li{margin-block-end:.5em}:is(main,article) blockquote{padding-inline-start:1.5em;border-inline-start-width:4px}& td,th{padding:.75em 1em}& label{display:block;margin-block-end:.5em;font-weight:var(--font-weight-medium)}}:root[data-theme~=a11y-dyslexia],[data-theme~=a11y-dyslexia]{--color-background: oklch(98% .008 80);--color-surface: oklch(97.5% .008 80);--color-surface-raised: oklch(99% .005 80);--color-surface-sunken: oklch(96% .01 80);--color-surface-alt: oklch(97% .008 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(40% .01 80);--color-border: oklch(65% .01 80);--color-border-strong: oklch(45% .01 80);--color-border-muted: oklch(75% .008 80);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .1);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1)}}@layer tokens;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);background:var(--page-bg-color, var(--color-surface));cursor:var(--cursor-custom-default)}html:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}body{min-block-size:100vh;min-block-size:100dvh;line-height:var(--line-height-normal);font-family:var(--font-sans);font-size-adjust:var(--font-size-adjust);color:var(--color-text);background-color:var(--page-bg-color, var(--color-surface));background-image:var(--page-bg-gradient, var(--page-bg-image, none));background-attachment:var(--page-bg-attachment, scroll);background-size:var(--page-bg-size, cover);background-position:var(--page-bg-position, center);background-blend-mode:var(--page-bg-blend, normal);-webkit-font-smoothing:antialiased}[data-theme]:not(:root),[data-mode]:not(:root){color:var(--color-text)}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit}a,button,[role=button],label[for],select{cursor:var(--cursor-custom-pointer)}input,textarea{cursor:var(--cursor-text)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:target{scroll-margin-block:5ex}:not(:defined){transition:none!important;animation:none!important}@media(scripting:none){[data-requires-js]{display:none!important}[data-js-enhanced]{display:none}}@media(pointer:coarse){button,[type=button],[type=submit],[type=reset],select,input:not([type=hidden]){min-block-size:var(--size-touch-min)}}}@layer native-elements{h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);text-wrap:balance;font-variant-numeric:lining-nums;hyphens:none}h1{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md);font-weight:700}:is(h1,h2,h3,h4,h5,h6){&:before{content:var(--heading-ornament-before, none)}&:after{content:var(--heading-ornament-after, none)}}h1:before{content:var(--h1-ornament-before, var(--heading-ornament-before, none))}h1:after{content:var(--h1-ornament-after, var(--heading-ornament-after, none))}h2:before{content:var(--h2-ornament-before, var(--heading-ornament-before, none))}h2:after{content:var(--h2-ornament-after, var(--heading-ornament-after, none))}h3:before{content:var(--h3-ornament-before, var(--heading-ornament-before, none))}h3:after{content:var(--h3-ornament-after, var(--heading-ornament-after, none))}}@layer native-elements{p{text-wrap:pretty}p+p{margin-block-start:var(--size-m)}p.lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}p.balance{text-wrap:balance}p.indent{text-indent:1.5em}p.indent+p.indent{margin-block-start:0}p.justify{text-align:justify;hyphens:auto;-webkit-hyphens:auto}strong,b{font-weight:600;font-synthesis:none;font-optical-sizing:auto}em,i{font-style:italic;font-synthesis:none;font-optical-sizing:auto}:where(b i,i b,strong em,em strong){font-weight:600;font-style:italic;font-synthesis:none}:where(code,pre) :where(b,strong){background-color:oklch(from var(--color-interactive) l c h / .12);border-radius:var(--radius-s);padding-inline:var(--size-2xs)}:where(blockquote) :where(i,em){font-style:normal;font-weight:var(--font-weight-medium)}small{font-size:var(--font-size-sm)}mark{background:oklch(from var(--color-interactive) l c h / .2);padding-inline:var(--size-2xs);border-radius:var(--radius-s)}}@layer native-elements{a{color:var(--color-interactive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-default),text-decoration-thickness var(--duration-fast) var(--ease-default);&:hover{text-decoration-thickness:2px}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin);border-radius:var(--radius-s)}&:has(>img),&:has(>picture),&:has(>figure),&:has(>layout-card){text-decoration:none}}a[data-variant=muted]{color:var(--color-text-muted);&:hover{color:var(--color-text)}}a[data-variant=plain]{text-decoration:none;&:hover{text-decoration:underline}}a.muted{color:var(--color-text-muted);&:hover{color:var(--color-text)}}a.plain{text-decoration:none;&:hover{text-decoration:underline}}a[href^=http]:where(:not([data-no-icon])):after,a[href^="//"]:where(:not([data-no-icon])):after{content:"\2197";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a.external:after{content:"\2197";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a[download]:where(:not([data-no-icon])):after{content:"\2193";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a[href^=mailto]:where(:not([data-no-icon])):before{content:"\2709\a0";font-style:normal;opacity:.7}a[href^=tel]:where(:not([data-no-icon])):before{content:"\260e\a0";font-style:normal;opacity:.7}a[href$=".pdf"]:where(:not([data-no-icon])):after{content:"PDF";font-size:.7em;font-weight:600;opacity:.6;display:inline-block;text-decoration:none;padding-inline-start:.4em;vertical-align:super}a>icon-wc{text-decoration:none;margin-inline-end:.35em;vertical-align:-.125em}a>icon-wc:last-child{margin-inline-end:0;margin-inline-start:.35em}nav a[href^=http]:after,nav a[href^="//"]:after,nav a[download]:after,header a[href^=http]:after,header a[href^="//"]:after,footer a[href^=http]:after,footer a[href^="//"]:after,footer a[download]:after{content:none}nav a[href^=mailto]:before,nav a[href^=tel]:before,header a[href^=mailto]:before,footer a[href^=mailto]:before{content:none}a:has(>icon-wc:only-child):after,a:has(>svg:only-child):after,a:has(>img:only-child):after{content:none}a>icon-wc:only-child{margin-inline:0}a.button{text-decoration:none;color:var(--color-text-on-interactive-auto, var(--color-text-on-primary, white));&:hover{text-decoration:none}&[href^=http]:after,&[href^="//"]:after,&[download]:after{content:none}}a.button.secondary{color:var(--color-interactive)}a.button.ghost{color:var(--color-text)}}@layer native-elements{code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-raised);padding-inline:var(--size-2xs);border-radius:var(--radius-s)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}pre:has(code){background:var(--color-surface-raised);padding:var(--size-m);border-radius:var(--radius-m);white-space:pre;word-wrap:normal;& code{background:transparent;padding:0;font-size:inherit}}kbd{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-raised);padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);box-shadow:0 1px 0 var(--color-border)}samp{font-family:var(--font-mono);font-size:.9em}var{font-style:italic;color:var(--color-interactive)}}@layer native-elements{blockquote{padding-inline-start:var(--size-m);border-inline-start:var(--border-width-thick) solid var(--color-border);color:var(--color-text-muted);font-style:italic}blockquote footer,blockquote cite{display:block;margin-block-start:var(--size-s);font-style:normal;font-size:var(--font-size-sm);&:before{content:"\2014  "}}}@layer native-elements{ul,ol{padding-inline-start:var(--size-l)}li+li{margin-block-start:var(--size-xs)}li>ul,li>ol{margin-block-start:var(--size-xs)}dl{display:block}dt{font-weight:600}dd{margin-inline-start:var(--size-l)}dd+dt{margin-block-start:var(--size-m)}ul.inline,ol.inline{display:flex;flex-wrap:wrap;gap:var(--size-s);padding-inline-start:0;list-style:none;& li{margin-block-start:0}}ul.unstyled,ol.unstyled{padding-inline-start:0;list-style:none;& li{margin-block-start:0}}[data-layout=grid]>li{margin-block-start:0}dl[data-striped]>dt,dl[data-striped]>dd{padding-inline:var(--size-s);padding-block:var(--size-2xs)}dl[data-striped]>dd{margin-inline-start:0;padding-inline-start:var(--size-xl)}dl[data-striped]>dd+dt{margin-block-start:0}dl[data-striped]>dt:nth-of-type(odd),dl[data-striped]>dt:nth-of-type(odd)+dd{background:var(--color-surface-raised)}dl[data-striped]>div{padding-inline:var(--size-s);padding-block:var(--size-2xs)}dl[data-striped]>div:nth-of-type(odd){background:var(--color-surface-raised)}dl[data-striped]>dl-item{padding-inline:var(--size-s);padding-block:var(--size-2xs)}dl[data-striped]>dl-item:nth-of-type(odd){background:var(--color-surface-raised)}ul.meta,ol.meta{display:flex;flex-wrap:wrap;gap:0;align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm);list-style:none;padding:0;& li{margin-block-start:0}& li+li:before{content:var(--sep-list, "\b7");padding-inline:.35em}}ul.meta[data-separator=pipe] li+li:before{content:var(--sep-pipe, "|")}ul.meta[data-separator=dash] li+li:before{content:var(--sep-ndash, "\2013")}ul.meta[data-separator=slash] li+li:before{content:"/"}ul[data-marker=check] li::marker{content:var(--marker-check, "\2714") "\2009";color:var(--color-success, currentColor)}ul[data-marker=arrow] li::marker{content:var(--marker-arrow, "\27a4") "\2009";color:var(--color-interactive)}ul[data-marker=dash] li::marker{content:var(--marker-dash, "\2043") "\2009"}ul[data-marker=star] li::marker{content:"\2605\2009";color:var(--color-interactive)}}@layer native-elements{@supports (clip-path: shape(from 0% 0%,close)){hr.wave,hr.zigzag,hr.scallop,hr.diamonds{border:none;height:20px;background:var(--color-text-muted)}hr.wave{clip-path:shape(from 0% 0%,curve to 16.66% 100% with 8.33% -40%,curve to 33.33% 0% with 25% 140%,curve to 50% 100% with 41.66% -40%,curve to 66.66% 0% with 58.33% 140%,curve to 83.33% 100% with 75% -40%,curve to 100% 0% with 91.66% 140%,line to 100% 100%,line to 0% 100%,close)}hr.zigzag{clip-path:shape(from 0% 50%,line to 5% 0%,line to 15% 100%,line to 25% 0%,line to 35% 100%,line to 45% 0%,line to 55% 100%,line to 65% 0%,line to 75% 100%,line to 85% 0%,line to 95% 100%,line to 100% 50%,line to 100% 100%,line to 0% 100%,close)}hr.scallop{clip-path:shape(from 0% 100%,line to 0% 60%,curve to 14.28% 60% with 7.14% -20%,curve to 28.57% 60% with 21.42% -20%,curve to 42.85% 60% with 35.7% -20%,curve to 57.14% 60% with 50% -20%,curve to 71.43% 60% with 64.28% -20%,curve to 85.71% 60% with 78.57% -20%,curve to 100% 60% with 92.85% -20%,line to 100% 100%,close)}hr.diamonds{clip-path:shape(from 0% 50%,line to 5% 0%,line to 10% 50%,line to 15% 0%,line to 20% 50%,line to 25% 0%,line to 30% 50%,line to 35% 0%,line to 40% 50%,line to 45% 0%,line to 50% 50%,line to 55% 0%,line to 60% 50%,line to 65% 0%,line to 70% 50%,line to 75% 0%,line to 80% 50%,line to 85% 0%,line to 90% 50%,line to 95% 0%,line to 100% 50%,line to 95% 100%,line to 90% 50%,line to 85% 100%,line to 80% 50%,line to 75% 100%,line to 70% 50%,line to 65% 100%,line to 60% 50%,line to 55% 100%,line to 50% 50%,line to 45% 100%,line to 40% 50%,line to 35% 100%,line to 30% 50%,line to 25% 100%,line to 20% 50%,line to 15% 100%,line to 10% 50%,line to 5% 100%,line to 0% 50%,close)}}hr.dots{border:none;height:20px;background-image:radial-gradient(circle,var(--color-text-muted) 40%,transparent 40%);background-size:28px 20px;background-repeat:repeat-x;background-position:center}}@layer native-elements{hr{border:none;border-block-start:var(--border-width-thin) solid var(--color-border);margin-block:var(--size-xl)}hr.decorative{border:none;text-align:center;&:before{content:"\2022  \2022  \2022";color:var(--color-text-muted);letter-spacing:.5em}}hr[data-ornament]{border:none;text-align:center;&:before{content:attr(data-ornament);color:var(--color-text-muted);letter-spacing:.25em}}}@layer native-elements{button,.button{--_color: var(--btn-color, var(--color-interactive));--_hover: oklch(from var(--_color) calc(l - .08) calc(c + .02) h);--_active: oklch(from var(--_color) calc(l - .12) c h);--_ring: oklch(from var(--_color) l c h / .3);--_subtle: oklch(from var(--_color) l c h / .1);--_text: var(--color-text-on-primary, white);display:inline-flex;align-items:center;justify-content:center;gap:var(--size-xs);padding-block:var(--btn-padding-block, var(--size-s));padding-inline-start:var(--btn-padding-inline-start, var(--btn-padding-inline, var(--size-m)));padding-inline-end:var(--btn-padding-inline-end, var(--btn-padding-inline, var(--size-m)));min-block-size:var(--size-touch-min);min-inline-size:var(--size-touch-min);background:var(--_color);color:var(--_text);border:none;border-radius:var(--radius-m);font:inherit;font-weight:var(--btn-font-weight, 500);text-transform:var(--btn-text-transform, none);letter-spacing:var(--btn-letter-spacing, normal);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--_hover)}&:active{background:var(--_active)}&:focus-visible{outline:var(--border-width-medium) solid var(--_color);outline-offset:var(--border-width-medium)}&:disabled{opacity:.5;cursor:not-allowed}&.secondary{background:transparent;color:var(--_color);border:var(--border-width-thin) solid currentColor;&:hover{background:var(--_subtle)}}&.ghost{background:transparent;color:var(--color-text);&:hover{background:var(--color-hover-bg);color:var(--color-hover-text)}}&.small{padding-block:var(--size-xs);padding-inline:var(--size-s);font-size:var(--font-size-sm)}&.large{padding-block:var(--size-m);padding-inline:var(--size-l);font-size:var(--font-size-lg)}&.full-width{inline-size:100%}}button[aria-busy=true],.button[aria-busy=true]{cursor:wait;pointer-events:none;opacity:.85}.vb-btn-spinner{display:inline-block;inline-size:1em;block-size:1em;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:vb-btn-spin .6s linear infinite;vertical-align:-.125em}@keyframes vb-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vb-btn-spinner{animation-duration:1.5s}}@supports (color: contrast-color(red)){button,.button{--_text: contrast-color(var(--_color))}}}@layer native-elements{input:not(:is([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=submit],[type=button],[type=reset])),textarea,select{display:block;inline-size:100%;padding-block:var(--input-padding-inline);padding-inline:var(--input-padding-inline);min-block-size:var(--input-height);border:var(--border-width-thin) solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-text);font:inherit;transition:border-color var(--duration-fast) var(--ease-default);&:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(from var(--input-border-focus) l c h / .15)}&::placeholder{color:var(--input-placeholder)}&:disabled{background:var(--color-surface-raised);cursor:not-allowed}&[aria-invalid=true]{border-color:var(--color-error)}&:user-invalid{border-color:var(--color-error)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{appearance:none}select{appearance:none;padding-inline-end:var(--size-xl);background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--size-xs) center;background-size:1.25rem;cursor:pointer}select:disabled{cursor:not-allowed}textarea{min-block-size:8rem;resize:vertical}label{display:block;font-weight:500;margin-block-end:var(--size-xs)}label:has(input[type=checkbox]),label:has(input[type=radio]){display:inline-flex;align-items:center;gap:var(--size-xs);margin-block-end:0;cursor:pointer}fieldset{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);padding:var(--size-m)}legend{font-weight:600;padding-inline:var(--size-xs)}}@layer native-elements{input[data-switch]{appearance:none;position:relative;display:inline-block;inline-size:2.75rem;block-size:1.5rem;border-radius:var(--radius-pill, 999px);background:var(--color-border, oklch(75% 0 0));border:none;cursor:pointer;vertical-align:middle;flex-shrink:0;transition:background-color var(--duration-fast, .15s) var(--ease-default, ease)}input[data-switch]:before{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:calc(1.5rem - 4px);block-size:calc(1.5rem - 4px);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:translate var(--duration-fast, .15s) var(--ease-default, ease)}input[data-switch]:checked{background:var(--color-interactive, oklch(55% .2 260))}input[data-switch]:checked:before{translate:1.25rem 0}input[data-switch]:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}input[data-switch]:disabled{opacity:.5;cursor:not-allowed}input[data-switch=sm]{inline-size:2rem;block-size:1.125rem}input[data-switch=sm]:before{inline-size:calc(1.125rem - 4px);block-size:calc(1.125rem - 4px)}input[data-switch=sm]:checked:before{translate:.875rem 0}input[data-switch=lg]{inline-size:3.5rem;block-size:2rem}input[data-switch=lg]:before{inline-size:calc(2rem - 4px);block-size:calc(2rem - 4px)}input[data-switch=lg]:checked:before{translate:1.5rem 0}@media(prefers-reduced-motion:reduce){input[data-switch],input[data-switch]:before{transition-duration:0s}}}@layer native-elements{input[type=checkbox]:not([data-switch]),input[type=radio]{appearance:none;width:var(--control-size);height:var(--control-size);border:var(--border-width-medium) solid var(--control-border);background:var(--input-bg);cursor:pointer;position:relative;flex-shrink:0;vertical-align:middle;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}input[type=checkbox]:not([data-switch]){border-radius:var(--control-radius-check)}input[type=radio]{border-radius:var(--control-radius-radio)}input[type=checkbox]:not([data-switch]):hover,input[type=radio]:hover{border-color:var(--color-primary)}input[type=checkbox]:not([data-switch]):checked,input[type=radio]:checked{background:var(--control-checked-bg);border-color:var(--control-checked-border)}input[type=checkbox]:not([data-switch]):checked:after{content:"";display:block;position:absolute;inset:0;background:var(--color-text-on-primary);clip-path:polygon(14% 50%,8% 60%,38% 86%,94% 20%,86% 12%,38% 70%)}input[type=radio]:checked:after{content:"";display:block;position:absolute;inset:3px;background:var(--color-text-on-primary);border-radius:50%}input[type=checkbox]:not([data-switch]):indeterminate{background:var(--control-checked-bg);border-color:var(--control-checked-border)}input[type=checkbox]:not([data-switch]):indeterminate:after{content:"";display:block;position:absolute;top:50%;left:15%;right:15%;height:2px;margin-block-start:-1px;background:var(--color-text-on-primary);border-radius:1px}input[type=checkbox]:not([data-switch]):focus-visible,input[type=radio]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=checkbox]:not([data-switch]):disabled,input[type=radio]:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){input[type=checkbox]:not([data-switch]),input[type=radio]{transition-duration:0s}}}@layer native-elements{input[type=range]{appearance:none;display:block;inline-size:100%;block-size:var(--range-thumb-size);border-radius:var(--radius-full);background:linear-gradient(to right,var(--range-track-fill) 0%,var(--range-track-fill) var(--_pct, 50%),var(--range-track-bg) var(--_pct, 50%),var(--range-track-bg) 100%);background-size:100% var(--range-track-h);background-position:center;background-repeat:no-repeat;cursor:pointer;border:none;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);border-radius:50%;background:var(--range-thumb-bg);border:var(--border-width-medium) solid var(--range-thumb-border);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-primary) 15%,transparent)}input[type=range]::-moz-range-track{height:var(--range-track-h);background:var(--range-track-bg);border-radius:var(--radius-full);border:none}input[type=range]::-moz-range-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);border-radius:50%;background:var(--range-thumb-bg);border:var(--border-width-medium) solid var(--range-thumb-border);box-shadow:var(--shadow-sm);cursor:pointer}input[type=range]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){input[type=range]::-webkit-slider-thumb{transition-duration:0s}}}@layer native-elements{input[type=file]{font:inherit;color:var(--color-text)}input[type=file]::file-selector-button{appearance:none;display:inline-flex;align-items:center;gap:var(--size-xs);padding-block:var(--size-xs);padding-inline:var(--input-padding-inline);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--input-border);border-radius:var(--input-radius);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;margin-inline-end:var(--size-s);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}input[type=file]::file-selector-button:hover{background:var(--color-surface-sunken);border-color:var(--color-border-strong)}input[type=file]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=file]:disabled::file-selector-button{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){input[type=file]::file-selector-button{transition-duration:0s}}}@layer native-elements{input[type=color]{appearance:none;width:var(--input-height);height:var(--input-height);padding:3px;background:var(--input-bg);border:var(--border-width-thin) solid var(--input-border);border-radius:var(--input-radius);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--input-radius) - 2px)}input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--input-radius) - 2px)}input[type=color]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=color]:disabled{opacity:.4;cursor:not-allowed}}@layer native-elements{@supports (appearance: base-select){select:not([multiple]){appearance:base-select;display:flex;align-items:center;background-image:none;padding-inline-end:var(--size-s)}select:not([multiple])::picker-icon{color:var(--color-text);opacity:.55;transition:rotate var(--duration-normal) var(--ease-out)}select:not([multiple]):open::picker-icon{rotate:180deg}select:not([multiple])::picker(select){appearance:base-select;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--input-radius);box-shadow:var(--shadow-md);max-block-size:16rem;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--size-xs);opacity:1;transform:translateY(0);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),display var(--duration-normal) allow-discrete,overlay var(--duration-normal) allow-discrete}@starting-style{select:not([multiple])::picker(select){opacity:0;transform:translateY(-.25rem)}}select:not([multiple]) option{padding:var(--size-xs) var(--size-s);margin-inline:var(--size-xs);border-radius:var(--radius-s);transition:background var(--duration-fast) var(--ease-default)}select:not([multiple]) option:hover{background:var(--color-surface-raised)}select:not([multiple]) option:checked{background:transparent;color:var(--color-interactive);font-weight:500}select:not([multiple]) option::checkmark{color:var(--color-interactive)}select:not([multiple]) optgroup{padding-block-start:var(--size-xs)}select:not([multiple]) optgroup:not(:first-of-type){border-block-start:var(--border-width-thin) solid var(--color-border);margin-block-start:var(--size-xs)}select:not([multiple]) optgroup>legend{padding:var(--size-xs) var(--size-s);font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}select:not([multiple]):open{border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(from var(--input-border-focus) l c h / .15)}@media(prefers-reduced-motion:reduce){select:not([multiple])::picker(select){transition-duration:0ms}select:not([multiple])::picker-icon{transition-duration:0ms}}select:not([multiple])>button{display:flex;align-items:center;gap:var(--size-xs);font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;inline-size:100%}select:not([multiple]) selectedcontent{display:flex;align-items:center;gap:var(--size-xs);flex:1;min-inline-size:0}select:not([multiple]) selectedcontent .detail{display:none}select:not([multiple]) option{display:flex;align-items:center;gap:var(--size-xs)}select:not([multiple]) option img{inline-size:1.5em;block-size:1.5em;border-radius:var(--radius-s);object-fit:cover;flex-shrink:0}}}@layer native-elements{details{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);+details{margin-block-start:calc(var(--border-width-thin) * -1);border-start-start-radius:0;border-start-end-radius:0}&:has(+details){border-end-start-radius:0;border-end-end-radius:0}}summary{padding:var(--size-s) var(--size-m);cursor:pointer;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);min-block-size:var(--size-touch-min);&:after{content:"";inline-size:.5em;block-size:.5em;border-inline-end:var(--border-width-medium) solid currentColor;border-block-end:var(--border-width-medium) solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0}&::-webkit-details-marker{display:none}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}}details[open]>summary:after{transform:rotate(45deg)}details>:not(summary){padding-inline:var(--size-m);padding-block-end:var(--size-m)}::details-content{block-size:0;overflow-y:clip;transition:block-size var(--duration-normal) var(--ease-default),content-visibility var(--duration-normal) allow-discrete}details[open]::details-content{block-size:auto}}@layer native-elements{dialog{margin:auto;inline-size:min(90vw,32rem);max-inline-size:min(90vw,32rem);max-block-size:85dvh;padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xl);overflow:hidden;&[data-size=s]{inline-size:min(90vw,24rem);max-inline-size:min(90vw,24rem)}&[data-size=l]{inline-size:min(90vw,48rem);max-inline-size:min(90vw,48rem)}&[data-size=full]{max-inline-size:95vw;max-block-size:95dvh;inline-size:95vw;block-size:95dvh;border-radius:var(--radius-m)}}dialog::backdrop{background:var(--color-backdrop);backdrop-filter:blur(var(--backdrop-blur))}dialog:focus{outline:none}dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out)}dialog[open]::backdrop{animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}dialog[open]{overscroll-behavior:contain}dialog[open]{opacity:1;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}dialog[open]::backdrop{opacity:1;transition:opacity var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{dialog[open]{opacity:0;transform:scale(.9)}dialog[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none;transition:none}dialog[open]::backdrop{animation:none;transition:none}}dialog>header{display:flex;align-items:center;gap:var(--size-s);padding:var(--size-m) var(--size-l);border-block-end:var(--border-width-thin) solid var(--color-border)}dialog>header>:is(h2,h3){margin:0;font-size:var(--font-size-lg)}dialog>:is(p,section,form){padding:var(--size-l)}dialog>form>footer{padding:var(--size-m) var(--size-l);margin:0;border-block-start:var(--border-width-thin) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}dialog>footer{padding:var(--size-m) var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}dialog>header button[type=button]:last-child{margin-inline-start:auto}dialog[data-position]{margin:0;border-radius:0;max-block-size:100dvh}dialog[data-position=end]{margin-inline-start:auto;max-inline-size:min(90vw,28rem);block-size:100dvh;border-radius:var(--radius-l) 0 0 var(--radius-l)}dialog[data-position=end][open]{animation:vb-slide-in-end var(--motion-enter-duration) var(--ease-out)}dialog[data-position=start]{margin-inline-end:auto;max-inline-size:min(90vw,28rem);block-size:100dvh;border-radius:0 var(--radius-l) var(--radius-l) 0}dialog[data-position=start][open]{animation:vb-slide-in-start var(--motion-enter-duration) var(--ease-out)}dialog[data-position=bottom]{margin-block-start:auto;max-block-size:85dvh;inline-size:100vw;max-inline-size:100vw;border-radius:var(--radius-l) var(--radius-l) 0 0;padding-block-end:var(--safe-bottom, 0px)}dialog[data-position=bottom][open]{animation:vb-slide-in-bottom var(--motion-enter-duration) var(--ease-out)}dialog[data-position=top]{margin-block-end:auto;max-block-size:85dvh;inline-size:100vw;max-inline-size:100vw;border-radius:0 0 var(--radius-l) var(--radius-l)}dialog[data-position=top][open]{animation:vb-slide-in-top var(--motion-enter-duration) var(--ease-out)}@keyframes vb-slide-in-end{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vb-slide-in-start{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vb-slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vb-slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){dialog[data-position][open]{animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}}dialog[data-position]>section,dialog[data-position]>form{overflow-y:auto;overscroll-behavior:contain;max-block-size:calc(100dvh - 8rem)}}@layer native-elements{[role=tooltip][popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;background:var(--color-text);color:var(--color-text-inverted);padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-s);max-inline-size:20rem;white-space:normal;word-wrap:break-word;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),display var(--duration-fast) allow-discrete,overlay var(--duration-fast) allow-discrete}[role=tooltip][popover]:popover-open{opacity:1;transform:translateY(0)}@starting-style{[role=tooltip][popover]:popover-open{opacity:0;transform:translateY(4px)}}[role=tooltip][popover]{position:fixed}[role=tooltip][popover][data-anchor]{inset:auto}[role=tooltip][popover][data-anchor]:not([data-tooltip-position]),[role=tooltip][popover][data-anchor][data-tooltip-position=top]{bottom:anchor(top);left:anchor(center);translate:-50% calc(-1 * var(--size-xs))}[role=tooltip][popover][data-anchor][data-tooltip-position=bottom]{top:anchor(bottom);left:anchor(center);translate:-50% var(--size-xs)}[role=tooltip][popover][data-anchor][data-tooltip-position=left]{right:anchor(left);top:anchor(center);translate:calc(-1 * var(--size-xs)) -50%}[role=tooltip][popover][data-anchor][data-tooltip-position=right]{left:anchor(right);top:anchor(center);translate:var(--size-xs) -50%}[role=tooltip][popover]>.tooltip-arrow{position:absolute;inline-size:8px;block-size:8px;background:inherit;transform:rotate(45deg);pointer-events:none}[role=tooltip][popover]:not([data-tooltip-position]),[role=tooltip][popover][data-tooltip-position=top]{>.tooltip-arrow{inset-block-end:-4px;inset-inline-start:calc(50% - 4px)}}[role=tooltip][popover][data-tooltip-position=bottom]>.tooltip-arrow{inset-block-start:-4px;inset-inline-start:calc(50% - 4px)}[role=tooltip][popover][data-tooltip-position=left]>.tooltip-arrow{inset-inline-end:-4px;inset-block-start:calc(50% - 4px)}[role=tooltip][popover][data-tooltip-position=right]>.tooltip-arrow{inset-inline-start:-4px;inset-block-start:calc(50% - 4px)}[role=tooltip][popover]{& kbd{background:var(--color-overlay-subtle);border-color:var(--color-overlay-medium);box-shadow:0 1px 0 var(--color-overlay-subtle);color:inherit}& small{opacity:.8}& code{background:var(--color-overlay-subtle);color:inherit}}[popover=hint]:not([role=tooltip]){border:none;padding:0;margin:0;overflow:visible;background:var(--color-text);color:var(--color-text-inverted);padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);border-radius:var(--radius-s);max-inline-size:20rem;white-space:normal;word-wrap:break-word;position:fixed;inset:unset;position-area:block-start;margin-block-end:8px;position-try-fallbacks:flip-block;--interest-delay-start: .2s;--interest-delay-end: .1s;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),display var(--duration-fast) allow-discrete,overlay var(--duration-fast) allow-discrete}[popover=hint]:not([role=tooltip]):popover-open{opacity:1;transform:translateY(0)}@starting-style{[popover=hint]:not([role=tooltip]):popover-open{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){[role=tooltip][popover]{transition:none}[popover=hint]:not([role=tooltip]){transition:none}}}@layer native-elements{table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:start}th{padding:var(--size-s) var(--size-m);text-align:start;font-weight:600;color:var(--color-text);background:var(--color-surface-raised);border-block-end:var(--border-width-medium) solid var(--color-border)}td{padding:var(--size-s) var(--size-m);text-align:start;border-block-end:var(--border-width-thin) solid var(--color-border);vertical-align:top}tbody tr:hover{background:var(--color-hover-bg)}caption{padding:var(--size-s) var(--size-m);text-align:start;font-weight:500;color:var(--color-text-muted)}tfoot td{font-weight:600;background:var(--color-surface-raised);border-block-start:var(--border-width-medium) solid var(--color-border);border-block-end:none}:is(td,th)[data-numeric]{text-align:end;font-variant-numeric:tabular-nums}table:is([data-sticky=header],[data-sticky=both]) thead th{position:sticky;inset-block-start:0;z-index:1;background:var(--color-surface)}table:is([data-sticky=column],[data-sticky=both]) :is(td,th):first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--color-surface)}table[data-sticky=both] thead th:first-child{z-index:2}table[data-density=compact] :is(th,td){padding:var(--size-2xs) var(--size-xs)}table[data-density=comfortable] :is(th,td){padding:var(--size-m) var(--size-l)}[data-align=start]{text-align:start}[data-align=center]{text-align:center}[data-align=end]{text-align:end}tr[data-selected]{background:oklch(from var(--color-interactive) l c h / .15)}tr[data-selected]:hover{background:oklch(from var(--color-interactive) l c h / .25)}tr[data-disabled]{opacity:.5;pointer-events:none}tr[data-highlight]{background:oklch(from var(--color-warning) l c h / .15)}tr[data-highlight]:hover{background:oklch(from var(--color-warning) l c h / .25)}table[data-responsive=scroll]{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table{&.striped tbody tr:nth-child(odd){background:var(--color-surface-raised)}&.striped tbody tr:nth-child(odd):hover{background:var(--color-surface-alt)}&.compact :is(th,td){padding:var(--size-xs) var(--size-s)}&.bordered :is(th,td){border:var(--border-width-thin) solid var(--color-border)}}th[data-sort]{cursor:pointer;user-select:none;&:after{content:" \21c5";opacity:.3}&[data-state-sorted=asc]:after{content:" \2191";opacity:1}&[data-state-sorted=desc]:after{content:" \2193";opacity:1}}tr[data-state-hidden]{display:none}tr[data-expand-content]{background:var(--color-surface-raised);& td{padding:0}>td>div{padding:var(--size-m)}}tr[data-state-expanded]{background:var(--color-surface-raised)}[data-action=toggle-expand]{background:none;border:none;cursor:pointer;padding:var(--size-2xs);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform var(--duration-fast, .15s) var(--ease-default, ease),color var(--duration-fast, .15s) var(--ease-default, ease)}[data-action=toggle-expand]:hover{color:var(--color-text)}tr[data-state-expanded] [data-action=toggle-expand]{transform:rotate(90deg);color:var(--color-primary)}@media(prefers-reduced-motion:reduce){tr[data-expand-content],[data-action=toggle-expand]{transition:none}}table[data-sticky-column="2"]{border-collapse:separate;border-spacing:0;:is(td,th):nth-child(-n+2){position:sticky;background:var(--color-surface);z-index:1}:is(td,th):first-child{inset-inline-start:0;box-shadow:var(--border-width-thin) 0 0 var(--color-border)}:is(td,th):nth-child(2){inset-inline-start:var(--_sticky-col-1-width, 8rem);box-shadow:var(--border-width-thin) 0 0 var(--color-border)}thead th:nth-child(-n+2){z-index:2}}data-table{container-type:inline-size;display:block}@container (max-width: 500px){table[data-responsive=card]{thead{display:none}:is(tbody,tr,td){display:block}tr{padding:var(--size-m);margin-block-end:var(--size-m);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);&[data-state-selected]{border-color:var(--color-primary);box-shadow:var(--shadow-s)}}td{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-s);border:none;padding:var(--size-xs) 0;&:before{content:attr(data-label);font-weight:600;color:var(--color-text-muted)}}}}}@layer native-elements{nav{display:block;--_link-padding: var(--size-s) var(--size-m);--_link-color: var(--color-text);--_hover-bg: transparent;--_hover-color: var(--color-hover-text);--_active-bg: var(--color-active-bg);--_active-color: var(--color-active-text);--_gap: var(--size-xs)}nav ul,nav ol{list-style:none;margin:0;padding:0}nav li{margin:0}nav a{display:block;padding:var(--_link-padding);color:var(--_link-color);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}nav a:hover{background:var(--_hover-bg);color:var(--_hover-color)}nav a:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}nav a[aria-current=page],nav [aria-current=page]>a,nav a.active{background:var(--_active-bg);color:var(--_active-color)!important;font-weight:500}nav details{border:none;border-radius:0}nav details>:not(summary){padding-inline:0;padding-block-end:0}nav{&.horizontal>ul,&.horizontal>ol{display:flex;flex-wrap:wrap;gap:var(--_gap)}&.vertical>ul,&.vertical>ol{display:flex;flex-direction:column}&.pills{--_hover-bg: var(--color-hover-bg);--_active-bg: var(--color-interactive);--_active-color: var(--color-text-on-primary, white)}@supports (color: contrast-color(red)){&.pills{--_active-color: contrast-color(var(--color-interactive))}}&.pills a{border-radius:var(--radius-full)}&.tabs{--_hover-bg: transparent;--_active-bg: transparent;border-block-end:var(--border-width-thin) solid var(--color-border)}&.tabs a{border-block-end:var(--border-width-medium) solid transparent;margin-block-end:calc(var(--border-width-thin) * -1);border-radius:0}&.tabs a:hover{border-block-end-color:var(--color-border-strong)}&.tabs a[aria-current=page],&.tabs [aria-current=page]>a{border-block-end-color:var(--color-interactive)}&.breadcrumb>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2xs);font-size:var(--font-size-sm)}&.breadcrumb li{display:flex;align-items:center;gap:var(--size-2xs)}&.breadcrumb li:not(:last-child):after{content:var(--_separator, var(--sep-breadcrumb, "/"));margin-inline-start:var(--size-2xs);color:var(--color-text-muted);display:inline-flex;align-items:center;line-height:1}&.breadcrumb a,&.breadcrumb span{padding:var(--size-xs);color:var(--color-text-muted);text-decoration:none}&.breadcrumb a:hover{color:var(--color-text);text-decoration:underline}&.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-weight-medium)}&.breadcrumb[data-separator=chevron]{--_separator: "\203a"}&.breadcrumb[data-separator=arrow]{--_separator: "\2192"}&.breadcrumb[data-separator=dot]{--_separator: "\b7"}&.breadcrumb[data-separator=pipe]{--_separator: "|"}&.breadcrumb [data-truncated]{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.breadcrumb[data-collapsed] li:not(:first-child):not(:last-child):not(:nth-last-child(2)){display:none}&.breadcrumb[data-collapsed] li:nth-last-child(2):before{content:"...";margin-inline-end:var(--size-2xs);color:var(--color-text-muted)}&.minimal{--_link-padding: var(--size-xs) 0;--_link-color: var(--color-text-muted);--_hover-bg: transparent;--_hover-color: var(--color-text);--_active-bg: transparent;--_active-color: var(--color-text)}&.pagination>ul{display:flex;align-items:center;justify-content:center;gap:var(--size-2xs)}&.pagination li{display:flex}&.pagination a,&.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:var(--size-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-m);text-decoration:none;cursor:pointer;transition:all .15s ease}&.pagination a:hover:not([disabled]):not([aria-current]),&.pagination button:hover:not([disabled]):not([aria-current]){background:var(--color-surface-alt);color:var(--color-text)}&.pagination [aria-current=page]{background:var(--color-interactive);color:var(--color-text-on-primary, white);border-color:var(--color-interactive)}@supports (color: contrast-color(red)){&.pagination [aria-current=page]{color:contrast-color(var(--color-interactive))}}&.pagination [disabled]{opacity:.5;cursor:not-allowed}&.pagination [data-prev],&.pagination [data-next]{gap:var(--size-2xs)}&.pagination [data-ellipsis]{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;color:var(--color-text-muted);pointer-events:none}&.pagination [data-info]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-inline:var(--size-s)}&.pagination[data-variant=simple] a:not([data-prev]):not([data-next]),&.pagination[data-variant=simple] button:not([data-prev]):not([data-next]):not([data-ellipsis]){display:none}&.pagination[data-variant=simple] li:has(a:not([data-prev]):not([data-next])),&.pagination[data-variant=simple] li:has(button:not([data-prev]):not([data-next]):not([data-ellipsis])){display:none}&.pagination[data-variant=compact]>ul{gap:0}&.pagination[data-variant=compact] a,&.pagination[data-variant=compact] button{border-radius:0;border-inline-start-width:0}&.pagination[data-variant=compact] li:first-child a,&.pagination[data-variant=compact] li:first-child button{border-radius:var(--radius-m) 0 0 var(--radius-m);border-inline-start-width:var(--border-width-thin)}&.pagination[data-variant=compact] li:last-child a,&.pagination[data-variant=compact] li:last-child button{border-radius:0 var(--radius-m) var(--radius-m) 0}&.pagination[data-variant=compact] a:not([aria-current]),&.pagination[data-variant=compact] button:not([aria-current]){border-color:var(--color-border)}&.pagination[data-size=sm] a,&.pagination[data-size=sm] button{min-width:1.75rem;height:1.75rem;font-size:var(--font-size-xs)}&.pagination[data-size=lg] a,&.pagination[data-size=lg] button{min-width:2.75rem;height:2.75rem;font-size:var(--font-size-md)}&.tree{--_link-color: var(--color-text-muted);--_hover-bg: var(--color-hover-bg);--_hover-color: var(--color-hover-text);font-size:var(--font-size-sm)}&.tree details{margin-block-start:var(--size-2xs)}&.tree summary{cursor:pointer;padding:var(--size-xs) var(--size-s);font-weight:600;border-radius:var(--radius-s);display:flex;align-items:center;justify-content:flex-start;gap:var(--size-xs);min-block-size:auto;list-style:none;&::-webkit-details-marker{display:none}&::marker{content:none}&:after{content:none;display:none}}&.tree summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;inline-size:1.25em;block-size:1.25em;flex-shrink:0;font-family:var(--font-mono);font-size:.85em;font-weight:700;line-height:1;color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default)}&.tree details[open]>summary:before{content:"\2212"}&.tree summary:hover:before{background:var(--color-border-strong)}&.tree summary:hover{background:var(--color-surface-raised)}&.tree summary:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}&.tree ul{padding-inline-start:var(--size-m);margin:0}&.tree a{padding:var(--size-2xs) var(--size-s);border-inline-start:var(--border-width-medium) solid transparent;border-radius:0 var(--radius-s) var(--radius-s) 0;margin-inline-start:calc(1.25em + var(--size-xs))}&.tree a[aria-current=page],&.tree a.active{border-inline-start-color:var(--color-interactive)}&.tree details details{margin-inline-start:var(--size-s)}&.tree details details summary{font-weight:500;font-size:var(--font-size-sm)}&.tree[data-density=compact] summary{padding:var(--size-2xs) var(--size-xs)}&.tree[data-density=compact] a{padding:var(--size-3xs) var(--size-xs)}&.tree[data-density=compact] ul{padding-inline-start:var(--size-s)}}nav{&.steps{--_step-size: 2rem;--_step-font: var(--font-size-sm);--_connector-height: 2px;--_connector-color: var(--color-border);--_connector-completed: var(--color-success);--_future-bg: var(--color-surface-raised);--_future-border: var(--color-border);--_future-color: var(--color-text-muted);--_active-bg: var(--color-interactive);--_active-border: var(--color-interactive);--_active-text: var(--color-text-on-primary, white);--_completed-bg: var(--color-success);--_completed-border: var(--color-success);--_completed-text: white}@supports (color: contrast-color(red)){&.steps{--_active-text: contrast-color(var(--color-interactive));--_completed-text: contrast-color(var(--color-success))}}&.steps[data-size=sm]{--_step-size: 1.5rem;--_step-font: var(--font-size-xs)}&.steps[data-size=lg]{--_step-size: 2.5rem;--_step-font: var(--font-size-md)}&.steps>ol{display:flex;align-items:center;counter-reset:step}&.steps li{display:flex;align-items:center;flex:1;counter-increment:step;font-size:var(--_step-font);color:var(--_future-color);gap:var(--size-xs)}&.steps li:last-child{flex:0 0 auto}&.steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_step-size);height:var(--_step-size);border-radius:50%;background:var(--_future-bg);border:2px solid var(--_future-border);color:var(--_future-color);font-weight:600;font-size:var(--_step-font);line-height:1}&.steps li:not(:last-child):after{content:"";flex:1;height:var(--_connector-height);background:var(--_connector-color);min-width:1.5rem;order:1}&.steps li>*{order:0}&.steps li:before{order:-1}&.steps li[aria-current=step]{color:var(--color-text);font-weight:var(--font-weight-semibold)}&.steps li[aria-current=step]:before{background:var(--_active-bg);border-color:var(--_active-border);color:var(--_active-text)}&.steps li[data-completed]:before{content:"\2713";background:var(--_completed-bg);border-color:var(--_completed-border);color:var(--_completed-text)}&.steps li[data-completed]{color:var(--color-text)}&.steps li[data-completed]:not(:last-child):after{background:var(--_connector-completed)}&.steps li[data-completed] a{color:var(--color-text);text-decoration:none;padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s)}&.steps li[data-completed] a:hover{color:var(--color-interactive);background:transparent;text-decoration:underline}&.steps li[data-completed] a:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px}&.steps[data-labels=below]>ol{align-items:flex-start}&.steps[data-labels=below] li{flex-direction:column;align-items:center;position:relative;text-align:center;gap:var(--size-2xs)}&.steps[data-labels=below] li:not(:last-child):after{position:absolute;top:calc(var(--_step-size) / 2);left:calc(50% + var(--_step-size) / 2 + var(--size-xs));right:calc(-50% + var(--_step-size) / 2 + var(--size-xs));width:auto;min-width:0;flex:none;order:0}&.steps[data-direction=vertical]>ol{flex-direction:column;align-items:flex-start}&.steps[data-direction=vertical] li{flex:0 0 auto;position:relative;padding-block-end:var(--size-m)}&.steps[data-direction=vertical] li:last-child{padding-block-end:0}&.steps[data-direction=vertical] li:not(:last-child):after{position:absolute;left:calc(var(--_step-size) / 2);top:var(--_step-size);width:var(--_connector-height);height:calc(100% - var(--_step-size));min-width:0;flex:none;order:0}&.bottom{position:sticky;bottom:0;z-index:var(--z-sticky, 100);background:var(--color-surface);border-block-start:var(--border-width-thin) solid var(--color-border);padding-block-end:var(--safe-bottom, 0px)}&.bottom>ul,&.bottom>ol{display:flex;justify-content:space-around;align-items:stretch;list-style:none;padding:0;margin:0}&.bottom a,&.bottom button{display:flex;flex-direction:column;align-items:center;gap:var(--size-3xs);font-size:var(--font-size-xs);padding:var(--size-xs) var(--size-s);color:var(--color-text-muted);text-decoration:none;min-inline-size:3.5rem}&.bottom a[aria-current=page],&.bottom [aria-current=page]>a{color:var(--color-interactive);font-weight:var(--font-weight-medium, 500)}&.bottom.frosted{background:oklch(from var(--color-surface) l c h / var(--glass-surface-opacity, var(--opacity-85, .85)));backdrop-filter:blur(var(--glass-blur, 12px)) saturate(var(--glass-saturate, 180%));border-block-start-color:oklch(from var(--color-border) l c h / var(--opacity-50, .5))}}.pagination-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--size-m);padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted);& strong{color:var(--color-text);font-weight:var(--font-weight-medium)}}.page-size-selector{display:flex;align-items:center;justify-self:end;gap:var(--size-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);& label{display:inline;margin-block-end:0}& select{display:inline;inline-size:auto;padding:var(--size-2xs) var(--size-xs);font-size:var(--font-size-sm);min-block-size:auto}}@container (max-width: 500px){.pagination-bar{grid-template-columns:1fr;justify-items:center;text-align:center}.pagination-bar nav.pagination{order:-1}.pagination-bar .page-size-selector{justify-self:center}}nav drop-down{display:inline-flex}nav drop-down [data-trigger]{display:inline-flex;align-items:center;gap:var(--size-2xs);padding:var(--_link-padding);color:var(--_link-color);text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover{background:var(--_hover-bg);color:var(--_hover-color)}&[aria-expanded=true]{background:var(--_hover-bg);color:var(--_hover-color)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}}nav drop-down [data-trigger].active,nav drop-down [data-trigger][aria-current=true]{background:var(--_active-bg);color:var(--_active-color)!important}nav drop-down [data-trigger]:after{content:"";display:inline-block;width:.4em;height:.4em;margin-inline-start:var(--size-3xs);border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translateY(-25%);opacity:.6;transition:transform var(--duration-fast) var(--ease-default)}nav drop-down [data-trigger][aria-expanded=true]:after{transform:rotate(-135deg) translateY(-25%)}nav drop-down menu{min-inline-size:12rem}nav drop-down menu a{display:block;padding:var(--size-xs) var(--size-m);color:var(--color-text);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-hover-bg);color:var(--color-hover-text)}&.active,&[aria-current=page]{background:var(--color-hover-bg);color:var(--color-active-text)!important;font-weight:500}}@media(width<48rem){nav drop-down menu{display:none}}}@layer native-elements{img{max-inline-size:100%;block-size:auto;display:block;vertical-align:middle}picture{display:block}picture>img{inline-size:100%}img.full{inline-size:100%;block-size:auto}img.contain{object-fit:contain}img.cover{object-fit:cover}img.rounded{border-radius:var(--radius-m)}img.circle{border-radius:var(--radius-full);aspect-ratio:1;object-fit:cover}img.thumbnail{padding:var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}img.ratio-square{aspect-ratio:1;object-fit:cover}img.ratio-video{aspect-ratio:16 / 9;object-fit:cover}img.ratio-portrait{aspect-ratio:3 / 4;object-fit:cover}img.ratio-landscape{aspect-ratio:4 / 3;object-fit:cover}img[loading=lazy]{background:var(--color-surface-raised)}img:not([src]),img[src=""]{background:var(--color-surface-raised);min-block-size:100px;&:before{content:"";display:block}}}@layer native-elements{audio{display:block;width:100%;border-radius:var(--radius-m);accent-color:var(--color-primary);color-scheme:light dark}audio.compact{max-width:320px}audio.minimal{height:2.5rem}source,track{display:none}details:has(.track-list){border:1px solid var(--color-border);border-radius:var(--radius-m);overflow:hidden}details:has(.track-list) summary{padding:var(--size-xs) var(--size-s);cursor:pointer;font-size:var(--font-size-sm);background:var(--color-surface-alt);user-select:none}.track-list{list-style:none;margin:0;padding:0}.track-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--size-xs) var(--size-s);border-top:1px solid var(--color-border-subtle)}.track-list li[data-audio-active]{background:color-mix(in oklch,var(--color-primary),transparent 85%)}.track-list li[data-audio-played]{opacity:.6}.track-list li[data-audio-favorite]:before{content:"\2665";color:var(--color-primary);font-size:var(--font-size-xs);margin-inline-end:var(--size-xs)}.track-list a{text-decoration:none;font-size:var(--font-size-sm);flex:1}.track-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}}@layer native-elements{video{max-inline-size:100%;block-size:auto;display:block;background:var(--color-gray-900)}video.full{inline-size:100%;block-size:auto}video.widescreen{aspect-ratio:16 / 9;object-fit:cover}video.standard{aspect-ratio:4 / 3;object-fit:cover}video.ultrawide{aspect-ratio:21 / 9;object-fit:cover}video.square{aspect-ratio:1;object-fit:cover}video.rounded{border-radius:var(--radius-m);overflow:hidden}.chapter-list{margin-block-start:var(--size-xs)}.chapter-list ol{list-style:none;padding:0;margin:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden}.chapter-list li+li{border-block-start:var(--border-width-thin) solid var(--color-border)}.chapter-list button{display:flex;justify-content:space-between;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-s);background:transparent;border:none;font:inherit;color:inherit;cursor:pointer;text-align:start}.chapter-list button:hover{background:var(--color-hover-bg)}.chapter-list li[data-active] button{background:var(--color-primary-subtle, var(--color-surface-raised));font-weight:600}.chapter-list time{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}}@layer native-elements{iframe{display:block;border:none;max-inline-size:100%}.embed-responsive{position:relative;inline-size:100%;aspect-ratio:16 / 9;>iframe{position:absolute;inset:0;inline-size:100%;block-size:100%}}.embed-responsive.ratio-16x9{aspect-ratio:16 / 9}.embed-responsive.ratio-4x3{aspect-ratio:4 / 3}.embed-responsive.ratio-1x1{aspect-ratio:1}.embed-responsive.ratio-21x9{aspect-ratio:21 / 9}iframe.full{inline-size:100%;block-size:auto}iframe.fixed{block-size:400px}iframe.rounded{border-radius:var(--radius-m);overflow:hidden}iframe.bordered{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}embed,object{display:block;max-inline-size:100%}map{display:inline}area{display:none}}@layer native-elements{canvas{display:block;max-inline-size:100%}canvas.full{inline-size:100%;block-size:auto}canvas.fixed{inline-size:100%;block-size:400px}.canvas-responsive{position:relative;inline-size:100%;aspect-ratio:16 / 9;>canvas{position:absolute;inset:0;inline-size:100%;block-size:100%}}canvas.interactive{cursor:crosshair}canvas.drawing{cursor:crosshair;touch-action:none}canvas.bordered{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}canvas.loading{background:var(--color-surface-raised);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-border) 10px,var(--color-border) 11px)}}@layer native-elements{svg{display:inline-block;vertical-align:middle;overflow:visible}svg:not([class]){max-inline-size:100%;block-size:auto}svg.xs{inline-size:.75rem;block-size:.75rem}svg.s{inline-size:1rem;block-size:1rem}svg.m{inline-size:1.5rem;block-size:1.5rem}svg.l{inline-size:2rem;block-size:2rem}svg.xl{inline-size:3rem;block-size:3rem}svg.xxl{inline-size:4rem;block-size:4rem}svg.currentcolor{fill:currentColor}svg.interactive{fill:var(--color-interactive)}svg.muted{fill:var(--color-text-muted)}svg.full{inline-size:100%;block-size:auto}svg.responsive{inline-size:100%;block-size:auto;aspect-ratio:auto}svg.spin{animation:svg-spin 1s linear infinite}@keyframes svg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.pulse{animation:svg-pulse 2s ease-in-out infinite}@keyframes svg-pulse{0%,to{opacity:1}50%{opacity:.5}}}@layer native-elements{form{display:block;border:none;&.stacked{display:flex;flex-direction:column;gap:var(--size-m)}&.inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--size-s)}&.grid{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:var(--size-s) var(--size-m);align-items:center}}.group{display:flex;flex-direction:column;gap:var(--size-2xs);>label{font-weight:500;font-size:var(--font-size-sm)}&.horizontal{flex-direction:row;align-items:center;gap:var(--size-s)}}fieldset{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);padding:var(--size-m);margin:0;&.minimal{border:none;padding:0;>legend{padding:0;margin-block-end:var(--size-s);font-size:var(--font-size-md)}}}fieldset:disabled{opacity:.5;filter:saturate(.3)}fieldset:disabled legend{color:var(--color-text-muted)}fieldset[data-status=success]{border-color:color-mix(in oklab,var(--color-success) 40%,var(--color-border))}fieldset[data-status=warning]{border-color:color-mix(in oklab,var(--color-warning) 40%,var(--color-border))}fieldset[data-status=error]{border-color:color-mix(in oklab,var(--color-error) 40%,var(--color-border))}legend{padding-inline:var(--size-s);font-weight:600;font-size:var(--font-size-sm)}.actions{display:flex;gap:var(--size-s);margin-block-start:var(--size-m);&.end{justify-content:flex-end}&.between{justify-content:space-between}}.help{font-size:var(--font-size-sm);color:var(--color-text-muted)}.error{font-size:var(--font-size-sm);color:var(--color-error)}optgroup{font-weight:600}form header{p{color:var(--color-text-muted)}}form footer{text-align:center;p{color:var(--color-text-muted)}}fieldset.code-inputs{border:none;padding:0;margin:0;input{inline-size:3rem;block-size:3.5rem;text-align:center;font-size:var(--font-size-xl);font-weight:600}}.form-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@layer native-elements{form[data-wizard]{--wizard-gap: var(--size-m, 1rem);display:flex;flex-direction:column;gap:var(--wizard-gap)}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step]{display:none}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step][data-wizard-active]{display:block}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step][data-wizard-hidden]{display:none!important}form[data-wizard] [data-wizard-progress]{width:100%;height:var(--size-s, .5rem);border-radius:var(--radius-s, .25rem);appearance:none;background:var(--color-surface-alt, #f5f5f5);border:none}form[data-wizard] [data-wizard-progress]::-webkit-progress-bar{background:var(--color-surface-alt, #f5f5f5);border-radius:var(--radius-s, .25rem)}form[data-wizard] [data-wizard-progress]::-webkit-progress-value{background:var(--color-primary, #3b82f6);border-radius:var(--radius-s, .25rem);transition:width .3s ease}form[data-wizard] [data-wizard-progress]::-moz-progress-bar{background:var(--color-primary, #3b82f6);border-radius:var(--radius-s, .25rem)}form[data-wizard][data-wizard-enhanced]:before{content:"Step " attr(data-wizard-current) " of " attr(data-wizard-total);font-size:var(--size-s, .875rem);color:var(--color-text-muted, #6b7280);text-align:center}[data-wizard-nav]{display:flex;gap:var(--size-s, .5rem);justify-content:space-between;flex-wrap:wrap;padding-block-start:var(--size-m, 1rem);border-block-start:1px solid var(--color-border, #e5e5e5)}form[data-wizard][data-wizard-enhanced][data-wizard-current="1"] [data-wizard-prev]{visibility:hidden}form[data-wizard][data-wizard-enhanced] [data-wizard-nav] [type=submit]{display:none}form[data-wizard][data-wizard-enhanced][data-wizard-last] [data-wizard-nav] [type=submit]{display:inline-flex}form[data-wizard][data-wizard-enhanced][data-wizard-last] [data-wizard-nav] [data-wizard-next]{display:none}form[data-wizard][data-wizard-enhanced] nav.steps [data-completed]{cursor:pointer}form[data-wizard][data-wizard-enhanced] nav.steps li[aria-disabled=true]{opacity:.5;pointer-events:none}[data-wizard-status]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-wizard-summary-list]{display:grid;grid-template-columns:auto 1fr;gap:var(--size-xs, .25rem) var(--size-m, 1rem)}[data-wizard-summary-list] dt{font-weight:600;color:var(--color-text-muted, #6b7280)}[data-wizard-summary-list] dd{margin:0}@media(prefers-reduced-motion:reduce){form[data-wizard] [data-wizard-progress]::-webkit-progress-value{transition:none}}}@layer native-elements{progress{appearance:none;display:block;inline-size:100%;block-size:var(--progress-h);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--progress-track-bg);&::-webkit-progress-bar{background:var(--progress-track-bg);border-radius:var(--radius-full)}&::-webkit-progress-value{background:var(--progress-fill);border-radius:var(--radius-full);transition:inline-size var(--duration-normal) var(--ease-out)}&::-moz-progress-bar{background:var(--progress-fill);border-radius:var(--radius-full)}&.xs{block-size:var(--size-3xs)}&.s{block-size:var(--size-2xs)}&.m{block-size:var(--size-s)}&.l{block-size:var(--size-m)}&.success{&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}&.warning{&::-webkit-progress-value{background:var(--color-warning)}&::-moz-progress-bar{background:var(--color-warning)}}&.error{&::-webkit-progress-value{background:var(--color-error)}&::-moz-progress-bar{background:var(--color-error)}}&:indeterminate{animation:progress-indeterminate 1.5s ease-in-out infinite;&::-webkit-progress-bar{background:linear-gradient(90deg,var(--progress-track-bg) 0%,var(--progress-fill) 50%,var(--progress-track-bg) 100%);background-size:200% 100%;animation:progress-indeterminate 1.5s ease-in-out infinite}}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}progress[data-type=ring][data-enhanced]{--_ring-size: var(--progress-ring-size, 4em);--_ring-width: var(--progress-ring-width, .35em);--_ring-color: var(--progress-fill);--_ring-track: var(--progress-track-bg);--_progress: var(--progress, 0);inline-size:var(--_ring-size);block-size:var(--_ring-size);border-radius:50%;overflow:visible;background:conic-gradient(var(--_ring-color) calc(var(--_progress) * 1%),var(--_ring-track) calc(var(--_progress) * 1%));mask:radial-gradient(circle,transparent calc(50% - var(--_ring-width)),#000 calc(50% - var(--_ring-width) + 1px));-webkit-mask:radial-gradient(circle,transparent calc(50% - var(--_ring-width)),#000 calc(50% - var(--_ring-width) + 1px));&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:transparent}&::-moz-progress-bar{background:transparent}}progress[data-type=ring][data-size=xs]{--_ring-size: 2em;--_ring-width: .2em}progress[data-type=ring][data-size=s]{--_ring-size: 3em;--_ring-width: .25em}progress[data-type=ring][data-size=m]{--_ring-size: 4em;--_ring-width: .35em}progress[data-type=ring][data-size=l]{--_ring-size: 6em;--_ring-width: .45em}progress[data-type=ring][data-size=xl]{--_ring-size: 8em;--_ring-width: .55em}progress[data-type=ring][data-enhanced].success{--_ring-color: var(--color-success, oklch(55% .18 145))}progress[data-type=ring][data-enhanced].warning{--_ring-color: oklch(60% .18 70)}progress[data-type=ring][data-enhanced].error{--_ring-color: var(--color-error, oklch(55% .2 25))}progress[data-type=ring][data-enhanced]:indeterminate{background:conic-gradient(var(--_ring-color) 0deg,var(--_ring-color) 90deg,var(--_ring-track) 90deg,var(--_ring-track) 360deg);animation:vb-progress-ring-spin 1s linear infinite}@keyframes vb-progress-ring-spin{to{transform:rotate(360deg)}}progress[data-type=ring][data-enhanced]:not(:indeterminate){transition:background .3s ease}@media(prefers-reduced-motion:reduce){progress[data-type=ring][data-enhanced]:indeterminate{animation-duration:2s}}.progress-ring-wrap{display:inline-grid;place-items:center}.progress-ring-wrap>*{grid-area:1 / 1}.progress-ring-label{font-size:calc(var(--progress-ring-size, 4em) * .22);font-weight:600;font-variant-numeric:tabular-nums;z-index:1}.labeled{display:flex;flex-direction:column;gap:var(--size-2xs);>label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}>progress{inline-size:100%}}}@layer native-elements{meter{appearance:none;display:block;inline-size:100%;block-size:var(--meter-h);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--progress-track-bg);&::-webkit-meter-bar{background:var(--progress-track-bg);border-radius:var(--radius-full);border:none}&::-webkit-meter-optimum-value{background:var(--color-success);border-radius:var(--radius-full)}&::-webkit-meter-suboptimum-value{background:var(--color-warning);border-radius:var(--radius-full)}&::-webkit-meter-even-less-good-value{background:var(--color-error);border-radius:var(--radius-full)}&::-moz-meter-bar{border-radius:var(--radius-full)}&.xs{block-size:var(--size-3xs)}&.s{block-size:var(--size-2xs)}&.m{block-size:var(--size-s)}&.l{block-size:var(--size-m)}&.segmented{background:repeating-linear-gradient(90deg,var(--progress-track-bg),var(--progress-track-bg) 9%,var(--color-surface) 9%,var(--color-surface) 10%)}}.labeled{display:flex;flex-direction:column;gap:var(--size-2xs);>label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}>meter{inline-size:100%}}}@layer native-elements{output:not([data-empty]):not([data-loading]):not([data-error]){display:inline-block;font-family:var(--font-mono);padding:var(--size-2xs) var(--size-xs);background:var(--color-surface-raised);border-radius:var(--radius-s)}output.block{display:block;padding:var(--size-s) var(--size-m)}output.inline{padding:0;background:transparent}output.highlight{background:oklch(from var(--color-interactive) l c h / .1);color:var(--color-interactive)}output.large{font-size:var(--font-size-xl);padding:var(--size-s) var(--size-m)}output.success{background:var(--color-success-subtle);color:var(--color-success-text)}output.warning{background:var(--color-warning-subtle);color:var(--color-warning-text)}output.error{background:var(--color-error-subtle);color:var(--color-error-text)}}@layer native-elements{input[list]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--size-s) center;padding-inline-end:var(--size-xl)}@media(prefers-color-scheme:dark){input[list]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}}input[list].no-arrow{background-image:none;padding-inline-end:var(--size-s)}input[list].search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='%23666' stroke-width='2'/%3E%3Cline x1='10' y1='10' x2='14' y2='14' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");background-position:left var(--size-s) center;padding-inline-start:var(--size-xl);padding-inline-end:var(--size-s)}@media(prefers-color-scheme:dark){input[list].search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='%23999' stroke-width='2'/%3E%3Cline x1='10' y1='10' x2='14' y2='14' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E")}}datalist{display:none}}@layer native-elements{[data-rating]{display:inline-flex;align-items:center;gap:0;border:none;padding:0;margin:0}[data-rating]>legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-rating]>label>input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-rating]>label{font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-border, oklch(75% 0 0));transition:color var(--duration-fast) var(--ease-default);padding:.1em;user-select:none}[data-rating]>label:has(input:checked),[data-rating]>label:has(~label>input:checked){color:var(--color-warning, oklch(75% .15 85))}[data-rating]:hover>label:not(:hover,:has(~label:hover)){color:var(--color-border, oklch(75% 0 0))}[data-rating]:hover>label:hover,[data-rating]:hover>label:has(~label:hover){color:var(--color-warning, oklch(75% .15 85))}[data-rating]>label:has(input:focus-visible){outline:2px solid var(--color-interactive, oklch(55% .2 250));outline-offset:2px;border-radius:var(--radius-s, 2px)}[data-rating-half]>label[data-half]{display:block;overflow:hidden;width:.6em;padding:.1em 0;gap:0}[data-rating-half]>label[data-half=right]{text-indent:-.6em}[data-rating-readonly]{pointer-events:none}[data-rating-readonly]>label{cursor:default}@media(prefers-reduced-motion:reduce){[data-rating]>label{transition-duration:0s}}}@layer native-elements{:root{--highlight-yellow: #fef08a;--highlight-green: #bbf7d0;--highlight-blue: #bfdbfe;--highlight-pink: #fbcfe8}[data-highlights]{--highlight-toolbar-bg: var(--color-surface-raised, var(--color-surface, #fff));--highlight-toolbar-shadow: var(--shadow-m, 0 4px 12px rgb(0 0 0 / .15))}mark[data-hn-id]{background-color:var(--highlight-yellow);color:inherit;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer;border-radius:2px;padding-inline:0}mark[data-hn-color=green]{background-color:var(--highlight-green)}mark[data-hn-color=blue]{background-color:var(--highlight-blue)}mark[data-hn-color=pink]{background-color:var(--highlight-pink)}mark[data-hn-color=yellow]{background-color:var(--highlight-yellow)}.hn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hn-toolbar{position:fixed;inset:unset;margin:0;z-index:9999;display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface-raised, var(--color-surface, #fff));border:1px solid var(--color-border, #e0e0e0);border-radius:8px;box-shadow:0 2px 8px #0000001f;font-size:.8125rem;white-space:nowrap}.hn-toolbar:popover-open{display:flex}.hn-toolbar[hidden]{display:none}.hn-swatches{display:flex;gap:3px}.hn-swatch{width:18px;height:18px;border:1.5px solid transparent;border-radius:50%;cursor:pointer;padding:0;transition:border-color .15s ease}.hn-swatch:hover,.hn-swatch:focus-visible{border-color:var(--color-text, #333)}.hn-swatch[aria-pressed=true]{border-color:var(--color-interactive, #0066cc);box-shadow:0 0 0 1px var(--color-interactive, #0066cc)}.hn-swatch:focus-visible{outline:2px solid var(--color-focus, var(--color-interactive, #0066cc));outline-offset:2px}.hn-separator{display:block;width:1px;height:14px;background:var(--color-border, #e0e0e0);flex-shrink:0}.hn-action{padding:2px 6px;border:none;border-radius:4px;background:transparent;color:var(--color-text, #333);cursor:pointer;font:inherit;font-size:.8125rem;white-space:nowrap;line-height:1.4}.hn-action:hover{background:var(--color-hover-bg)}.hn-action:focus-visible{outline:2px solid var(--color-focus, var(--color-interactive, #0066cc));outline-offset:2px}.hn-action-save{color:var(--color-interactive, #16a34a);font-weight:600}.hn-action-remove{color:var(--color-error, #dc2626)}.hn-action-remove:hover{background:#dc262614}.hn-margin-annotation{position:absolute;right:-180px;width:160px;font-size:.8125rem;color:var(--color-text-muted, #888);line-height:1.4;cursor:pointer;white-space:nowrap;user-select:none}.hn-margin-annotation:hover{color:var(--color-text, #333)}.hn-note-indicator{color:var(--color-interactive, #16a34a);font-weight:700}@media(max-width:900px){.hn-margin-annotation{display:none}}.hn-note-panel{position:absolute;right:-340px;width:320px;background:var(--color-surface-raised, var(--color-surface, #fff));border:var(--border-width-thin, 1px) solid var(--color-border, #e0e0e0);border-radius:var(--radius-m, 8px);box-shadow:var(--shadow-m, 0 4px 12px rgb(0 0 0 / .15));padding:var(--size-s, 12px) var(--size-m, 16px);z-index:100;font-size:var(--font-size-s, .875rem)}@media(max-width:900px){.hn-note-panel{position:fixed;right:var(--size-m, 16px);left:var(--size-m, 16px);bottom:var(--size-m, 16px);top:auto;width:auto;max-width:400px;margin-inline:auto;box-shadow:0 -4px 24px #0003}}.hn-note-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #888);margin-block-end:var(--size-xs, 8px);display:flex;align-items:center;gap:var(--size-2xs, 4px)}.hn-note-header:before{content:"\1f512";font-size:.75rem}.hn-note-quote{font-style:italic;color:var(--color-text-muted, #666);border-inline-start:3px solid var(--highlight-green);padding-inline-start:var(--size-xs, 8px);margin:0 0 var(--size-s, 12px);font-size:.8125rem;line-height:1.5}.hn-note-textarea{width:100%;min-height:60px;padding:var(--size-xs, 8px);border:var(--border-width-thin, 1px) solid var(--color-border, #e0e0e0);border-radius:var(--radius-m, 6px);font:inherit;font-size:var(--font-size-s, .875rem);resize:vertical;background:var(--color-surface, #fff);color:var(--color-text, #333)}.hn-note-textarea:focus{outline:2px solid var(--color-focus, var(--color-interactive, #0066cc));outline-offset:-1px;border-color:transparent}.hn-note-actions{display:flex;gap:var(--size-xs, 8px);justify-content:flex-start;margin-block-start:var(--size-xs, 8px)}@media(prefers-reduced-motion:reduce){.hn-swatch{transition:none}}}@layer native-elements{article{display:block}article.blog{max-inline-size:65ch;margin-inline:auto;>header{margin-block-end:var(--size-l)}>footer{margin-block-start:var(--size-xl);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}}article.card{padding:var(--size-m);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}article.feature{display:grid;gap:var(--size-l);>header{text-align:center}}article.compact{display:flex;gap:var(--size-m);padding-block:var(--size-s);border-block-end:var(--border-width-thin) solid var(--color-border);&:last-child{border-block-end:none}}article.nested{margin-inline-start:var(--size-l);padding-inline-start:var(--size-m);border-inline-start:var(--border-width-medium) solid var(--color-border)}article[data-drop-cap]>p:first-of-type:first-letter,article[data-drop-cap]>section:first-of-type>p:first-of-type:first-letter,p[data-drop-cap]:first-letter{font-size:3.5em;float:inline-start;line-height:.75;margin-inline-end:.1em;margin-block-start:.05em;font-weight:700;color:var(--color-interactive)}article[data-prose] p>img:not(:only-child){float:inline-end;margin-inline-start:var(--size-m);margin-block-end:var(--size-s);max-inline-size:50%;border-radius:var(--radius-m)}@supports (initial-letter: 3){article[data-drop-cap]>p:first-of-type:first-letter,article[data-drop-cap]>section:first-of-type>p:first-of-type:first-letter,p[data-drop-cap]:first-letter{initial-letter:3;float:none;font-size:unset;line-height:unset;margin-block-start:unset}}article.blog,article[data-prose]{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 2;hyphenate-limit-lines:2;hyphenate-limit-zone:8%}}@layer native-elements{article[data-numbered]{counter-reset:vb-h2 vb-h3 vb-h4 vb-fig vb-tab vb-lst;--label-figure: "Figure";--label-table: "Table";--label-listing: "Listing"}article[data-numbered] h2{counter-increment:vb-h2;counter-reset:vb-h3 vb-h4}article[data-numbered] h2:before{content:counter(vb-h2) ".\a0";color:var(--color-text-muted)}article[data-numbered] h3{counter-increment:vb-h3;counter-reset:vb-h4}article[data-numbered] h3:before{content:counter(vb-h2) "." counter(vb-h3) ".\a0";color:var(--color-text-muted)}article[data-numbered] h4{counter-increment:vb-h4}article[data-numbered] h4:before{content:counter(vb-h2) "." counter(vb-h3) "." counter(vb-h4) ".\a0";color:var(--color-text-muted)}article[data-numbered] figure{counter-increment:vb-fig;counter-reset:vb-subfig}article[data-numbered] figure>figcaption:before{content:var(--label-figure) "\a0" counter(vb-fig) ":\a0";font-weight:600}article[data-numbered] table{counter-increment:vb-tab}article[data-numbered] table caption:before{content:var(--label-table) "\a0" counter(vb-tab) ":\a0";font-weight:600}article[data-numbered] figure.code{counter-increment:vb-lst}article[data-numbered] figure.code>figcaption:before{content:var(--label-listing) "\a0" counter(vb-lst) ":\a0";font-weight:600}article[data-numbered] figure>figure{counter-increment:vb-subfig;display:inline-block;vertical-align:top;margin:var(--size-s)}article[data-numbered] figure>figure>figcaption:before{content:"(" counter(vb-subfig,lower-alpha) ")\a0";font-weight:500}}@layer native-elements{article[data-section-numbers]{counter-reset:vb-sec}article[data-section-numbers] :is(h2,h3){counter-increment:vb-sec}article[data-section-numbers] h2:before{content:var(--sep-section, "\a7") "\a0" counter(vb-sec) "\2002";color:var(--color-interactive);font-variant-numeric:tabular-nums}article[data-section-numbers] h3{counter-increment:vb-subsec}article[data-section-numbers] h2{counter-reset:vb-subsec}article[data-section-numbers] h3:before{content:var(--sep-section, "\a7") "\a0" counter(vb-sec) counter(vb-subsec,lower-alpha) "\2002";color:var(--color-interactive);font-variant-numeric:tabular-nums}}@layer native-elements{aside{display:block;&.sidebar{padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}&.note{padding:var(--size-s) var(--size-m);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s)}&.float{container-type:normal;float:inline-end;inline-size:40%;margin-inline-start:var(--size-l);margin-block:var(--size-s);padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}&.sidenote{container-type:normal;float:inline-end;clear:inline-end;inline-size:22ch;margin-inline-start:var(--size-m);margin-inline-end:calc(-1 * (22ch + var(--size-l)));margin-block:var(--size-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}}@media(width<80rem){aside.sidenote{float:none;inline-size:auto;margin:var(--size-xs) 0;padding:var(--size-xs) var(--size-m);border-inline-start:var(--border-width-medium) solid var(--color-border)}}}@layer native-elements{section{display:block}section.padded{padding-block:var(--size-xl)}section.full{padding-block:var(--size-2xl);padding-inline:var(--size-l)}section.contained{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--size-m)}section.alt{background:var(--color-surface-raised);padding-block:var(--size-xl)}section.bordered{border-block-start:var(--border-width-thin) solid var(--color-border);padding-block-start:var(--size-xl)}section.hero{min-block-size:50vh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--size-3xl);text-align:center}section.grid{display:grid;gap:var(--size-l);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}section[data-padding]{padding-block:var(--section-padding-normal)}section[data-padding=small]{padding-block:var(--section-padding-small)}section[data-padding=xsmall]{padding-block:var(--section-padding-xsmall)}section[data-padding=none]{padding-block:0}section[data-padding-end=none]{padding-block-end:0}section[data-padding-start=none]{padding-block-start:0}section.hero[data-bleed]{position:relative;isolation:isolate}section.hero[data-bleed]:before{content:"";position:absolute;inset:calc(var(--site-header-height, 4rem) * -1) 0 0;z-index:-1;background:inherit;overflow:hidden}body:has(section.hero[data-bleed])>header{background:transparent;transition:background var(--duration-normal, .2s) var(--ease-default, ease)}[data-scrolled]>header{background:var(--color-surface)}section[data-angle]{position:relative;isolation:isolate;overflow:visible}section[data-angle]:before{content:"";position:absolute;inset:0;background:inherit;z-index:-1;overflow:hidden}section[data-angle=down]:before{transform-origin:bottom right;transform:skewY(var(--angle-normal))}section[data-angle=up]:before{transform-origin:top right;transform:skewY(calc(var(--angle-normal) * -1))}section[data-angle=down-strong]:before{transform-origin:bottom right;transform:skewY(var(--angle-strong))}section[data-angle=up-strong]:before{transform-origin:top right;transform:skewY(calc(var(--angle-strong) * -1))}section[data-angle=down]{padding-block-start:calc(var(--section-padding-normal) + 100vw * var(--angle-sin))}section[data-angle=up]{padding-block-end:calc(var(--section-padding-normal) + 100vw * var(--angle-sin))}section[data-angle=down-strong]{padding-block-start:calc(var(--section-padding-normal) + 100vw * var(--angle-strong-sin))}section[data-angle=up-strong]{padding-block-end:calc(var(--section-padding-normal) + 100vw * var(--angle-strong-sin))}section:has(>hr[data-position]){position:relative}section>hr[data-position]{position:absolute;inset-inline:0;border:none;border-block-start:var(--border-width-thin) solid var(--color-border-subtle, var(--color-border));margin:0}section>hr[data-position=top]{inset-block-start:0}section>hr[data-position=bottom]{inset-block-end:0}}@layer native-elements{header{display:block}header.site{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding-block:var(--size-m);padding-inline:var(--size-l);background:var(--header-bg, transparent);border-block-end:var(--border-width-thin) solid var(--color-border)}header.page{margin-block-end:var(--size-xl);padding-block-end:var(--size-m);border-block-end:var(--border-width-thin) solid var(--color-border)}header.card{padding:var(--size-m);border-block-end:var(--border-width-thin) solid var(--color-border)}header[data-sticky]{position:sticky;inset-block-start:0;z-index:100;background:var(--color-surface)}header.transparent{position:absolute;inset-inline:0;inset-block-start:0;background:transparent}header.centered{text-align:center;>*{margin-inline:auto}}header.site nav{--_link-color: var(--color-text-muted);--_hover-color: var(--color-text);--_link-padding: var(--size-xs) var(--size-s)}header.compact{padding-block:var(--size-s);font-size:var(--font-size-sm)}header[data-scroll-hide]{position:sticky;inset-block-start:0;z-index:100;transition:transform .3s ease;will-change:transform}header[data-scroll-hide][data-hidden]{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){header[data-scroll-hide]{transition:none}}}@layer native-elements{footer{display:block}footer.site{padding-block:var(--size-xl);padding-inline:var(--size-l);margin-block-start:auto;background:var(--color-surface-raised);border-block-start:var(--border-width-thin) solid var(--color-border)}footer.site nav{--_link-padding: var(--size-xs) 0;--_gap: var(--size-2xs)}footer.site a{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}footer.site a:hover{color:var(--color-text)}footer.article{margin-block-start:var(--size-l);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}footer.card{padding:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border);background:var(--color-surface-raised)}footer.minimal{padding-block:var(--size-m);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}footer.columns{display:grid;gap:var(--size-xl);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));padding-block:var(--size-xl)}footer[data-sticky]{position:sticky;inset-block-end:0;z-index:100;padding:var(--size-m);padding-block-end:calc(var(--size-m) + env(keyboard-inset-height,var(--safe-bottom, 0px)));background:var(--color-surface);border-block-start:var(--border-width-thin) solid var(--color-border)}@media(prefers-reduced-motion:reduce){footer[data-sticky]{transition:none}}}@layer native-elements{main{display:block}main.contained{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--size-m)}main.narrow{max-inline-size:65ch;margin-inline:auto;padding-inline:var(--size-m)}main.wide{max-inline-size:1600px;margin-inline:auto;padding-inline:var(--size-l)}main.full{inline-size:100%;padding-inline:var(--size-l)}main.with-sidebar{display:grid;gap:var(--size-xl);grid-template-columns:1fr minmax(200px,300px)}@media(width<48rem){main.with-sidebar{grid-template-columns:1fr}}main.padded{padding-block:var(--size-xl)}main.flex{flex:1;display:flex;flex-direction:column}}@layer native-elements{address{display:block;font-style:normal}address.card{padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}address.inline{display:inline}address.compact{display:flex;flex-wrap:wrap;gap:var(--size-xs);font-size:var(--font-size-sm)}address.footer{font-size:var(--font-size-sm);color:var(--color-text-muted)}address.contact{display:grid;gap:var(--size-xs);& a{display:flex;align-items:center;gap:var(--size-xs)}}}@layer native-elements{hgroup{display:flex;flex-direction:column;gap:var(--size-2xs)}hgroup>*{margin:0}hgroup>p,hgroup>small{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-normal);text-wrap:pretty;max-inline-size:55ch}hgroup.tight{gap:0}hgroup.spaced{gap:var(--size-s)}hgroup.reversed{flex-direction:column-reverse}hgroup.centered,hgroup[data-align=center]{align-items:center;text-align:center;>p{margin-inline:auto}}hgroup.divided{>*:not(:first-child){padding-block-start:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}}hgroup.eyebrow>p:first-child{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-interactive);max-inline-size:none;order:-1}hgroup.eyebrow>p:last-child:not(:first-child){font-size:var(--font-size-lg);color:var(--color-text-muted)}hgroup.byline{gap:var(--size-xs)}hgroup.byline>p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2xs) var(--size-m);font-size:var(--font-size-sm);color:var(--color-text-muted);max-inline-size:none}hgroup.byline>p time{font-variant-numeric:tabular-nums}hgroup.byline>p [rel=author]{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-decoration:none;&:hover{color:var(--color-interactive)}}hgroup.byline>p>span+span:before{content:var(--sep-list, "\b7");margin-inline-end:var(--size-m);color:var(--color-border)}hgroup.section-header{padding-block-end:var(--size-m);border-block-end:var(--border-width-thin) solid var(--color-border);margin-block-end:var(--size-l);gap:var(--size-xs)}hgroup.section-header>:is(h1,h2){font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}hgroup.section-header>p{font-size:var(--font-size-lg);max-inline-size:60ch}hgroup.display{gap:var(--size-s)}hgroup.display>:is(h1,h2){font-size:clamp(var(--font-size-3xl),5vw + 1rem,var(--font-size-4xl));letter-spacing:var(--letter-spacing-tight);font-weight:var(--font-weight-bold)}hgroup.display>p{font-size:clamp(var(--font-size-md),1.5vw + .75rem,var(--font-size-xl));color:var(--color-text-muted);max-inline-size:50ch}hgroup.display:after{content:"";display:block;inline-size:3rem;block-size:3px;background:var(--color-interactive);border-radius:var(--radius-s);margin-block-start:var(--size-2xs)}hgroup.display[data-align=center]:after{margin-inline:auto}}@layer native-elements{search{display:block;&.inline{display:flex;gap:var(--size-xs);>input{flex:1}}&.expanded{inline-size:100%;>input{inline-size:100%}}&.compact{display:flex;gap:var(--size-2xs);>input{padding-block:var(--size-xs);font-size:var(--font-size-sm)}>button{padding-block:var(--size-xs);padding-inline:var(--size-s);font-size:var(--font-size-sm)}}&.with-icon{position:relative;>input{padding-inline-start:var(--size-xl)}>svg,>.icon,>icon-wc{position:absolute;inset-inline-start:var(--size-s);inset-block-start:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}}&.rounded{>input{border-radius:var(--radius-full);padding-inline-end:var(--size-m)}&:not(.with-icon)>input{padding-inline-start:var(--size-m)}}&.header{max-inline-size:300px}}}@layer native-elements{figure{display:block;margin:0;>img,>video,>picture,>iframe,>canvas{display:block;inline-size:100%;block-size:auto}&.full{inline-size:100%}&.bordered{padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);>figcaption{margin-block-start:var(--size-s);padding-block-start:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}}&.float-start{float:inline-start;max-inline-size:50%;margin-inline-end:var(--size-l);margin-block-end:var(--size-s)}&.float-end{float:inline-end;max-inline-size:50%;margin-inline-start:var(--size-l);margin-block-end:var(--size-s)}&.centered{margin-inline:auto;text-align:center}&.code{>pre{margin:0;border-radius:var(--radius-m) var(--radius-m) 0 0}>figcaption{padding:var(--size-xs) var(--size-s);background:var(--color-surface-raised);border-radius:0 0 var(--radius-m) var(--radius-m);font-family:var(--font-mono)}}&.quote{>blockquote{margin:0}>figcaption{font-style:normal;&:before{content:"\2014  "}}}}figcaption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-start:var(--size-s);&.centered{text-align:center}&.end{text-align:end}&.hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0)}}figure:has(:is(table,pre))>figcaption{position:sticky;inset-inline-start:0}}@layer native-elements{menu{display:flex;flex-wrap:wrap;gap:var(--size-xs);margin:0;padding:0;list-style:none;>li{margin:0}&.toolbar{display:flex;align-items:center;gap:var(--size-2xs);padding:var(--size-2xs);background:var(--color-surface-raised);border-radius:var(--radius-m);>li>button{padding:var(--size-xs);min-inline-size:auto;background:transparent;color:var(--color-text);&:hover{background:var(--color-surface)}}}&.vertical{flex-direction:column;gap:var(--size-2xs)}&.context{flex-direction:column;gap:0;padding:var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:0 4px 12px #00000026;min-inline-size:160px;>li>button,>li>a{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);text-align:start;background:transparent;border:none;border-radius:var(--radius-s);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-hover-bg)}}>li[role=separator]{block-size:1px;margin-block:var(--size-2xs);background:var(--color-border)}}&.icons{gap:var(--size-2xs);>li>button{padding:var(--size-xs);min-inline-size:auto;aspect-ratio:1}}&.pills{>li>button,>li>a{border-radius:var(--radius-full)}}&.compact{gap:var(--size-3xs);>li>button,>li>a{padding:var(--size-2xs) var(--size-xs);font-size:var(--font-size-sm)}}}}@layer native-elements{abbr{text-decoration:underline dotted;text-decoration-color:var(--color-text-muted);cursor:help}abbr[title]:hover{text-decoration-color:var(--color-interactive)}cite{font-style:italic}dfn{font-style:italic;font-weight:500}s{text-decoration:line-through;text-decoration-color:var(--color-text-muted)}u{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--color-error)}del{text-decoration:line-through;background:var(--color-error-subtle);text-decoration-color:var(--color-error)}ins{text-decoration:none;background:var(--color-success-subtle);border-block-end:var(--border-width-thin) solid var(--color-success)}sub{font-variant-position:sub;font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:-.25em}sup{font-variant-position:super;font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:.5em}@supports (font-variant-position: super){sub,sup{vertical-align:inherit;font-size:inherit;position:static;inset-block-end:unset;line-height:inherit}}time{font-variant-numeric:tabular-nums}data{font-family:var(--font-mono);font-size:.9em}wbr{display:inline}bdi{unicode-bidi:isolate}bdo{unicode-bidi:bidi-override}ruby{display:ruby}rt{font-size:.5em;line-height:1;ruby-align:center}rp{display:none}mark.success{background:var(--color-success-subtle)}mark.warning{background:var(--color-warning-subtle)}mark.error{background:var(--color-error-subtle)}abbr.plain{text-decoration:none}cite.quoted:before{content:"\201c"}cite.quoted:after{content:"\201d"}del.diff,ins.diff{display:inline-block;padding-inline:var(--size-2xs);border-radius:var(--radius-s)}del.block,ins.block{display:block;padding:var(--size-s);margin-block:var(--size-xs);border-radius:var(--radius-s)}del.block{background:var(--color-error-subtle);border-inline-start:var(--size-3xs) solid var(--color-error);text-decoration:line-through;text-decoration-color:oklch(from var(--color-error) l c h / .5)}ins.block{background:var(--color-success-subtle);border-inline-start:var(--size-3xs) solid var(--color-success);text-decoration:none}ins[data-author]:after,del[data-author]:after{content:" \2014" attr(data-author);font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:0;transition:opacity .2s ease}ins[data-author]:hover:after,del[data-author]:hover:after{opacity:1}ins[data-reason]:before,del[data-reason]:before{content:attr(data-reason);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-inline-end:var(--size-2xs)}@media print{ins[data-author]:after,del[data-author]:after{opacity:1}}time.relative{color:var(--color-text-muted);font-size:var(--font-size-sm)}time.datetime{font-family:var(--font-mono);font-size:.9em}time[data-badge]{display:inline-block;background:var(--color-surface-raised);padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:.9em;border:var(--border-width-thin) solid var(--color-border)}sup.footnote-ref{font-size:.65em;font-weight:500;>a{text-decoration:none;padding:var(--size-3xs)}}:is(ol,ul).footnotes{font-size:var(--font-size-sm);color:var(--color-text-muted);border-block-start:var(--border-width-thin) solid var(--color-border);padding-block-start:var(--size-m);margin-block-start:var(--size-xl)}.footnotes li::marker{color:var(--color-text-muted)}.footnotes a[href^="#fnref"]{text-decoration:none;font-size:.85em}.status{display:inline-flex;align-items:center;gap:.4em;font-size:var(--font-size-sm);&:before{content:"\25cf";font-size:.7em;color:var(--color-text-muted)}&[data-status=success]:before{color:var(--color-success)}&[data-status=warning]:before{color:var(--color-warning)}&[data-status=error]:before{color:var(--color-error)}&[data-status=inactive]:before{content:"\25cb";color:var(--color-text-muted)}&[data-status=check]:before{content:"\2714";color:var(--color-success)}&[data-status=fail]:before{content:"\2718";color:var(--color-error)}}.block-progress{font-family:var(--font-mono);font-size:1rem;line-height:1;letter-spacing:-.05em;display:inline-flex;align-items:baseline;gap:.5em;[data-filled]{color:var(--color-interactive)}[data-empty]{color:var(--color-text-muted);opacity:.4}& small{font-size:.8em;letter-spacing:normal;color:var(--color-text-muted)}}}@layer native-elements{[data-trust]{--trust-color: var(--color-text-muted);--trust-border: var(--border-width-thin) solid var(--trust-color);position:relative}[data-trust=human]{--trust-color: transparent}[data-trust~=ai-assisted]{--trust-color: var(--trust-color-ai-assisted, oklch(65% .15 250));border-inline-start:var(--size-3xs) solid var(--trust-color);padding-inline-start:var(--size-s)}[data-trust~=ai-generated]{--trust-color: var(--trust-color-ai-generated, oklch(65% .18 290));background:oklch(from var(--trust-color) l c h / .05);border-inline-start:var(--size-3xs) solid var(--trust-color);padding-inline-start:var(--size-s)}[data-trust~=editor-reviewed]{border-inline-start-color:var(--trust-color-reviewed, oklch(60% .18 145))}[data-trust~=draft]{--trust-color: var(--trust-color-draft, oklch(70% .15 75));border:var(--border-width-thin) dashed var(--trust-color);padding:var(--size-s);opacity:.85}[data-trust~=ai-assisted].labeled:before{content:"AI-Assisted"}[data-trust~=ai-generated].labeled:before{content:"AI-Generated"}[data-trust~=editor-reviewed].labeled:before{content:"Reviewed \2713"}[data-trust~=draft].labeled:before{content:"Draft"}[data-trust].labeled:before{display:inline-block;font-size:var(--font-size-xs);font-weight:500;color:var(--trust-color);padding:var(--size-3xs) var(--size-2xs);border:var(--border-width-thin) solid var(--trust-color);border-radius:var(--radius-s);margin-block-end:var(--size-xs)}}@layer native-elements{.glossary-jump ol{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm)}.glossary-jump [aria-disabled]{color:var(--color-text-disabled, var(--color-text-muted));pointer-events:none}.glossary-section h2{position:sticky;top:0;background:var(--color-surface);padding-block:var(--size-xs);border-block-end:var(--border-width-thin) solid var(--color-border);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold, 700);color:var(--color-text-muted);z-index:1}.glossary-section dl dt{display:flex;align-items:baseline;gap:var(--size-xs);scroll-margin-top:var(--size-xl)}.glossary-section dl dt dfn{font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-semibold, 600)}.glossary-section dl dt:target,.glossary-section dl dt:target+dd{background:oklch(from var(--color-interactive) l c h / .08);border-radius:var(--radius-s);outline:var(--border-width-medium, 2px) solid var(--color-interactive);outline-offset:var(--size-xs)}.glossary-section dl dd a{font-style:italic;font-size:var(--font-size-sm)}}@layer native-elements{.index-refs{margin-block-start:var(--size-3xs);padding-inline-start:var(--size-m);font-size:var(--font-size-sm);color:var(--color-text-muted);list-style:none}.index-refs li{display:flex;align-items:baseline;gap:var(--size-xs);padding-block:var(--size-3xs)}.index-refs small{font-size:var(--font-size-xs);color:var(--color-text-disabled, var(--color-text-muted));background:var(--color-surface-raised);padding-inline:var(--size-2xs);border-radius:var(--radius-full)}.index-term{font-weight:var(--font-weight-medium, 500)}.index-jump ol{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm)}.index-jump [aria-disabled=true]{color:var(--color-text-disabled, var(--color-text-muted));pointer-events:none;opacity:.4}.index-jump [aria-current=true]{font-weight:600;color:var(--color-interactive)}.index-count{color:var(--color-text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:400;margin-inline-start:var(--size-3xs)}[data-index-expand]{all:unset;display:inline-block;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-interactive);padding-block:var(--size-2xs);margin-block-start:var(--size-2xs)}[data-index-expand]:hover{text-decoration:underline}[data-index-expand]:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-s)}@media(min-width:60rem){nav[aria-label="Site index"]{columns:2;column-gap:var(--size-2xl)}nav[aria-label="Site index"] section{break-inside:avoid}}}@layer native-elements{.changelog-entries{position:relative;padding-inline-start:var(--size-xl)}.changelog-entries:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--size-s) - 1px);border-inline-start:var(--border-width-medium, 2px) solid var(--color-border)}.changelog-entries article{position:relative;padding-block:var(--size-m)}.changelog-entries article:before{content:"";position:absolute;inset-inline-start:calc(-1 * var(--size-xl) + var(--size-xs));inset-block-start:calc(var(--size-m) + var(--size-xs));width:var(--size-s);height:var(--size-s);border-radius:50%;background:var(--color-interactive);border:var(--border-width-medium, 2px) solid var(--color-surface);outline:var(--border-width-thin) solid var(--color-border)}mark.new{background:oklch(from var(--color-success) l c h / .15)}mark.change{background:oklch(from var(--color-warning) l c h / .15)}mark.fix{background:oklch(from var(--color-info) l c h / .15)}mark.remove{background:oklch(from var(--color-error) l c h / .15)}.changelog-entries article:target{background:oklch(from var(--color-interactive) l c h / .05);border-radius:var(--radius-m);padding-inline:var(--size-m);scroll-margin-top:var(--size-xl)}.changelog-year h2,.changelog-month h3{position:sticky;top:0;background:var(--color-surface);padding-block:var(--size-xs);z-index:1}.version-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);color:var(--color-interactive);background:oklch(from var(--color-interactive) l c h / .1);padding-inline:var(--size-xs);padding-block:var(--size-3xs);border-radius:var(--radius-full);text-decoration:none;border:var(--border-width-thin) solid oklch(from var(--color-interactive) l c h / .25)}.version-tag:hover{background:oklch(from var(--color-interactive) l c h / .18)}.version-header{display:flex;align-items:start;justify-content:space-between;gap:var(--size-m);padding-block:var(--size-m);border-block-end:var(--border-width-medium, 2px) solid var(--color-border);margin-block-end:var(--size-m)}.version-header hgroup h2{font-size:var(--font-size-2xl);font-family:var(--font-mono)}.version-header hgroup p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-start:var(--size-3xs)}.page-version-list{list-style:none;padding-inline-start:0;margin-block-start:var(--size-s);display:flex;flex-direction:column;gap:var(--size-s)}.page-version-list li{padding-block:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}.page-version-list header{display:flex;align-items:center;gap:var(--size-s);margin-block-end:var(--size-xs)}.page-version-list time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-version-list li:target{padding-inline:var(--size-m);background:oklch(from var(--color-interactive) l c h / .05);border-radius:var(--radius-s);scroll-margin-top:var(--size-xl)}}@layer native-elements{nav[aria-label="Full site map"] ul{list-style:none;padding-inline-start:var(--size-m);border-inline-start:var(--border-width-thin) solid var(--color-border)}nav[aria-label="Full site map"]>ul{padding-inline-start:0;border-inline-start:none}nav[aria-label="Full site map"] li{padding-block:var(--size-3xs);position:relative}nav[aria-label="Full site map"] ul li:before{content:"";position:absolute;inset-inline-start:calc(-1 * var(--size-m));inset-block-start:calc(var(--size-m) + var(--size-xs));width:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}nav[aria-label="Full site map"] details>summary{cursor:pointer;font-weight:var(--font-weight-medium, 500);color:var(--color-text);padding-block:var(--size-2xs);list-style:none;display:flex;align-items:center;gap:var(--size-xs)}nav[aria-label="Full site map"] details>summary::-webkit-details-marker{display:none}nav[aria-label="Full site map"] details>summary:before{content:"+";display:inline-block;width:1em;color:var(--color-text-muted);font-family:var(--font-mono)}nav[aria-label="Full site map"] details[open]>summary:before{content:"\2212"}nav[aria-label="Full site map"] [aria-current=page]{color:var(--color-interactive);font-weight:var(--font-weight-medium, 500)}}@layer native-elements{math{font-family:"Latin Modern Math","STIX Two Math","Cambria Math",serif;font-size:1em}math:not([display=block]){display:inline math;vertical-align:middle;line-height:0}math[display=block]{display:block math;margin-block:var(--size-l, 1.5rem);text-align:center;overflow-x:auto}mo{margin-inline:.15em}msub>:nth-child(2),msup>:nth-child(2),msubsup>:nth-child(2),msubsup>:nth-child(3){font-size:.7em}mfrac>:first-child{padding-block-end:.1em}mfrac>:last-child{padding-block-start:.1em}mi{color:var(--color-text, inherit)}mo{color:var(--color-text-muted, inherit)}mn{color:var(--color-text, inherit)}@media(prefers-color-scheme:dark){math{background:transparent;color:inherit}mrow,msqrt,mfrac,msub,msup,msubsup,munder,mover,munderover,mtable,mtr,mtd,mtext,mspace,menclose{background:transparent}}:root[data-theme=dark] math{background:transparent;color:inherit}:root[data-theme=dark] :is(mrow,msqrt,mfrac,msub,msup,msubsup,munder,mover,munderover,mtable,mtr,mtd,mtext,mspace,menclose){background:transparent}article,body{counter-reset:vb-equation}.equation{counter-increment:vb-equation;position:relative;text-align:center;margin-block:var(--size-l, 1.5rem);padding-inline-end:3.5rem;>math[display=block]{margin-block:0}&:after{content:"(" counter(vb-equation) ")";position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%);color:var(--color-text-muted, #666);font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);font-variant-numeric:tabular-nums;white-space:nowrap}}figure.math{margin-inline:auto;text-align:center;>math{margin-block:0}>figcaption{margin-block-start:var(--size-s, .75rem);font-style:italic}}@media print{math[display=block]{break-inside:avoid;margin-block:1em}.equation:after{color:#333}}}@layer native-elements{[draggable=true]{cursor:grab;user-select:none}[draggable=true]:active{cursor:grabbing}[draggable=true]:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}[data-dragging]{opacity:.4;transform:scale(.97);transition:opacity .15s ease,transform .15s ease}[data-drag-over]{outline:2px dashed var(--color-interactive);outline-offset:-2px;background:color-mix(in oklab,var(--color-interactive) 5%,transparent)}[data-drop-target]{position:relative}[data-drop-target=before]:before,[data-drop-target=after]:after{content:"";position:absolute;inset-inline:0;block-size:3px;background:var(--color-interactive);border-radius:2px;pointer-events:none;z-index:1}[data-drop-target=before]:before{inset-block-start:0}[data-drop-target=after]:after{inset-block-end:0}@keyframes vb-drop-flash{0%{box-shadow:0 0 0 3px var(--color-interactive)}to{box-shadow:0 0 0 0 transparent}}[data-just-dropped]{animation:vb-drop-flash .4s var(--motion-snappy, ease) forwards}[data-reorder-mode] [aria-grabbed=true]{outline:2px solid var(--color-interactive);outline-offset:2px;box-shadow:0 2px 8px #00000026}drag-surface[disabled] [draggable]{cursor:default;opacity:.7}drag-surface[data-drag-over]:not(:has([data-drop-target])):after{content:"";display:block;flex:1;min-block-size:3rem;border:2px dashed color-mix(in oklab,var(--color-interactive) 40%,transparent);border-radius:var(--radius-s, 4px);background:color-mix(in oklab,var(--color-interactive) 8%,transparent);pointer-events:none}@media(prefers-reduced-motion:reduce){[data-dragging]{transform:none;transition:none}[data-just-dropped]{animation:none}}}@layer native-elements{:lang(zh),:lang(ja),:lang(ko){font-family:var(--font-cjk);line-height:1.8;letter-spacing:0;word-break:break-all;overflow-wrap:normal}:lang(ja){font-feature-settings:"palt" 1}:lang(ar),:lang(fa),:lang(ur),:lang(ps){font-family:var(--font-arabic);line-height:1.9;letter-spacing:normal;word-spacing:.05em;text-align:start}:lang(he),:lang(yi){font-family:var(--font-hebrew);line-height:1.75;letter-spacing:normal}:lang(th){font-family:var(--font-thai);line-height:2;word-break:normal;overflow-wrap:break-word}:lang(hi),:lang(mr),:lang(sa),:lang(ne){font-family:var(--font-devanagari);line-height:1.75}:lang(ja) rt,:lang(zh) rt,:lang(ko) rt{font-family:var(--font-cjk)}:root[data-ruby=show] rt{visibility:visible;font-size:.5em;line-height:1}:root[data-ruby=hide] rt{visibility:hidden;font-size:0;line-height:0}:root[data-ruby=auto] rt{visibility:hidden;font-size:0;line-height:0}:root[data-ruby=auto]:lang(ja) rt,:root[data-ruby=auto]:lang(zh) rt,:root[data-ruby=auto]:lang(ko) rt,:root[data-ruby=auto] :lang(ja) rt,:root[data-ruby=auto] :lang(zh) rt,:root[data-ruby=auto] :lang(ko) rt{visibility:visible;font-size:.5em;line-height:1}q{quotes:"\201c" "\201d" "\2018" "\2019"}:lang(en-GB) q,:lang(en-AU) q,:lang(en-NZ) q{quotes:"\2018" "\2019" "\201c" "\201d"}:lang(de) q{quotes:"\201e" "\201c" "\201a" "\2018"}:lang(fr) q{quotes:"\ab\202f" "\202f\bb" "\2039\202f" "\202f\203a"}:lang(it) q,:lang(es) q,:lang(pt) q{quotes:"\ab" "\bb" "\201c" "\201d"}:lang(pl) q{quotes:"\ab" "\bb" "\201e" "\201c"}:lang(ja) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(zh) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(ko) q{quotes:"\201c" "\201d" "\2018" "\2019"}:lang(ru) q{quotes:"\ab" "\bb" "\201e" "\201c"}:lang(ar) q{quotes:"\ab" "\bb" "\2018" "\2019"}q:before{content:open-quote}q:after{content:close-quote}blockquote{hanging-punctuation:first last}code,kbd,samp,pre,var{translate:no}[dir=rtl]{unicode-bidi:embed}[dir=auto]{unicode-bidi:isolate}[data-numeric=tabular]{font-variant-numeric:tabular-nums}[data-numeric=proportional]{font-variant-numeric:proportional-nums}}@layer native-elements;@layer custom-elements{layout-stack{display:flex;flex-direction:column;gap:var(--_gap, var(--size-m));&[data-layout-gap=none]{--_gap: 0}&[data-layout-gap="3xs"]{--_gap: var(--size-3xs)}&[data-layout-gap="2xs"]{--_gap: var(--size-2xs)}&[data-layout-gap=xs]{--_gap: var(--size-xs)}&[data-layout-gap=s]{--_gap: var(--size-s)}&[data-layout-gap=m]{--_gap: var(--size-m)}&[data-layout-gap=l]{--_gap: var(--size-l)}&[data-layout-gap=xl]{--_gap: var(--size-xl)}&[data-layout-gap="2xl"]{--_gap: var(--size-2xl)}&[data-layout-gap="3xl"]{--_gap: var(--size-3xl)}&[data-layout-align=start]{align-items:flex-start}&[data-layout-align=center]{align-items:center}&[data-layout-align=end]{align-items:flex-end}&[data-layout-align=stretch]{align-items:stretch}}}@layer custom-elements{layout-card{display:block;padding:var(--_padding, var(--size-m));background:var(--color-surface);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);container-type:inline-size;&[data-variant=elevated]{box-shadow:var(--shadow-md)}&[data-variant=outlined]{box-shadow:none;border:var(--border-width-thin) solid var(--color-border)}&[data-variant=ghost]{box-shadow:none;background:transparent}&[data-padding=none]{--_padding: 0}&[data-padding=s]{--_padding: var(--size-s)}&[data-padding=m]{--_padding: var(--size-m)}&[data-padding=l]{--_padding: var(--size-l)}&[data-padding=xl]{--_padding: var(--size-xl)}&[data-max=narrow]{max-inline-size:var(--content-narrow, 45rem);inline-size:100%;align-self:center}&[data-max=content]{max-inline-size:var(--content-width, 65rem);inline-size:100%;align-self:center}&[data-max=wide]{max-inline-size:var(--content-wide, 90rem);inline-size:100%;align-self:center}layout-card{background:var(--color-surface-raised)}&:has(>:is(header,section,footer)){display:grid;grid-template:"header" auto "content" 1fr "footer" auto / 1fr;overflow:hidden;padding:0}}layout-card:has(>:is(header,section,footer)){>:is(header,[slot=header]){grid-area:header;padding:var(--size-m) var(--size-l);border-block-end:var(--border-width-thin) solid var(--color-border)}>:is(section,[slot=content]){grid-area:content;padding:var(--size-l)}>:is(footer,[slot=footer]){grid-area:footer;padding:var(--size-m) var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}>:not(:is(header,section,footer,[slot])){grid-area:content;padding:var(--size-l)}>:is(header,[slot=header])>:is(h1,h2,h3,h4,h5,h6){margin:0;font-size:var(--font-size-lg)}}layout-card:has(>:is(header,section,footer)){&[data-padding=none]{>:is(header,[slot=header]){padding:0;border:none}>:is(section,[slot=content]){padding:0}>:is(footer,[slot=footer]){padding:0;border:none}>:not(:is(header,section,footer,[slot])){padding:0}}&[data-padding=s]{>:is(header,[slot=header]){padding:var(--size-xs) var(--size-s)}>:is(section,[slot=content]){padding:var(--size-s)}>:is(footer,[slot=footer]){padding:var(--size-xs) var(--size-s)}>:not(:is(header,section,footer,[slot])){padding:var(--size-s)}}&[data-padding=l]{>:is(header,[slot=header]){padding:var(--size-l) var(--size-xl)}>:is(section,[slot=content]){padding:var(--size-xl)}>:is(footer,[slot=footer]){padding:var(--size-l) var(--size-xl)}>:not(:is(header,section,footer,[slot])){padding:var(--size-xl)}}&[data-padding=xl]{>:is(header,[slot=header]){padding:var(--size-xl) var(--size-2xl)}>:is(section,[slot=content]){padding:var(--size-2xl)}>:is(footer,[slot=footer]){padding:var(--size-xl) var(--size-2xl)}>:not(:is(header,section,footer,[slot])){padding:var(--size-2xl)}}}[data-layout-subgrid]>layout-card:has(>:is(header,section,footer)){grid-template-rows:subgrid}layout-card:has(>:is(header,section,footer)){@container (max-width: 300px){>:is(header,[slot=header]){padding:var(--size-s)}>:is(section,[slot=content]),>:not(:is(header,section,footer,[slot])){padding:var(--size-s)}>:is(footer,[slot=footer]){padding:var(--size-s);flex-direction:column}>:is(header,[slot=header])>:is(h1,h2,h3,h4,h5,h6){font-size:var(--font-size-md)}}}}@layer custom-elements{[data-layout=stack]{display:flex;flex-direction:column;gap:var(--_gap, var(--size-m))}[data-layout=stack][data-layout-gap=none]{--_gap: 0}[data-layout=stack][data-layout-gap="3xs"]{--_gap: var(--size-3xs)}[data-layout=stack][data-layout-gap="2xs"]{--_gap: var(--size-2xs)}[data-layout=stack][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=stack][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=stack][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=stack][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=stack][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=stack][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=stack][data-layout-gap="3xl"]{--_gap: var(--size-3xl)}[data-layout=stack][data-layout-align=start]{align-items:flex-start}[data-layout=stack][data-layout-align=center]{align-items:center}[data-layout=stack][data-layout-align=end]{align-items:flex-end}[data-layout=stack][data-layout-align=stretch]{align-items:stretch}[data-layout=cluster]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-s));align-items:var(--_align, center)}[data-layout=cluster][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=cluster][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=cluster][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=cluster][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=cluster][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=cluster][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=cluster][data-layout-justify=start]{justify-content:flex-start}[data-layout=cluster][data-layout-justify=end]{justify-content:flex-end}[data-layout=cluster][data-layout-justify=center]{justify-content:center}[data-layout=cluster][data-layout-justify=between]{justify-content:space-between}[data-layout=cluster][data-layout-align=start]{--_align: flex-start}[data-layout=cluster][data-layout-align=end]{--_align: flex-end}[data-layout=cluster][data-layout-align=center]{--_align: center}[data-layout=cluster][data-layout-align=stretch]{--_align: stretch}[data-layout=cluster][data-layout-align=baseline]{--_align: baseline}[data-layout=cluster][data-layout-nowrap]{flex-wrap:nowrap}[data-layout=cluster][data-layout-overlap]{flex-direction:row-reverse;justify-content:flex-end;gap:0}[data-layout=cluster][data-layout-overlap]>*{margin-inline-start:var(--_overlap, -.5rem);box-shadow:0 0 0 2px var(--color-surface)}[data-layout=cluster][data-layout-overlap]>:last-child{margin-inline-start:0}[data-layout=cluster][data-layout-overlap=xs]{--_overlap: -.25rem}[data-layout=cluster][data-layout-overlap=s]{--_overlap: -.5rem}[data-layout=cluster][data-layout-overlap=m]{--_overlap: -.75rem}[data-layout=cluster][data-layout-overlap=l]{--_overlap: -1rem}[data-layout=grid]{display:grid;gap:var(--_gap, var(--size-m));grid-template-columns:repeat(auto-fit,minmax(var(--_min, 15rem),1fr))}[data-layout=grid][data-layout-min="6rem"]{--_min: 6rem}[data-layout=grid][data-layout-min="8rem"]{--_min: 8rem}[data-layout=grid][data-layout-min="10rem"]{--_min: 10rem}[data-layout=grid][data-layout-min="12rem"]{--_min: 12rem}[data-layout=grid][data-layout-min="15rem"]{--_min: 15rem}[data-layout=grid][data-layout-min="18rem"]{--_min: 18rem}[data-layout=grid][data-layout-min="20rem"]{--_min: 20rem}[data-layout=grid][data-layout-min="25rem"]{--_min: 25rem}[data-layout=grid][data-layout-min="150px"]{--_min: 150px}[data-layout=grid][data-layout-min="200px"]{--_min: 200px}[data-layout=grid][data-layout-min="250px"]{--_min: 250px}[data-layout=grid][data-layout-min="280px"]{--_min: 280px}[data-layout=grid][data-layout-min="300px"]{--_min: 300px}[data-layout=grid][data-layout-min="400px"]{--_min: 400px}[data-layout=grid][data-layout-gap=none]{--_gap: 0}[data-layout=grid][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=grid][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=grid][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=grid][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=grid][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=grid][data-layout-subgrid]>*{display:grid;grid-row:span 3;grid-template-rows:subgrid}[data-layout=grid][data-layout-subgrid="2"]>*{display:grid;grid-row:span 2;grid-template-rows:subgrid}[data-layout=grid][data-layout-subgrid="4"]>*{display:grid;grid-row:span 4;grid-template-rows:subgrid}[data-layout=grid][data-layout-subgrid]>layout-card:has(>:is(header,section,footer)){grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){[data-layout=grid][data-layout-subgrid]>*{grid-row:auto}}[data-layout=center]{display:block;box-sizing:content-box;max-inline-size:var(--_max, var(--content-normal, 60rem));margin-inline:auto;padding-inline:var(--size-m)}[data-layout=center][data-layout-max=narrow]{--_max: var(--content-narrow, 45rem)}[data-layout=center][data-layout-max=normal]{--_max: var(--content-normal, 60rem)}[data-layout=center][data-layout-max=wide]{--_max: var(--content-wide, 80rem)}[data-layout=center][data-layout-max=prose]{--_max: 65ch}[data-layout=center][data-layout-intrinsic]{display:flex;flex-direction:column;align-items:center}[data-layout=center][data-layout-text]{text-align:center}[data-layout=center][data-layout-gutter=none]{padding-inline:0}[data-layout=center][data-layout-gutter=s]{padding-inline:var(--size-s)}[data-layout=center][data-layout-gutter=l]{padding-inline:var(--size-l)}[data-layout=center][data-layout-gap]{display:flex;flex-direction:column;inline-size:100%}[data-layout=center][data-layout-gap=none]{gap:0}[data-layout=center][data-layout-gap="3xs"]{gap:var(--size-3xs)}[data-layout=center][data-layout-gap="2xs"]{gap:var(--size-2xs)}[data-layout=center][data-layout-gap=xs]{gap:var(--size-xs)}[data-layout=center][data-layout-gap=s]{gap:var(--size-s)}[data-layout=center][data-layout-gap=m]{gap:var(--size-m)}[data-layout=center][data-layout-gap=l]{gap:var(--size-l)}[data-layout=center][data-layout-gap=xl]{gap:var(--size-xl)}[data-layout=center][data-layout-gap="2xl"]{gap:var(--size-2xl)}[data-layout=center][data-layout-gap="3xl"]{gap:var(--size-3xl)}[data-layout=page-stack]{display:flex;flex-direction:column;min-height:100dvh}[data-layout=page-stack]>main{flex:1}[data-layout=split]{display:grid;grid-template-columns:var(--_ratio, 1fr 1fr);gap:var(--_gap, var(--size-xl));align-items:center}[data-layout=split][data-layout-ratio="2:1"]{--_ratio: 2fr 1fr}[data-layout=split][data-layout-ratio="1:2"]{--_ratio: 1fr 2fr}[data-layout=split][data-layout-ratio="3:1"]{--_ratio: 3fr 1fr}[data-layout=split][data-layout-ratio="1:3"]{--_ratio: 1fr 3fr}[data-layout=split][data-layout-ratio=golden]{--_ratio: 1.618fr 1fr}[data-layout=split][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=split][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=split][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=split][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=split][data-layout-align=start]{align-items:start}[data-layout=split][data-layout-align=center]{align-items:center}[data-layout=split][data-layout-align=end]{align-items:end}[data-layout=split][data-layout-align=stretch]{align-items:stretch}[data-layout=split][data-layout-fill]{min-block-size:100dvh}[data-layout=split][data-layout-gap=none]{--_gap: 0}@media(width<48rem){[data-layout=split]:not([data-layout-nowrap]){grid-template-columns:1fr}}[data-layout=sidebar]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}[data-layout=sidebar]>nav,[data-layout=sidebar]>aside{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}[data-layout=sidebar]>main,[data-layout=sidebar]>article,[data-layout=sidebar]>section:not([data-layout]){flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}[data-layout=sidebar]:not(:has(>nav,>aside))>:first-child{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}[data-layout=sidebar]:not(:has(>nav,>aside))>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}[data-layout=sidebar][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=sidebar][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=sidebar][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=sidebar][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=sidebar][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=sidebar][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=sidebar][data-layout-side=end]>nav,[data-layout=sidebar][data-layout-side=end]>aside{order:1}[data-layout=sidebar][data-layout-side=end]:not(:has(>nav,>aside)){flex-direction:row-reverse}[data-layout=sidebar][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-layout=sidebar][data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}[data-layout=sidebar][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-layout=sidebar][data-layout-content-min="40"]{--_content-min: 40%}[data-layout=sidebar][data-layout-content-min="50"]{--_content-min: 50%}[data-layout=sidebar][data-layout-content-min="60"]{--_content-min: 60%}[data-layout=sidebar][data-layout-nowrap]{flex-wrap:nowrap}[data-layout=holy-grail]{display:grid;grid-template-areas:"header header header" "nav    main   aside" "footer footer footer";grid-template-columns:minmax(10rem,15rem) 1fr minmax(10rem,20rem);grid-template-rows:auto 1fr auto;min-height:100dvh}[data-layout=holy-grail]>header{grid-area:header}[data-layout=holy-grail]>nav{grid-area:nav}[data-layout=holy-grail]>main{grid-area:main}[data-layout=holy-grail]>aside{grid-area:aside}[data-layout=holy-grail]>footer{grid-area:footer}[data-layout=holy-grail]:not(:has(>aside)){grid-template-areas:"header header" "nav    main" "footer footer";grid-template-columns:minmax(10rem,15rem) 1fr}[data-layout=holy-grail]:not(:has(>nav)){grid-template-areas:"header header" "main   aside" "footer footer";grid-template-columns:1fr minmax(10rem,20rem)}[data-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}@media(width<60rem){[data-layout=holy-grail]{grid-template-areas:"header" "nav" "main" "aside" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto}[data-layout=holy-grail]:not(:has(>aside)){grid-template-areas:"header" "nav" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}[data-layout=holy-grail]:not(:has(>nav)){grid-template-areas:"header" "main" "aside" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}[data-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto}}[data-layout=dashboard]{display:grid;grid-template-areas:"header header" "nav    main";grid-template-columns:var(--_sidebar-width, 16rem) 1fr;grid-template-rows:auto 1fr;min-height:100dvh}[data-layout=dashboard]>header{grid-area:header;position:sticky;top:0;z-index:10}[data-layout=dashboard]>nav{grid-area:nav;align-self:start;position:sticky;top:0;max-height:100dvh;overflow-y:auto}[data-layout=dashboard]>main{grid-area:main}[data-layout=dashboard][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-layout=dashboard][data-layout-sidebar-width=normal]{--_sidebar-width: 16rem}[data-layout=dashboard][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-layout=dashboard][data-header-height="3rem"]{--_header-height: 3rem}[data-layout=dashboard][data-header-height="3.5rem"]{--_header-height: 3.5rem}[data-layout=dashboard][data-header-height="4rem"]{--_header-height: 4rem}@media(width<48rem){[data-layout=dashboard]{grid-template-areas:"header" "main";grid-template-columns:1fr}[data-layout=dashboard]>nav{position:fixed;inset-block-start:var(--_header-height, 3.5rem);inset-block-end:0;inset-inline-start:0;width:var(--_sidebar-width, 16rem);transform:translate(-100%);transition:transform .2s ease-out;background:var(--color-surface);z-index:20}[data-layout=dashboard][data-nav-open]>nav{transform:translate(0)}}[data-layout=cover]{display:flex;flex-direction:column;min-block-size:var(--_min-height, 100dvh);padding:var(--_padding, var(--size-m))}[data-layout=cover][data-layout-min="50vh"]{--_min-height: 50vh}[data-layout=cover][data-layout-min="75vh"]{--_min-height: 75vh}[data-layout=cover][data-layout-min="100vh"]{--_min-height: 100vh}[data-layout=cover][data-layout-min="100dvh"]{--_min-height: 100dvh}[data-layout=cover][data-layout-min="100svh"]{--_min-height: 100svh}[data-layout=cover][data-layout-min="60vh"]{--_min-height: 60vh}[data-layout=cover][data-layout-min="70vh"]{--_min-height: 70vh}[data-layout=cover][data-layout-min="80vh"]{--_min-height: 80vh}[data-layout=cover][data-layout-min=auto]{--_min-height: auto}[data-layout=cover][data-layout-padding=none]{--_padding: 0}[data-layout=cover][data-layout-padding=s]{--_padding: var(--size-s)}[data-layout=cover][data-layout-padding=m]{--_padding: var(--size-m)}[data-layout=cover][data-layout-padding=l]{--_padding: var(--size-l)}[data-layout=cover][data-layout-padding=xl]{--_padding: var(--size-xl)}[data-layout=cover][data-layout-gap=s]{gap:var(--size-s)}[data-layout=cover][data-layout-gap=m]{gap:var(--size-m)}[data-layout=cover][data-layout-gap=l]{gap:var(--size-l)}[data-layout=cover]>[data-layout-principal]{margin-block:auto}[data-layout=cover]>header,[data-layout=cover]>[data-layout-cover-top]{margin-block-end:auto}[data-layout=cover]>footer,[data-layout=cover]>[data-layout-cover-bottom]{margin-block-start:auto}[data-layout=cover]>:only-child{margin-block:auto}[data-layout=cover][data-layout-nospace]{padding:0}[data-layout=cover][data-layout-centered]{align-items:center;text-align:center}[data-layout=switcher]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}[data-layout=switcher]>*{flex-grow:1;flex-basis:calc((var(--_threshold, 30rem) - 100%) * 999)}[data-layout=switcher][data-layout-gap=none]{--_gap: 0}[data-layout=switcher][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=switcher][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=switcher][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=switcher][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=switcher][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=switcher][data-layout-threshold="20rem"]{--_threshold: 20rem}[data-layout=switcher][data-layout-threshold="25rem"]{--_threshold: 25rem}[data-layout=switcher][data-layout-threshold="30rem"]{--_threshold: 30rem}[data-layout=switcher][data-layout-threshold="35rem"]{--_threshold: 35rem}[data-layout=switcher][data-layout-threshold="40rem"]{--_threshold: 40rem}[data-layout=switcher][data-layout-threshold="45rem"]{--_threshold: 45rem}[data-layout=switcher][data-layout-limit="2"]>:nth-last-child(n+3),[data-layout=switcher][data-layout-limit="2"]>:nth-last-child(n+3)~*{flex-basis:100%}[data-layout=switcher][data-layout-limit="3"]>:nth-last-child(n+4),[data-layout=switcher][data-layout-limit="3"]>:nth-last-child(n+4)~*{flex-basis:100%}[data-layout=switcher][data-layout-limit="4"]>:nth-last-child(n+5),[data-layout=switcher][data-layout-limit="4"]>:nth-last-child(n+5)~*{flex-basis:100%}[data-layout=switcher][data-layout-reverse]{flex-direction:row-reverse}[data-layout=switcher][data-layout-reverse][data-layout-threshold]{flex-wrap:wrap-reverse}[data-layout=prose]{max-inline-size:65ch}[data-layout=prose][data-layout-max=narrow]{max-inline-size:45ch}[data-layout=prose][data-layout-max=normal]{max-inline-size:65ch}[data-layout=prose][data-layout-max=wide]{max-inline-size:80ch}[data-layout=prose][data-layout-centered]{margin-inline:auto}[data-layout=prose]>[data-bleed],article[data-measure]>[data-bleed]{max-inline-size:none;inline-size:100vw;margin-inline:calc(50% - 50vw)}article[data-measure]{max-inline-size:var(--measure-normal, 65ch);margin-inline:auto}article[data-measure=narrow]{max-inline-size:55ch}article[data-measure=wide]{max-inline-size:80ch}[data-layout=columns]{display:block;max-inline-size:var(--measure-normal, 65ch);margin-inline:auto;padding-inline:var(--size-m);line-height:var(--line-height-relaxed, 1.625);orphans:3;widows:3;--_column-width: var(--column-min-width, 38ch);--_column-gap: var(--column-gap, var(--size-2xl))}[data-layout=columns]>*+*{margin-block-start:var(--size-m)}[data-layout=columns]>*+h2{margin-block-start:var(--size-2xl)}[data-layout=columns]>*+h3{margin-block-start:var(--size-xl)}[data-layout=columns]>*+:is(h4,h5,h6){margin-block-start:var(--size-l)}[data-layout=columns]>:is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--size-s)}[data-layout=columns]>*+:is(figure,pre){margin-block-start:var(--size-l)}[data-layout=columns]>:is(figure,pre)+*{margin-block-start:var(--size-l)}[data-layout=columns][data-layout-measure=narrow]{max-inline-size:var(--measure-narrow, 45ch)}[data-layout=columns][data-layout-measure=wide]{max-inline-size:var(--measure-wide, 80ch)}[data-layout=columns][data-layout-align=justify]{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-justify:inter-word}@media(min-width:48rem){[data-layout=columns][data-layout-column-count=auto]{max-inline-size:none;columns:var(--_column-width);column-gap:var(--_column-gap);column-rule:var(--border-width-thin, 1px) solid var(--color-border)}}[data-layout=columns][data-layout-column-count="1"]{column-count:1;column-width:unset}[data-layout=columns][data-layout-column-count="2"]{max-inline-size:none;column-count:2;column-width:unset;column-gap:var(--_column-gap);column-rule:var(--border-width-thin, 1px) solid var(--color-border)}[data-layout=columns][data-layout-column-count="3"]{max-inline-size:none;column-count:3;column-width:unset;column-gap:var(--_column-gap);column-rule:var(--border-width-thin, 1px) solid var(--color-border)}[data-layout=columns] :is(article,section,header,footer,aside,nav,h1,h2,h3,h4,h5,h6,p,figure,pre,ul,ol,dl,details){border:none}[data-layout=columns] blockquote{border-block:none;border-inline-end:none}[data-layout=columns] :is(blockquote,figure,pre,table,details,ul,ol){break-inside:avoid}[data-layout=columns] :is(h2,h3,h4){break-after:avoid}:root{--_sidebar-width: var(--sidebar-width, 280px);--_sidebar-collapsed: var(--sidebar-collapsed, 64px);--tpl-stack: "body-header" auto "body-nav" auto "body-main" 1fr "body-footer" auto / 1fr;--tpl-sidebar-left: "body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr;--tpl-sidebar-right: "body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width);--tpl-holy-grail: "body-header body-header body-header" auto "body-nav    body-main   body-aside" 1fr "body-footer body-footer body-footer" auto / var(--_sidebar-width) 1fr var(--_sidebar-width);--tpl-app-shell: "body-nav body-header" auto "body-nav body-main" 1fr / auto 1fr;--tpl-dashboard: "body-header body-header" auto "body-nav    body-main" 1fr / auto 1fr;--tpl-article: "body-header" auto "body-main" 1fr "body-footer" auto / minmax(0, var(--content-normal, 65ch));--tpl-landing: "body-header" auto "body-nav" auto "hero" auto "body-main" auto "feature" auto "cta" auto "body-footer" auto / 1fr}[data-layout^=body-]>header,[data-layout^=body-]>.demo-header{grid-area:body-header}[data-layout^=body-]>nav,[data-layout^=body-]>.demo-nav{grid-area:body-nav}[data-layout^=body-]>main,[data-layout^=body-]>.demo-main{grid-area:body-main}[data-layout^=body-]>aside,[data-layout^=body-]>.demo-aside{grid-area:body-aside}[data-layout^=body-]>footer,[data-layout^=body-]>.demo-footer{grid-area:body-footer}[data-layout^=body-]>main,[data-layout^=body-]>.demo-main{container-name:region-main}[data-layout^=body-]>nav,[data-layout^=body-]>.demo-nav{container-name:region-nav}[data-layout^=body-]>aside,[data-layout^=body-]>.demo-aside{container-name:region-aside}[data-layout^=body-]>nav:nth-of-type(2){grid-area:body-nav-secondary}main[data-layout]>header{grid-area:main-header}main[data-layout]>nav{grid-area:main-nav}main[data-layout]>article{grid-area:main-article}main[data-layout]>section{grid-area:main-section}main[data-layout]>aside{grid-area:main-aside}main[data-layout]>footer{grid-area:main-footer}article[data-layout]>header{grid-area:article-header}article[data-layout]>nav{grid-area:article-nav}article[data-layout]>section{grid-area:article-content}article[data-layout]>aside{grid-area:article-aside}article[data-layout]>footer{grid-area:article-footer}[data-layout-area=hero]{grid-area:hero}[data-layout-area=sidebar]{grid-area:sidebar}[data-layout-area=content]{grid-area:content}[data-layout-area=feature]{grid-area:feature}[data-layout-area=cta]{grid-area:cta}[data-layout-area=banner]{grid-area:banner}[data-layout-area=toc]{grid-area:toc}[data-page-layout]{display:grid;min-height:100dvh;gap:var(--_layout-gap, var(--size-m))}[data-page-layout]>header{grid-area:body-header}[data-page-layout]>nav{grid-area:body-nav}[data-page-layout]>main{grid-area:body-main}[data-page-layout]>aside{grid-area:body-aside}[data-page-layout]>footer{grid-area:body-footer}[data-page-layout]>nav:nth-of-type(2){grid-area:body-nav-secondary}[data-page-layout]>nav.bottom{grid-area:auto}[data-page-layout]>main{container-name:region-main}[data-page-layout]>nav{container-name:region-nav}[data-page-layout]>aside{container-name:region-aside}[data-page-layout=stack]{grid-template:var(--tpl-stack)}[data-page-layout=sidebar-left]{grid-template:var(--tpl-sidebar-left)}[data-page-layout=sidebar-right]{grid-template:var(--tpl-sidebar-right)}[data-page-layout=holy-grail]{grid-template:var(--tpl-holy-grail)}[data-page-layout=app-shell]{grid-template:var(--tpl-app-shell);gap:0}[data-page-layout=dashboard]{grid-template:var(--tpl-dashboard);gap:0}[data-page-layout=article]{grid-template:var(--tpl-article);justify-content:center}[data-page-layout=landing]{grid-template:var(--tpl-landing)}[data-page-layout][data-layout-gap=none]{--_layout-gap: 0}[data-page-layout][data-layout-gap=xs]{--_layout-gap: var(--size-xs)}[data-page-layout][data-layout-gap=s]{--_layout-gap: var(--size-s)}[data-page-layout][data-layout-gap=m]{--_layout-gap: var(--size-m)}[data-page-layout][data-layout-gap=l]{--_layout-gap: var(--size-l)}[data-page-layout][data-layout-gap=xl]{--_layout-gap: var(--size-xl)}[data-page-layout][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-page-layout][data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}[data-page-layout][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-page-layout=sidebar-left]:not(:has(>nav)){grid-template-columns:1fr}[data-page-layout=sidebar-right]:not(:has(>aside)){grid-template-columns:1fr}[data-page-layout=holy-grail]:not(:has(>aside)){grid-template:"body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr}[data-page-layout=holy-grail]:not(:has(>nav)){grid-template:"body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width)}[data-page-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template:var(--tpl-stack)}[data-page-layout]>[data-layout-bleed]{grid-column:1 / -1}:root[data-sticky] [data-page-layout]>nav[data-layout-sticky],:root[data-sticky] [data-page-layout]>aside[data-layout-sticky]{position:sticky;top:calc(var(--sticky-offset, 0px) + var(--sticky-gap, 0px));align-self:start;max-height:calc(100dvh - var(--sticky-offset, 0px) - var(--sticky-gap, 0px));overflow-y:auto;overscroll-behavior:contain}:root[data-sticky] [data-page-layout]>header[data-layout-sticky]{position:sticky;top:0;z-index:var(--z-sticky, 100)}[data-page-layout][data-sidebar=collapsed]{--_sidebar-width: var(--_sidebar-collapsed)}[data-page-layout][data-sidebar=hidden]>nav{display:none}@media(width<48rem){[data-page-layout=sidebar-left]:not([data-layout-nowrap]),[data-page-layout=sidebar-right]:not([data-layout-nowrap]),[data-page-layout=holy-grail]:not([data-layout-nowrap]),[data-page-layout=dashboard]:not([data-layout-nowrap]){grid-template:var(--tpl-stack)}[data-page-layout=app-shell]:not([data-layout-nowrap]){grid-template:"body-header" auto "body-main" 1fr "body-nav" auto / 1fr}[data-page-layout=app-shell]:not([data-layout-nowrap])>nav{padding-block-end:var(--safe-bottom, 0px)}}@media(width>=87.5rem){body[data-page-layout=holy-grail],body[data-page-layout=dashboard]{max-width:87.5rem;margin-inline:auto}}@media print{[data-page-layout]{display:block}[data-page-layout]>nav,[data-page-layout]>aside{display:none}}[data-layout=regions]{display:grid;grid-template:"header" auto "content" 1fr "footer" auto / 1fr;gap:var(--_gap, 0)}[data-layout=regions]>:is(header,[slot=header]){grid-area:header}[data-layout=regions]>:is(section,[slot=content]){grid-area:content}[data-layout=regions]>:is(footer,[slot=footer]){grid-area:footer}[data-layout=regions]>:not(:is(header,section,footer,[slot])){grid-area:content}[data-layout=regions][data-layout-gap=none]{--_gap: 0}[data-layout=regions][data-layout-gap="3xs"]{--_gap: var(--size-3xs)}[data-layout=regions][data-layout-gap="2xs"]{--_gap: var(--size-2xs)}[data-layout=regions][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=regions][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=regions][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=regions][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=regions][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=regions][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=regions][data-layout-gap="3xl"]{--_gap: var(--size-3xl)}[data-layout=media]{display:grid;grid-template:"figure content" auto / auto 1fr;gap:var(--_gap, var(--size-m));align-items:start}[data-layout=media]>:is(figure,img,picture,video,[slot=figure]){grid-area:figure}[data-layout=media]>:not(:is(figure,img,picture,video,[slot=figure])){grid-area:content}[data-layout=media][data-layout-gap=none]{--_gap: 0}[data-layout=media][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=media][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=media][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=media][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=media][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=media][data-layout-reverse]{grid-template:"content figure" auto / 1fr auto}[data-layout=media][data-layout-align=start]{align-items:start}[data-layout=media][data-layout-align=center]{align-items:center}[data-layout=media][data-layout-align=end]{align-items:end}[data-layout=media][data-layout-align=stretch]{align-items:stretch}@container (width < 25rem){[data-layout=media],[data-layout=media][data-layout-reverse]{grid-template:"figure" auto "content" auto / 1fr}}main[data-layout=sidebar-left]{display:grid;grid-template:"main-nav main-article" 1fr / var(--_sidebar-width, 250px) 1fr;gap:var(--_gap, var(--size-m))}main[data-layout=sidebar-right]{display:grid;grid-template:"main-article main-aside" 1fr / 1fr var(--_sidebar-width, 250px);gap:var(--_gap, var(--size-m))}main[data-layout=sidebar-left]:not(:has(>nav)){grid-template-columns:1fr}main[data-layout=sidebar-right]:not(:has(>aside)){grid-template-columns:1fr}main[data-layout=sidebar-left]>nav{container-name:region-main-nav}main[data-layout=sidebar-left]>article{container-name:region-main-content}main[data-layout=sidebar-right]>article{container-name:region-main-content}main[data-layout=sidebar-right]>aside{container-name:region-main-aside}@media(width<48rem){main[data-layout=sidebar-left]:not([data-layout-nowrap]),main[data-layout=sidebar-right]:not([data-layout-nowrap]){grid-template:"main-article" 1fr "main-aside" auto "main-nav" auto / 1fr}}[data-layout^=body-]{display:grid;gap:var(--_layout-gap, var(--size-m))}body[data-layout^=body-]{min-height:100dvh}[data-layout=body-stack]{grid-template:var(--tpl-stack)}[data-layout=body-sidebar-left]{grid-template:var(--tpl-sidebar-left)}[data-layout=body-sidebar-right]{grid-template:var(--tpl-sidebar-right)}[data-layout=body-holy-grail]{grid-template:var(--tpl-holy-grail)}[data-layout=body-app-shell]{grid-template:var(--tpl-app-shell);gap:0}[data-layout=body-dashboard]{grid-template:var(--tpl-dashboard);gap:0}[data-layout=body-article]{grid-template:var(--tpl-article);justify-content:center}[data-layout=body-landing]{grid-template:var(--tpl-landing)}[data-layout^=body-][data-layout-gap=none]{--_layout-gap: 0}[data-layout^=body-][data-layout-gap=xs]{--_layout-gap: var(--size-xs)}[data-layout^=body-][data-layout-gap=s]{--_layout-gap: var(--size-s)}[data-layout^=body-][data-layout-gap=m]{--_layout-gap: var(--size-m)}[data-layout^=body-][data-layout-gap=l]{--_layout-gap: var(--size-l)}[data-layout^=body-][data-layout-gap=xl]{--_layout-gap: var(--size-xl)}[data-layout=body-sidebar-left]:not(:has(>nav)):not(:has(>.demo-nav)){grid-template-columns:1fr}[data-layout=body-sidebar-right]:not(:has(>aside)):not(:has(>.demo-aside)){grid-template-columns:1fr}[data-layout=body-holy-grail]:not(:has(>aside)):not(:has(>.demo-aside)){grid-template:"body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr}[data-layout=body-holy-grail]:not(:has(>nav)):not(:has(>.demo-nav)){grid-template:"body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width)}[data-layout=body-holy-grail]:not(:has(>nav)):not(:has(>.demo-nav)):not(:has(>aside)):not(:has(>.demo-aside)){grid-template:var(--tpl-stack)}main[data-layout^=body-]:has(>aside),[data-layout^=body-]>main:has(>aside){display:grid;grid-template-columns:1fr var(--_sidebar-width);gap:var(--size-m)}[data-layout^=body-]>[data-layout-bleed]{grid-column:1 / -1}:root[data-sticky] [data-layout^=body-]>nav[data-layout-sticky],:root[data-sticky] [data-layout^=body-]>aside[data-layout-sticky]{position:sticky;top:calc(var(--sticky-offset, 0px) + var(--sticky-gap, 0px));align-self:start;max-height:calc(100dvh - var(--sticky-offset, 0px) - var(--sticky-gap, 0px));overflow-y:auto;overscroll-behavior:contain}:root[data-sticky] [data-layout^=body-]>header[data-layout-sticky]{position:sticky;top:0;z-index:var(--z-sticky, 100)}[data-layout^=body-][data-sidebar=collapsed]{--_sidebar-width: var(--_sidebar-collapsed)}[data-layout^=body-][data-sidebar=hidden]>nav{display:none}[data-layout-order="-1"]{order:-1}[data-layout-order="1"]{order:1}[data-layout-order="99"]{order:99}@media(width<48rem){[data-layout=body-sidebar-left]:not([data-layout-nowrap]),[data-layout=body-sidebar-right]:not([data-layout-nowrap]),[data-layout=body-holy-grail]:not([data-layout-nowrap]),[data-layout=body-dashboard]:not([data-layout-nowrap]){grid-template:var(--tpl-stack)}[data-layout=body-app-shell]:not([data-layout-nowrap]){grid-template:"body-header" auto "body-main" 1fr "body-nav" auto / 1fr}[data-layout=body-app-shell]:not([data-layout-nowrap])>nav{padding-block-end:var(--safe-bottom, 0px)}main:has(>aside):not([data-layout-nowrap]){grid-template-columns:1fr}}@media(width>=87.5rem){body[data-layout=body-holy-grail],body[data-layout=body-dashboard]{max-width:87.5rem;margin-inline:auto}}@media print{[data-layout^=body-]{display:block}[data-layout^=body-]>nav,[data-layout^=body-]>aside{display:none}}main,article,section,aside:not(.float):not(.sidenote){container-type:inline-size}@container (width < 400px){[data-layout=grid]{grid-template-columns:1fr}}@container (width < 30rem){[data-layout=switcher]>*{flex-basis:100%}}[data-container]{container-type:inline-size}[data-container=card]{container-name:card}[data-container=panel]{container-name:panel}[data-container=media]{container-name:media}[data-layout-density=compact]{--size-3xs: 1px;--size-2xs: 2px;--size-xs: 4px;--size-s: 8px;--size-m: 12px;--size-l: 16px;--size-xl: 24px;--size-2xl: 32px;--size-3xl: 48px;--font-size-s: .75rem;--font-size-sm: .8125rem;line-height:1.4}[data-layout-density=spacious]{--size-3xs: 4px;--size-2xs: 8px;--size-xs: 12px;--size-s: 16px;--size-m: 24px;--size-l: 32px;--size-xl: 48px;--size-2xl: 64px;--size-3xl: 96px;line-height:1.8}@supports (animation-timeline: scroll()){@keyframes shrink-header{to{padding-block:var(--size-2xs);font-size:var(--font-size-sm);box-shadow:0 1px 3px #0000001a}}[data-page-layout]>header[data-layout-sticky][data-scroll-shrink],[data-layout^=body-]>header[data-layout-sticky][data-scroll-shrink]{animation:shrink-header linear both;animation-timeline:scroll();animation-range:0 200px}}@supports (animation-timeline: view()){@keyframes vb-fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes vb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vb-slide-left{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes vb-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-animate=fade-up]{animation:vb-fade-up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}[data-animate=fade-in]{animation:vb-fade-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}[data-animate=slide-left]{animation:vb-slide-left linear both;animation-timeline:view();animation-range:entry 0% entry 35%}[data-animate=scale-up]{animation:vb-scale-up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}@supports not (animation-timeline: view()){[data-animate]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){[data-animate]{animation:none!important;opacity:1;transform:none}}@container region-main (width < 40rem){[data-layout=sidebar]{flex-direction:column}}@container card (width < 200px){[data-layout=grid]{grid-template-columns:1fr}}@container (width < 30rem){[data-layout=prose]{max-inline-size:100%}}[data-canvas],layout-canvas{background:var(--canvas-bg, var(--color-surface));border-radius:var(--canvas-radius, var(--radius-l));box-shadow:var(--canvas-shadow, var(--shadow-lg));padding-inline:var(--canvas-padding-inline, var(--size-l));padding-block:var(--canvas-padding-block, var(--size-l));inline-size:100%;max-inline-size:var(--canvas-width, min(72rem, 100%));margin-inline:auto}[data-canvas=flush],layout-canvas[data-variant=flush]{border-radius:0;box-shadow:none}[data-canvas=elevated],layout-canvas[data-variant=elevated]{border-radius:var(--radius-xl, var(--radius-l));box-shadow:var(--shadow-xl, var(--shadow-lg))}[data-canvas][data-layout-max=narrow],layout-canvas[data-layout-max=narrow]{max-inline-size:var(--content-narrow, 45rem)}[data-canvas][data-layout-max=content],layout-canvas[data-layout-max=content]{max-inline-size:var(--content-normal, 60rem)}[data-canvas][data-layout-max=wide],layout-canvas[data-layout-max=wide]{max-inline-size:var(--content-wide, 80rem)}[data-canvas][data-layout-max=prose],layout-canvas[data-layout-max=prose]{max-inline-size:65ch}[data-canvas][data-layout-padding=none],layout-canvas[data-layout-padding=none]{padding:0}[data-canvas][data-layout-padding=s],layout-canvas[data-layout-padding=s]{padding-inline:var(--size-s);padding-block:var(--size-s)}[data-canvas][data-layout-padding=m],layout-canvas[data-layout-padding=m]{padding-inline:var(--size-m);padding-block:var(--size-m)}[data-canvas][data-layout-padding=l],layout-canvas[data-layout-padding=l]{padding-inline:var(--size-l);padding-block:var(--size-l)}[data-canvas][data-layout-padding=xl],layout-canvas[data-layout-padding=xl]{padding-inline:var(--size-xl);padding-block:var(--size-xl)}[data-canvas] [data-canvas],layout-canvas layout-canvas,[data-canvas] layout-canvas,layout-canvas [data-canvas]{background:var(--color-surface-raised, var(--color-surface))}[data-canvas][data-canvas-depth="1"]:not([data-canvas=flush]),layout-canvas[data-canvas-depth="1"]:not([data-variant=flush]){box-shadow:var(--canvas-shadow, var(--shadow-lg)),0 8px 0 -3px var(--canvas-bg, var(--color-surface, #fff)),0 10px 8px -3px #0000001f}[data-canvas][data-canvas-depth="2"]:not([data-canvas=flush]),layout-canvas[data-canvas-depth="2"]:not([data-variant=flush]){box-shadow:var(--canvas-shadow, var(--shadow-lg)),0 8px 0 -3px var(--canvas-bg, var(--color-surface, #fff)),0 10px 8px -3px #0000001f,0 16px 0 -6px var(--canvas-bg, var(--color-surface, #fff)),0 18px 8px -6px #0000000f}@media(max-width:640px){[data-canvas],layout-canvas{max-inline-size:none;border-radius:0;box-shadow:none;padding-inline:var(--size-m, 1rem)}}}@layer custom-elements{layout-grid{display:grid;gap:var(--_gap, var(--size-m));grid-template-columns:repeat(auto-fit,minmax(var(--_min, 15rem),1fr));&[data-layout-min="6rem"]{--_min: 6rem}&[data-layout-min="8rem"]{--_min: 8rem}&[data-layout-min="10rem"]{--_min: 10rem}&[data-layout-min="12rem"]{--_min: 12rem}&[data-layout-min="15rem"]{--_min: 15rem}&[data-layout-min="18rem"]{--_min: 18rem}&[data-layout-min="20rem"]{--_min: 20rem}&[data-layout-min="25rem"]{--_min: 25rem}&[data-layout-min="150px"]{--_min: 150px}&[data-layout-min="200px"]{--_min: 200px}&[data-layout-min="250px"]{--_min: 250px}&[data-layout-min="280px"]{--_min: 280px}&[data-layout-min="300px"]{--_min: 300px}&[data-layout-min="400px"]{--_min: 400px}&[data-layout-gap=none]{--_gap: 0}&[data-layout-gap=xs]{--_gap: var(--size-xs)}&[data-layout-gap=s]{--_gap: var(--size-s)}&[data-layout-gap=m]{--_gap: var(--size-m)}&[data-layout-gap=l]{--_gap: var(--size-l)}&[data-layout-gap=xl]{--_gap: var(--size-xl)}}}@layer custom-elements{layout-cluster{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-s));align-items:var(--_align, center)}layout-cluster[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-cluster[data-layout-gap=s]{--_gap: var(--size-s)}layout-cluster[data-layout-gap=m]{--_gap: var(--size-m)}layout-cluster[data-layout-gap=l]{--_gap: var(--size-l)}layout-cluster[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-cluster[data-layout-justify=start]{justify-content:flex-start}layout-cluster[data-layout-justify=end]{justify-content:flex-end}layout-cluster[data-layout-justify=center]{justify-content:center}layout-cluster[data-layout-justify=between]{justify-content:space-between}layout-cluster[data-layout-align=start]{--_align: flex-start}layout-cluster[data-layout-align=end]{--_align: flex-end}layout-cluster[data-layout-align=center]{--_align: center}layout-cluster[data-layout-align=stretch]{--_align: stretch}layout-cluster[data-layout-align=baseline]{--_align: baseline}layout-cluster[data-layout-nowrap]{flex-wrap:nowrap}layout-cluster[data-layout-overlap]{flex-direction:row-reverse;justify-content:flex-end;gap:0;>*{margin-inline-start:var(--_overlap, -.5rem);box-shadow:0 0 0 2px var(--color-surface)}>:last-child{margin-inline-start:0}}layout-cluster[data-layout-overlap=xs]{--_overlap: -.25rem}layout-cluster[data-layout-overlap=s]{--_overlap: -.5rem}layout-cluster[data-layout-overlap=m]{--_overlap: -.75rem}layout-cluster[data-layout-overlap=l]{--_overlap: -1rem}}@layer custom-elements{layout-text{display:block;max-inline-size:var(--measure-normal, 65ch)}layout-text>*+*{margin-block-start:var(--size-m)}layout-text>*+h2{margin-block-start:var(--size-2xl)}layout-text>*+h3{margin-block-start:var(--size-xl)}layout-text>*+:is(h4,h5,h6){margin-block-start:var(--size-l)}layout-text>:is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--size-s)}layout-text>:is(ul,ol)+:is(ul,ol){margin-block-start:var(--size-s)}layout-text>*+:is(figure,pre){margin-block-start:var(--size-l)}layout-text>:is(figure,pre)+*{margin-block-start:var(--size-l)}}@layer custom-elements{layout-center{display:block;box-sizing:content-box;max-inline-size:var(--_max, var(--content-normal, 60rem));margin-inline:auto;padding-inline:var(--size-m)}layout-center[data-layout-max=narrow]{--_max: var(--content-narrow, 45rem)}layout-center[data-layout-max=normal]{--_max: var(--content-normal, 60rem)}layout-center[data-layout-max=wide]{--_max: var(--content-wide, 80rem)}layout-center[data-layout-intrinsic]{display:flex;flex-direction:column;align-items:center}layout-center[data-layout-text]{text-align:center}layout-center[data-layout-gutter=none]{padding-inline:0}layout-center[data-layout-gutter=s]{padding-inline:var(--size-s)}layout-center[data-layout-gutter=l]{padding-inline:var(--size-l)}layout-center[data-layout-gap]{display:flex;flex-direction:column}layout-center[data-layout-gap=none]{gap:0}layout-center[data-layout-gap="3xs"]{gap:var(--size-3xs)}layout-center[data-layout-gap="2xs"]{gap:var(--size-2xs)}layout-center[data-layout-gap=xs]{gap:var(--size-xs)}layout-center[data-layout-gap=s]{gap:var(--size-s)}layout-center[data-layout-gap=m]{gap:var(--size-m)}layout-center[data-layout-gap=l]{gap:var(--size-l)}layout-center[data-layout-gap=xl]{gap:var(--size-xl)}layout-center[data-layout-gap="2xl"]{gap:var(--size-2xl)}layout-center[data-layout-gap="3xl"]{gap:var(--size-3xl)}}@layer custom-elements{layout-sidebar{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}layout-sidebar>:first-child{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}layout-sidebar>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}layout-sidebar[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-sidebar[data-layout-gap=s]{--_gap: var(--size-s)}layout-sidebar[data-layout-gap=m]{--_gap: var(--size-m)}layout-sidebar[data-layout-gap=l]{--_gap: var(--size-l)}layout-sidebar[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-sidebar[data-layout-side=end]{flex-direction:row-reverse}layout-sidebar[data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}layout-sidebar[data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}layout-sidebar[data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}layout-sidebar[data-layout-content-min="40"]{--_content-min: 40%}layout-sidebar[data-layout-content-min="50"]{--_content-min: 50%}layout-sidebar[data-layout-content-min="60"]{--_content-min: 60%}:root[data-sticky] layout-sidebar>:is(nav,aside)[data-layout-sticky]{position:sticky;top:calc(var(--sticky-offset, 0px) + var(--sticky-gap, 0px));align-self:start;max-height:calc(100dvh - var(--sticky-offset, 0px) - var(--sticky-gap, 0px));overflow-y:auto;overscroll-behavior:contain}layout-sidebar[data-layout-nowrap]{flex-wrap:nowrap}}@layer custom-elements{layout-cover{display:flex;flex-direction:column;min-block-size:var(--_min-height, 100vh);padding:var(--_padding, var(--size-m))}layout-cover[data-layout-min="50vh"]{--_min-height: 50vh}layout-cover[data-layout-min="75vh"]{--_min-height: 75vh}layout-cover[data-layout-min="100vh"]{--_min-height: 100vh}layout-cover[data-layout-min="100dvh"]{--_min-height: 100dvh}layout-cover[data-layout-min="100svh"]{--_min-height: 100svh}layout-cover[data-layout-min="60vh"]{--_min-height: 60vh}layout-cover[data-layout-min="70vh"]{--_min-height: 70vh}layout-cover[data-layout-min="80vh"]{--_min-height: 80vh}layout-cover[data-layout-min=auto]{--_min-height: auto}layout-cover[data-layout-padding=none]{--_padding: 0}layout-cover[data-layout-padding=s]{--_padding: var(--size-s)}layout-cover[data-layout-padding=m]{--_padding: var(--size-m)}layout-cover[data-layout-padding=l]{--_padding: var(--size-l)}layout-cover[data-layout-padding=xl]{--_padding: var(--size-xl)}layout-cover[data-layout-gap=s]{gap:var(--size-s)}layout-cover[data-layout-gap=m]{gap:var(--size-m)}layout-cover[data-layout-gap=l]{gap:var(--size-l)}layout-cover>[data-layout-principal]{margin-block:auto}layout-cover>header,layout-cover>[data-layout-cover-top]{margin-block-end:auto}layout-cover>footer,layout-cover>[data-layout-cover-bottom]{margin-block-start:auto}layout-cover[data-layout-nospace]{padding:0}layout-cover[data-layout-centered]{align-items:center;text-align:center}layout-cover[data-hero-overlay]{position:relative}layout-cover[data-hero-overlay]:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,oklch(0% 0 0 / .6));pointer-events:none;z-index:0}layout-cover[data-hero-overlay]>*{position:relative;z-index:1}}@layer custom-elements{layout-reel{display:flex;overflow-x:auto;overflow-y:hidden;gap:var(--_gap, var(--size-m));padding:var(--_padding, var(--size-s));scroll-snap-type:x mandatory;scroll-padding-inline:var(--_padding, var(--size-s));-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}}layout-reel[data-layout-scrollbar]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);&::-webkit-scrollbar{display:block;block-size:8px}&::-webkit-scrollbar-track{background:var(--scrollbar-track)}&::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}}layout-reel[data-layout-gap=none]{--_gap: 0}layout-reel[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-reel[data-layout-gap=s]{--_gap: var(--size-s)}layout-reel[data-layout-gap=m]{--_gap: var(--size-m)}layout-reel[data-layout-gap=l]{--_gap: var(--size-l)}layout-reel[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-reel[data-layout-padding=none]{--_padding: 0;scroll-padding-inline:0}layout-reel[data-layout-padding=s]{--_padding: var(--size-s);scroll-padding-inline:var(--size-s)}layout-reel[data-layout-padding=m]{--_padding: var(--size-m);scroll-padding-inline:var(--size-m)}layout-reel[data-layout-padding=l]{--_padding: var(--size-l);scroll-padding-inline:var(--size-l)}layout-reel>*{flex-shrink:0;scroll-snap-align:start}layout-reel>:is(main,article,section,aside){container-type:normal}layout-reel[data-layout-item-width=auto]>*{inline-size:auto}layout-reel[data-layout-item-width=s]>*{inline-size:15rem}layout-reel[data-layout-item-width=m]>*{inline-size:20rem}layout-reel[data-layout-item-width=l]>*{inline-size:25rem}layout-reel[data-layout-item-width=xl]>*{inline-size:30rem}layout-reel[data-layout-item-width=full]>*{inline-size:100%;scroll-snap-align:center}layout-reel[data-layout-align=start]{align-items:flex-start}layout-reel[data-layout-align=center]{align-items:center}layout-reel[data-layout-align=end]{align-items:flex-end}layout-reel[data-layout-align=stretch]{align-items:stretch}layout-reel[data-scroll-hint]{--_hint-size: var(--scroll-hint-size, 2rem);mask-image:linear-gradient(to right,transparent,black var(--_hint-size),black calc(100% - var(--_hint-size)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black var(--_hint-size),black calc(100% - var(--_hint-size)),transparent)}layout-reel[data-scroll-hint=start]{mask-image:linear-gradient(to right,black calc(100% - var(--_hint-size)),transparent);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--_hint-size)),transparent)}@media(prefers-reduced-motion:reduce){layout-reel{scroll-snap-type:none}}}@layer custom-elements{layout-switcher{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}layout-switcher>*{flex-grow:1;flex-basis:calc((var(--_threshold, 30rem) - 100%) * 999)}layout-switcher[data-layout-gap=none]{--_gap: 0}layout-switcher[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-switcher[data-layout-gap=s]{--_gap: var(--size-s)}layout-switcher[data-layout-gap=m]{--_gap: var(--size-m)}layout-switcher[data-layout-gap=l]{--_gap: var(--size-l)}layout-switcher[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-switcher[data-layout-threshold="20rem"]{--_threshold: 20rem}layout-switcher[data-layout-threshold="25rem"]{--_threshold: 25rem}layout-switcher[data-layout-threshold="30rem"]{--_threshold: 30rem}layout-switcher[data-layout-threshold="35rem"]{--_threshold: 35rem}layout-switcher[data-layout-threshold="40rem"]{--_threshold: 40rem}layout-switcher[data-layout-threshold="45rem"]{--_threshold: 45rem}layout-switcher[data-layout-limit="2"]>:nth-last-child(n+3),layout-switcher[data-layout-limit="2"]>:nth-last-child(n+3)~*{flex-basis:100%}layout-switcher[data-layout-limit="3"]>:nth-last-child(n+4),layout-switcher[data-layout-limit="3"]>:nth-last-child(n+4)~*{flex-basis:100%}layout-switcher[data-layout-limit="4"]>:nth-last-child(n+5),layout-switcher[data-layout-limit="4"]>:nth-last-child(n+5)~*{flex-basis:100%}layout-switcher[data-layout-reverse]{flex-direction:row-reverse}layout-switcher[data-layout-reverse][data-layout-threshold]{flex-wrap:wrap-reverse}}@layer custom-elements{layout-imposter{position:var(--_position, absolute);inset-block-start:var(--_inset-block, 50%);inset-inline-start:var(--_inset-inline, 50%);translate:var(--_translate, -50% -50%)}layout-imposter[data-layout-fixed]{--_position: fixed}layout-imposter[data-layout-margin=s]{--_margin: var(--size-s)}layout-imposter[data-layout-margin=m]{--_margin: var(--size-m)}layout-imposter[data-layout-margin=l]{--_margin: var(--size-l)}layout-imposter[data-layout-margin=xl]{--_margin: var(--size-xl)}layout-imposter[data-layout-position=center]{--_inset-block: 50%;--_inset-inline: 50%;--_translate: -50% -50%}layout-imposter[data-layout-position=top]{--_inset-block: var(--_margin, 0);--_inset-inline: 50%;--_translate: -50% 0}layout-imposter[data-layout-position=bottom]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: 50%;--_translate: -50% 0}layout-imposter[data-layout-position=start]{--_inset-block: 50%;--_inset-inline: var(--_margin, 0);--_translate: 0 -50%}layout-imposter[data-layout-position=end]{--_inset-block: 50%;--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 -50%}layout-imposter[data-layout-position=top-start]{--_inset-block: var(--_margin, 0);--_inset-inline: var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=top-end]{--_inset-block: var(--_margin, 0);--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=bottom-start]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=bottom-end]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-contain]{max-inline-size:calc(100vw - var(--_margin, 0) * 2);max-inline-size:calc(100dvw - var(--_margin, 0) * 2);max-block-size:calc(100vh - var(--_margin, 0) * 2);max-block-size:calc(100dvh - var(--_margin, 0) * 2);overflow:auto}}@layer custom-elements{token-swatch{display:flex;flex-direction:column;gap:var(--size-2xs);>:first-child,>[data-preview]{block-size:var(--_preview-size, 4rem);border-radius:var(--radius-m);border:var(--border-width-thin) solid var(--color-border)}>[data-name]{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted);word-break:break-all}>[data-value]{font-size:var(--font-size-xs);color:var(--color-text-muted)}&[data-size=s]{--_preview-size: 3rem}&[data-size=l]{--_preview-size: 5rem}}token-scale{display:grid;grid-template-columns:8rem 1fr 8rem;align-items:center;gap:var(--size-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-sm)}>[data-bar]{block-size:var(--size-m);background:var(--color-interactive);border-radius:var(--radius-s)}>[data-value]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:end}}token-preview{display:block;padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-end:var(--size-xs)}>[data-sample]{font-size:var(--font-size-xl)}&[data-layout=center]{text-align:center;>[data-sample]{font-size:var(--font-size-2xl);margin-block-end:var(--size-xs)}}}token-row{display:grid;grid-template-columns:10rem 1fr;align-items:baseline;gap:var(--size-m);padding-block:var(--size-xs);border-block-end:var(--border-width-thin) solid var(--color-border);&:last-child{border-block-end:none}>[data-meta]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}>[data-sample]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}token-animation{display:block;padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-block-end:var(--size-s)}>[data-track]{background:var(--color-border);border-radius:var(--radius-full);block-size:var(--size-xs);position:relative;>[data-dot]{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:var(--size-s);block-size:var(--size-s);background:var(--color-interactive);border-radius:var(--radius-full);animation:token-ease-demo 2s infinite}}@keyframes token-ease-demo{0%,to{inset-inline-start:0}50%{inset-inline-start:calc(100% - var(--size-s))}}}}@layer custom-elements{layout-badge{display:inline-flex;align-items:center;gap:var(--size-2xs);padding-inline:var(--_padding-x, var(--size-2xs));padding-block:var(--_padding-y, .125rem);font-size:var(--_font-size, var(--font-size-xs));font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);background:var(--_bg, var(--color-gray-200));color:var(--_color, var(--color-gray-700));white-space:nowrap;&[data-size=sm]{--_padding-x: .25rem;--_padding-y: .0625rem;--_font-size: .625rem}&[data-size=lg]{--_padding-x: var(--size-xs);--_padding-y: var(--size-3xs);--_font-size: var(--font-size-sm)}&[data-color=primary]{--_bg: var(--color-interactive);--_color: var(--color-text-on-interactive-auto, white)}&[data-color=success]{--_bg: var(--color-success);--_color: var(--color-text-on-success-auto, white)}&[data-color=warning]{--_bg: var(--color-warning);--_color: var(--color-text-on-warning-auto, var(--color-gray-900))}&[data-color=error]{--_bg: var(--color-error);--_color: var(--color-text-on-error-auto, white)}&[data-color=info]{--_bg: var(--color-info);--_color: var(--color-text-on-info-auto, white)}&[data-color=brand]{--_bg: var(--color-primary);--_color: var(--color-text-on-primary, white)}&[data-color=secondary]{--_bg: var(--color-secondary);--_color: var(--color-text-on-secondary-auto, white)}&[data-color=accent]{--_bg: var(--color-accent);--_color: var(--color-text-on-accent-auto, var(--color-gray-900))}&[data-variant=subtle]{--_bg: var(--color-gray-100);--_color: var(--color-gray-700);&[data-color=primary]{--_bg: oklch(95% .05 260);--_color: var(--color-interactive)}&[data-color=success]{--_bg: var(--color-success-subtle);--_color: var(--color-success)}&[data-color=warning]{--_bg: var(--color-warning-subtle);--_color: oklch(45% .15 70)}&[data-color=error]{--_bg: var(--color-error-subtle);--_color: var(--color-error)}&[data-color=info]{--_bg: var(--color-info-subtle);--_color: var(--color-info)}&[data-color=brand]{--_bg: var(--color-primary-subtle);--_color: var(--color-primary)}&[data-color=secondary]{--_bg: oklch(from var(--color-secondary) .95 .04 h);--_color: var(--color-secondary)}&[data-color=accent]{--_bg: oklch(from var(--color-accent) .95 .06 h);--_color: oklch(from var(--color-accent) .45 c h)}}&[data-variant=outlined]{--_bg: transparent;--_color: var(--color-gray-600);border:var(--border-width-thin) solid currentColor;&[data-color=primary]{--_color: var(--color-interactive)}&[data-color=success]{--_color: var(--color-success)}&[data-color=warning]{--_color: oklch(55% .18 70)}&[data-color=error]{--_color: var(--color-error)}&[data-color=info]{--_color: var(--color-info)}&[data-color=brand]{--_color: var(--color-primary)}&[data-color=secondary]{--_color: var(--color-secondary)}&[data-color=accent]{--_color: oklch(from var(--color-accent) .55 c h)}}&[data-shape=square]{border-radius:var(--radius-s)}}}@layer custom-elements{status-message{display:flex;gap:var(--size-s);padding:var(--size-m);border-radius:var(--radius-m);background:var(--_bg, var(--color-info-subtle));color:var(--_color, var(--color-info));border-inline-start:var(--border-width-thick) solid currentColor;>[data-icon]{flex-shrink:0;width:1.25em;height:1.25em}>[data-content]{flex:1;min-width:0}[data-title]{font-weight:var(--font-weight-semibold);margin-block-end:var(--size-2xs)}[data-description]{color:var(--color-text);font-size:var(--font-size-sm)}>[data-dismiss]{flex-shrink:0;margin-inline-start:auto;padding:var(--size-2xs);background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.7;&:hover{opacity:1}}&[data-variant=success]{--_bg: var(--color-success-subtle);--_color: var(--color-success)}&[data-variant=warning]{--_bg: var(--color-warning-subtle);--_color: var(--color-warning-text)}&[data-variant=error]{--_bg: var(--color-error-subtle);--_color: var(--color-error)}&[data-variant=info]{--_bg: var(--color-info-subtle);--_color: var(--color-info)}&[data-variant=neutral]{--_bg: var(--color-surface-alt);--_color: var(--color-text-muted)}&[data-filled]{background:var(--_color);color:#fff;border-inline-start:none;[data-description]{color:inherit;opacity:.9}&[data-variant=warning]{color:var(--color-text-on-warning-auto, var(--color-text))}&[data-variant=success]{color:var(--color-text-on-success-auto, white)}&[data-variant=error]{color:var(--color-text-on-error-auto, white)}&[data-variant=info]{color:var(--color-text-on-info-auto, white)}}@supports (color: contrast-color(red)){&[data-filled]{color:contrast-color(var(--_color, var(--color-info)))}&[data-filled][data-variant=warning],&[data-filled][data-variant=success],&[data-filled][data-variant=error],&[data-filled][data-variant=info]{color:contrast-color(var(--_color))}}&[data-compact]{padding:var(--size-s);gap:var(--size-xs)}}}@layer custom-elements{user-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_size, 3rem);height:var(--_size, 3rem);border-radius:var(--_radius, var(--radius-full));background:var(--color-gray-200);color:var(--color-gray-600);font-weight:var(--font-weight-medium);font-size:var(--_font-size, 1rem);flex-shrink:0;>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}>[data-fallback]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}>[data-status]{position:absolute;inset-block-end:0;inset-inline-end:0;width:25%;height:25%;min-width:.5rem;min-height:.5rem;border-radius:var(--radius-full);border:2px solid var(--color-surface);background:var(--color-gray-400);&[data-status=online]{background:var(--color-success)}&[data-status=offline]{background:var(--color-gray-400)}&[data-status=busy]{background:var(--color-error)}&[data-status=away]{background:var(--color-warning)}}&[data-size=xs]{--_size: 1.5rem;--_font-size: .5rem}&[data-size=sm]{--_size: 2rem;--_font-size: .75rem}&[data-size=md]{--_size: 3rem;--_font-size: 1rem}&[data-size=lg]{--_size: 4rem;--_font-size: 1.25rem}&[data-size=xl]{--_size: 6rem;--_font-size: 1.75rem}&[data-size="2xl"]{--_size: 8rem;--_font-size: 2.5rem}&[data-shape=square]{--_radius: var(--radius-m)}&[data-shape=rounded]{--_radius: var(--radius-l)}&[data-ring]{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-border)}}}@layer custom-elements{form-field{display:block}form-field:has(:required) label:after{content:" *";color:var(--color-error)}form-field output.hint{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-start:var(--size-xs);overflow:hidden;max-block-size:4lh;opacity:1;transition:max-block-size var(--duration-normal, .2s) var(--ease-default, ease),opacity var(--duration-normal, .2s) var(--ease-default, ease),margin var(--duration-normal, .2s) var(--ease-default, ease)}form-field output.error{display:block;font-size:var(--font-size-sm);color:var(--color-error);margin-block-start:var(--size-xs);overflow:hidden;max-block-size:0;opacity:0;transition:max-block-size var(--duration-normal, .2s) var(--ease-default, ease),opacity var(--duration-normal, .2s) var(--ease-default, ease),margin var(--duration-normal, .2s) var(--ease-default, ease)}@media(prefers-reduced-motion:reduce){form-field output.hint,form-field output.error{transition:none}}form-field:has(:user-valid:required),form-field[data-valid]{& input,textarea,select{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 5%,transparent)}& output.hint{max-block-size:0;opacity:0;margin-block-start:0}}form-field:has(:user-invalid){& input,textarea,select{border-color:var(--color-error)}& output.error{max-block-size:4lh;opacity:1}}form-field[data-invalid]{& input,textarea,select{border-color:var(--color-error)}& output.error{max-block-size:4lh;opacity:1}}form-field[data-valid]{& input,textarea,select{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 5%,transparent)}& output.hint{max-block-size:0;opacity:0;margin-block-start:0}}form-field[data-pending]{opacity:.7;pointer-events:none}form-field:not([data-no-icon]){position:relative}form-field:not([data-no-icon]):has(:user-valid:required) input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon]):has(:user-valid:required) textarea,form-field:not([data-no-icon]):has(:user-valid:required) select,form-field:not([data-no-icon])[data-valid] input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon])[data-valid] textarea,form-field:not([data-no-icon])[data-valid] select,form-field:not([data-no-icon]):has(:user-invalid) input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon]):has(:user-invalid) textarea,form-field:not([data-no-icon]):has(:user-invalid) select{padding-inline-end:2.5rem}form-field:not([data-no-icon]):has(:user-valid:required):after,form-field:not([data-no-icon])[data-valid]:after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;background:var(--color-success);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}form-field:not([data-no-icon]):has(:user-invalid):after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;background:var(--color-error);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}form-field:not([data-no-icon]):has(.password-wrapper):has(:user-valid:required):after,form-field:not([data-no-icon]):has(.password-wrapper)[data-valid]:after,form-field:not([data-no-icon]):has(.password-wrapper):has(:user-invalid):after{inset-inline-end:2.75rem}form-field:not([data-no-icon]):has(.password-wrapper):has(:user-valid) input,form-field:not([data-no-icon]):has(.password-wrapper):has(:user-invalid) input{padding-inline-end:5rem}form-field[data-type=checkbox],form-field[data-type=radio]{& label{display:flex;align-items:center;gap:var(--size-xs);cursor:pointer}& input{margin:0}}form-field .password-wrapper{position:relative;display:flex}form-field .password-wrapper input{inline-size:100%;padding-inline-end:2.75rem}form-field .password-toggle{position:absolute;inset-inline-end:0;inset-block:0;inline-size:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;transition:color var(--duration-fast) var(--ease-default)}form-field .password-toggle:hover{color:var(--color-text)}form-field .password-toggle:focus-visible{outline:2px solid var(--color-interactive);outline-offset:-2px;border-radius:var(--radius-s)}form-field .password-toggle svg{flex-shrink:0}form-field .otp-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-s)}form-field .otp-digit{inline-size:3rem;block-size:3.5rem;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono, monospace);border:2px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}form-field .otp-digit:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-interactive) 25%,transparent)}form-field .otp-digit:not(:placeholder-shown){border-color:var(--color-success)}form-field[data-enhanced=otp]:after{display:none}form-field .strength-meter{display:flex;align-items:center;gap:var(--size-xs);margin-block-start:var(--size-xs)}form-field .strength-meter meter{flex:1}form-field .strength-meter .strength-label{font-size:var(--font-size-sm);font-weight:500;min-inline-size:3.5em;text-align:end}form-field .strength-meter[data-level=weak] .strength-label{color:#cc272e}form-field .strength-meter[data-level=fair] .strength-label{color:oklch(75% .18 75)}form-field .strength-meter[data-level=good] .strength-label{color:#4aa651}form-field .strength-meter[data-level=strong] .strength-label{color:#189a30}form-field .strength-rules{list-style:none;padding:0;margin:var(--size-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}form-field .strength-rules li{padding-inline-start:1.5em;position:relative;line-height:1.6}form-field .strength-rules li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.3em;inline-size:1em;block-size:1em;background:var(--color-text-muted);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}form-field .strength-rules li[data-met]:before{background:var(--color-success, oklch(60% .18 145));mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}form-field .strength-rules li[data-met]{color:var(--color-success, oklch(60% .18 145))}form-field[data-state=validating] input,form-field[data-state=validating] textarea,form-field[data-state=validating] select{border-color:var(--color-warning, oklch(75% .15 80))}form-field:not([data-no-icon])[data-state=validating]:after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;border:2px solid var(--color-warning, oklch(75% .15 80));border-block-start-color:transparent;border-radius:50%;animation:vb-spin .6s linear infinite;pointer-events:none}@keyframes vb-spin{to{rotate:1turn}}output.error-summary{display:block;border:2px solid var(--color-error);border-radius:var(--radius-m);background:color-mix(in oklab,var(--color-error) 6%,transparent);overflow:hidden;max-block-size:0;opacity:0;padding:0 var(--size-m);margin-block-end:0;transition:max-block-size var(--duration-normal, .2s) var(--ease-default, ease),opacity var(--duration-normal, .2s) var(--ease-default, ease),padding var(--duration-normal, .2s) var(--ease-default, ease),margin var(--duration-normal, .2s) var(--ease-default, ease)}output.error-summary:not(:empty){max-block-size:50vh;opacity:1;padding:var(--size-m);margin-block-end:var(--size-l)}output.error-summary:focus{outline:3px solid var(--color-error);outline-offset:2px}@media(prefers-reduced-motion:reduce){output.error-summary{transition:none}}output.error-summary p{font-weight:var(--font-weight-medium, 500);margin:0 0 var(--size-xs)}output.error-summary ul{margin:0;padding-inline-start:var(--size-m)}output.error-summary a{color:var(--color-error)}form[data-validate=summary] form-field output.error{display:none}fieldset[data-invalid]{border-color:var(--color-error)}fieldset[data-invalid]>output{display:block;font-size:var(--font-size-sm);color:var(--color-error);margin-block-start:var(--size-xs)}[data-form-summary]{display:block;border:2px solid var(--color-error);border-radius:var(--radius-m);background:color-mix(in oklab,var(--color-error) 6%,transparent);overflow:hidden;max-block-size:0;opacity:0;padding:0 var(--size-m);margin-block-end:0;transition:max-block-size var(--duration-normal, .2s) var(--ease-default, ease),opacity var(--duration-normal, .2s) var(--ease-default, ease),padding var(--duration-normal, .2s) var(--ease-default, ease),margin var(--duration-normal, .2s) var(--ease-default, ease)}[data-form-summary][data-visible]{max-block-size:50vh;opacity:1;padding:var(--size-m);margin-block-end:var(--size-l)}[data-form-summary]:focus{outline:3px solid var(--color-error);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-form-summary]{transition:none}}[data-form-summary] h2{margin-block-start:0;color:var(--color-error)}[data-form-summary] a{color:var(--color-error)}form[data-submitting] [type=submit]{opacity:.7;cursor:wait}form[data-success]>:not([data-form-success]){display:none}form[data-success] [data-form-success]{display:block}form[data-error=network]:before{content:"Something went wrong. Please try again.";display:block;color:var(--color-error);padding:var(--size-s);border:1px solid var(--color-error);border-radius:var(--radius-s);margin-block-end:var(--size-m)}form-field[data-floating-label-ready]{position:relative}form-field[data-floating-label-ready]>label{position:absolute;z-index:1;inset-block-start:0;inset-inline-start:var(--input-padding-inline, var(--size-s));transform:translateY(calc(var(--input-height, 2.75rem) / 2 - .6em));transform-origin:left top;margin:0;padding-inline:2px;font-weight:400;color:var(--input-placeholder, var(--color-text-muted));pointer-events:none;transition:transform var(--duration-fast, .15s) var(--ease-default, ease),font-size var(--duration-fast, .15s) var(--ease-default, ease),color var(--duration-fast, .15s) var(--ease-default, ease)}form-field[data-floating-label-ready]:focus-within>label,form-field[data-floating-label-ready]:has(:is(input,textarea):not(:placeholder-shown))>label{transform:translateY(-.55em);font-size:var(--font-size-sm, .8rem);font-weight:500;color:var(--color-text);background:var(--input-bg, var(--color-surface))}form-field[data-floating-label-ready]:focus-within>label{color:var(--input-border-focus, var(--color-interactive))}form-field[data-floating-label-ready]:has(:required)>label:after{content:" *";color:var(--color-error)}form-field[data-floating-label-ready]>:is(input,textarea,select){padding-block-start:calc(var(--input-padding-inline, var(--size-s)) + .15rem)}form-field[data-floating-label-ready]:has(select)>label{transform:translateY(-.55em);font-size:var(--font-size-sm, .8rem);font-weight:500;color:var(--color-text);background:var(--input-bg, var(--color-surface))}@media(prefers-reduced-motion:reduce){form-field[data-floating-label-ready]>label{transition:none}}}@layer custom-elements{text-divider{display:flex;align-items:center;gap:var(--size-m);color:var(--color-text-muted);font-size:var(--font-size-sm);&:before,&:after{content:"";flex:1;block-size:1px;background:var(--color-border)}}}@layer custom-elements{brand-mark{display:inline-flex;align-items:center;gap:var(--size-s);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:inherit;text-decoration:none;letter-spacing:-.02em}brand-mark img{display:block;block-size:var(--brand-mark-height, 2rem);inline-size:auto}brand-mark[data-size=s]{font-size:var(--font-size-md);gap:var(--size-xs)}brand-mark[data-size=l]{font-size:var(--font-size-xl)}brand-mark[data-size=xl]{font-size:var(--font-size-2xl);gap:var(--size-m)}brand-mark[data-stack]{flex-direction:column;text-align:center;gap:var(--size-xs)}a:has(>brand-mark){text-decoration:none;color:inherit}a:has(>brand-mark):hover brand-mark,a:has(>brand-mark):focus-visible brand-mark{opacity:.8}}@layer custom-elements{loading-spinner{--_size: var(--spinner-size, 1.5em);--_width: var(--spinner-width, .2em);--_color: var(--spinner-color, currentColor);--_track: var(--spinner-track, oklch(from var(--_color) l c h / .2));--_speed: var(--spinner-speed, .7s);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);vertical-align:middle;flex-shrink:0}loading-spinner:after{content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%;border:var(--_width) solid var(--_track);border-block-start-color:var(--_color);animation:vb-spinner-rotate var(--_speed) linear infinite}loading-spinner[data-size=xs]{--_size: .75em;--_width: .1em}loading-spinner[data-size=s]{--_size: 1em;--_width: .15em}loading-spinner[data-size=m]{--_size: 1.5em;--_width: .2em}loading-spinner[data-size=l]{--_size: 2.5em;--_width: .25em}loading-spinner[data-size=xl]{--_size: 4em;--_width: .3em}loading-spinner[data-variant=primary]{--_color: var(--color-interactive, oklch(55% .2 260))}loading-spinner[data-variant=success]{--_color: var(--color-success, oklch(55% .18 145))}loading-spinner[data-variant=warning]{--_color: oklch(60% .18 70)}loading-spinner[data-variant=error]{--_color: var(--color-error, oklch(55% .2 25))}loading-spinner:not([aria-label]){role:status}loading-spinner[data-overlay]{position:absolute;inset:0;inline-size:auto;block-size:auto;background:oklch(from var(--color-surface, #fff) l c h / .7);z-index:10}@keyframes vb-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){loading-spinner:after{animation-duration:1.5s}}:root[data-motion-reduced] loading-spinner:after{animation-duration:1.5s}}@layer custom-elements{progress-ring{--_size: var(--progress-ring-size, 4em);--_width: var(--progress-ring-width, .35em);--_color: var(--progress-ring-color, var(--color-interactive, oklch(55% .2 260)));--_track: var(--progress-ring-track, oklch(from var(--_color) l c h / .15));--_progress: var(--progress, 0);display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_size);block-size:var(--_size);border-radius:50%;vertical-align:middle;flex-shrink:0;background:conic-gradient(var(--_color) calc(var(--_progress) * 1%),var(--_track) calc(var(--_progress) * 1%));mask:radial-gradient(circle,transparent calc(50% - var(--_width)),#000 calc(50% - var(--_width) + 1px));-webkit-mask:radial-gradient(circle,transparent calc(50% - var(--_width)),#000 calc(50% - var(--_width) + 1px))}progress-ring:before{content:"";position:absolute;inset:var(--_width);border-radius:50%}progress-ring>*{position:relative;z-index:1;font-size:calc(var(--_size) * .22);font-weight:600;font-variant-numeric:tabular-nums}progress-ring[data-size=xs]{--_size: 2em;--_width: .2em}progress-ring[data-size=s]{--_size: 3em;--_width: .25em}progress-ring[data-size=m]{--_size: 4em;--_width: .35em}progress-ring[data-size=l]{--_size: 6em;--_width: .45em}progress-ring[data-size=xl]{--_size: 8em;--_width: .55em}progress-ring[data-variant=success]{--_color: var(--color-success, oklch(55% .18 145))}progress-ring[data-variant=warning]{--_color: oklch(60% .18 70)}progress-ring[data-variant=error]{--_color: var(--color-error, oklch(55% .2 25))}progress-ring[data-indeterminate]{background:conic-gradient(var(--_color) 0deg,var(--_color) 90deg,var(--_track) 90deg,var(--_track) 360deg);animation:vb-progress-ring-spin 1s linear infinite}@keyframes vb-progress-ring-spin{to{transform:rotate(360deg)}}progress-ring:not([data-indeterminate]){transition:background .3s ease}@media(prefers-reduced-motion:reduce){progress-ring[data-indeterminate]{animation-duration:2s}}:root[data-motion-reduced] progress-ring[data-indeterminate]{animation-duration:2s}}@layer custom-elements{dl-item{display:block}dl-item>dd{margin-inline-start:0}dl.horizontal{display:flex;flex-direction:column;gap:0}dl.horizontal>dl-item{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:var(--size-m);align-items:baseline;padding-block:var(--size-s)}dl.stacked{display:flex;flex-direction:column;gap:var(--size-l)}dl.stacked>dl-item{display:flex;flex-direction:column;gap:var(--size-2xs)}dl.stacked dt{font-size:var(--font-size-sm);color:var(--color-text-muted)}dl.bordered>dl-item{padding-block:var(--size-s);border-block-end:var(--border-width-thin) solid var(--color-border)}dl.bordered>dl-item:last-child{border-block-end:none}dl.compact>dl-item{padding-block:var(--size-2xs);gap:var(--size-xs)}}@layer custom-elements{chat-thread{--chat-thread-gap: var(--size-m);--chat-thread-padding: var(--size-m);display:flex;flex-direction:column;gap:var(--chat-thread-gap);padding:var(--chat-thread-padding);overflow-y:auto;scroll-behavior:smooth;overflow-anchor:auto;flex:1 1 auto;min-height:0}}@layer custom-elements{chat-message{--chat-user-bg: var(--color-primary);--chat-user-color: var(--color-text-on-primary);--chat-agent-bg: var(--color-surface-sunken);--chat-agent-color: var(--color-text);--chat-bubble-radius: var(--radius-m);--chat-meta-size: var(--font-size-xs);--chat-meta-color: var(--color-text-muted);display:grid;grid-template-columns:auto 1fr;align-items:end;gap:var(--size-xs);max-width:80%;&:not(:has(>user-avatar)){grid-template-columns:1fr}&[data-from-label]:before{content:attr(data-from-label);grid-column:2;font-size:var(--chat-meta-size);color:var(--chat-meta-color);line-height:1;padding-inline-start:var(--size-2xs)}&[data-from-label]:not(:has(>user-avatar)):before{grid-column:1}&[data-role=user]{grid-template-columns:1fr auto;margin-inline-start:auto;&:not(:has(>user-avatar)){grid-template-columns:1fr}&:before{display:none}>chat-bubble{grid-column:1;grid-row:1;background:var(--chat-user-bg);color:var(--chat-user-color)}>user-avatar{grid-column:2;grid-row:1}}&[data-role=agent]{margin-inline-end:auto;>chat-bubble{background:var(--chat-agent-bg);color:var(--chat-agent-color)}}&[data-role=system]{grid-template-columns:1fr;max-width:100%;text-align:center;&:before{display:none}>chat-bubble{background:transparent;color:var(--chat-meta-color);font-size:var(--font-size-sm);border-radius:0;padding-block:var(--size-xs);padding-inline:var(--size-m)}}&[data-status=error]>chat-bubble{border:var(--border-width-thin) solid var(--color-error)}}}@layer custom-elements{chat-bubble{display:block;padding:var(--size-s) var(--size-m);border-radius:var(--chat-bubble-radius, var(--radius-m));line-height:var(--line-height-relaxed, 1.6);word-break:break-word;>p{margin:0;+p{margin-block-start:var(--size-xs)}}& code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:#00000014;padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s)}& pre{margin-block:var(--size-xs);padding:var(--size-s);border-radius:var(--radius-s);background:#0000000f;overflow-x:auto;& code{background:transparent;padding:0}}}chat-message[data-status=typing] chat-bubble{min-width:3.5rem;min-height:2rem;display:flex;align-items:center;&:after{content:"";display:inline-block;width:28px;height:8px;background:radial-gradient(circle,currentColor 2px,transparent 2px) 0px center / 8px 8px no-repeat,radial-gradient(circle,currentColor 2px,transparent 2px) 10px center / 8px 8px no-repeat,radial-gradient(circle,currentColor 2px,transparent 2px) 20px center / 8px 8px no-repeat;animation:vb-typing-dots 1.2s infinite ease-in-out;opacity:.6}}@keyframes vb-typing-dots{0%,to{opacity:.6;transform:translateY(0)}16%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){chat-message[data-status=typing] chat-bubble:after{animation:none;opacity:.4}}}@layer custom-elements{layout-canvas{display:block}}@layer custom-elements;@layer web-components{tab-set:not(:defined){display:block}tab-set{display:grid;grid-template-rows:auto 1fr;border-block-end:var(--border-width-thin) solid var(--color-border)}tab-set>details{display:contents}tab-set>details{border:none;border-radius:0}tab-set>details>summary{grid-row:1;padding:var(--size-s) var(--size-m);border:none;border-block-end:var(--border-width-medium) solid transparent;margin-block-end:calc(var(--border-width-thin) * -1);cursor:pointer;font:inherit;font-weight:500;color:var(--color-text-muted);white-space:nowrap;min-block-size:var(--size-touch-min);list-style:none;display:flex;align-items:center;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:after{display:none}&::-webkit-details-marker{display:none}&:hover{color:var(--color-text)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}}tab-set>details[open]>summary{color:var(--color-interactive);border-block-end-color:var(--color-interactive)}tab-set>details>:not(summary){grid-row:2;grid-column:1 / -1;padding:var(--size-m)}tab-set>details:not([open])>:not(summary){display:none}tab-set>details:first-of-type>summary{grid-column-start:1}@media(prefers-reduced-motion:reduce){tab-set>details>summary{transition:none}}::view-transition-old(*.vt-tabs){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-tabs){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-old(*.vt-tabs-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-new(*.vt-tabs-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-old(*.vt-tabs-slide){animation:vt-slide-out-right var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-new(*.vt-tabs-slide){animation:vt-slide-in-right var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-tabs-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-tabs-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-tabs),::view-transition-new(*.vt-tabs),::view-transition-old(*.vt-tabs-slide),::view-transition-new(*.vt-tabs-slide),::view-transition-old(*.vt-tabs-scale),::view-transition-new(*.vt-tabs-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-tabs),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs),:root[data-motion-reduced] ::view-transition-old(*.vt-tabs-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-tabs-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs-scale){animation-duration:.01ms!important}}@layer web-components{foot-notes:not(:defined){display:block}foot-note{&:before{content:" ("}&:after{content:")"}}foot-note[data-enhanced]{&:before,&:after{content:none}}foot-note[data-enhanced]>a{font-size:var(--font-size-xs);vertical-align:super;line-height:0;text-decoration:none;color:var(--color-interactive);&:hover{text-decoration:underline}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-s)}}foot-note[data-enhanced]:not([data-side])>:not(a){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@scope(foot-notes){.sidenote-number{font-weight:var(--font-weight-semibold)}}foot-notes[hidden]{display:none}foot-notes{display:block;margin-block-start:var(--size-2xl);padding-block-start:var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}foot-notes>ol{padding-inline-start:var(--size-l);margin:0}foot-notes>ol>li{margin-block-start:var(--size-s)}foot-notes>ol>li:first-child{margin-block-start:0}foot-notes [data-backref]{margin-inline-start:var(--size-xs);text-decoration:none;color:var(--color-interactive);&:hover{text-decoration:underline}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-s)}}foot-notes>ol>li:target{background:oklch(from var(--color-interactive) l c h / .1);margin-inline:calc(var(--size-s) * -1);padding-inline:var(--size-s);border-radius:var(--radius-s)}}@layer web-components{accordion-wc:not(:defined){display:block}accordion-wc{display:flex;flex-direction:column}accordion-wc>details{border:none;border-radius:0}accordion-wc>details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding:var(--size-m);font-weight:500;cursor:pointer;list-style:none;min-block-size:var(--size-touch-min);transition:background-color var(--duration-fast) var(--ease-default);&::-webkit-details-marker{display:none}&:hover{background-color:var(--color-hover-bg)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}}accordion-wc>details>summary:after{content:"";inline-size:.5em;block-size:.5em;flex-shrink:0;border-inline-end:var(--border-width-medium) solid currentColor;border-block-end:var(--border-width-medium) solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-default);background-color:transparent;mask-image:none}accordion-wc>details[open]>summary:after{transform:rotate(45deg)}accordion-wc[indicator=plus-minus]>details>summary:after{content:"+";font-size:1.25em;font-weight:300;line-height:1;border:none;transform:none;inline-size:auto;block-size:auto;background-color:transparent}accordion-wc[indicator=plus-minus]>details[open]>summary:after{content:"\2212";transform:none}accordion-wc[indicator=none]>details>summary:after{display:none}accordion-wc[indicator=custom]{--indicator-closed: "\25b8";--indicator-open: "\25be"}accordion-wc[indicator=custom]>details>summary:after{content:var(--indicator-closed);font-size:1em;line-height:1;border:none;transform:none;inline-size:auto;block-size:auto;background-color:transparent}accordion-wc[indicator=custom]>details[open]>summary:after{content:var(--indicator-open)}accordion-wc>details>:not(summary){padding:0 var(--size-m) var(--size-m)}accordion-wc[bordered]{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden}accordion-wc[bordered]>details{border-block-end:var(--border-width-thin) solid var(--color-border)}accordion-wc[bordered]>details:last-of-type{border-block-end:none}accordion-wc[flush]>details>summary{padding-inline:0}accordion-wc[flush]>details>:not(summary){padding-inline:0}accordion-wc[compact]>details>summary{padding:var(--size-s);min-block-size:auto}accordion-wc[compact]>details>:not(summary){padding:0 var(--size-s) var(--size-s)}accordion-wc>details>::details-content{block-size:0;overflow-y:clip;transition:block-size var(--duration-normal) var(--ease-default),content-visibility var(--duration-normal) allow-discrete}accordion-wc>details[open]>::details-content{block-size:auto}@media(prefers-reduced-motion:reduce){accordion-wc>details>summary:after,accordion-wc>details>summary:before{transition:none}}::view-transition-old(*.vt-accordion){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-accordion-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-accordion-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-accordion),::view-transition-new(*.vt-accordion),::view-transition-old(*.vt-accordion-slide),::view-transition-new(*.vt-accordion-slide),::view-transition-old(*.vt-accordion-scale),::view-transition-new(*.vt-accordion-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-accordion),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion),:root[data-motion-reduced] ::view-transition-old(*.vt-accordion-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-accordion-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion-scale){animation-duration:.01ms!important}}@layer web-components{toast-msg:not(:defined){display:none}toast-msg{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:var(--size-s);pointer-events:none;max-inline-size:min(24rem,calc(100vw - var(--size-l)));inset-block-start:var(--size-m);inset-inline-end:var(--size-m);align-items:flex-end;&[position=top-start]{inset-block-start:var(--size-m);inset-inline-start:var(--size-m);inset-inline-end:auto;align-items:flex-start}&[position=bottom-end]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-end:var(--size-m);align-items:flex-end;flex-direction:column-reverse}&[position=bottom-start]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-start:var(--size-m);inset-inline-end:auto;align-items:flex-start;flex-direction:column-reverse}&[position=top-center]{inset-block-start:var(--size-m);inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);align-items:center}&[position=bottom-center]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);align-items:center;flex-direction:column-reverse}}@scope(toast-msg){.toast{display:flex;align-items:flex-start;gap:var(--size-s);padding:var(--size-s) var(--size-m);background:var(--color-surface);border-radius:var(--radius-m);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;pointer-events:auto;min-inline-size:12rem;max-inline-size:100%;animation:toast-enter var(--motion-enter-duration) var(--ease-out) forwards;&[data-state=hiding]{animation:toast-exit var(--motion-exit-duration) var(--ease-out) forwards}}.icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1}.message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding-block:.125em}.action{flex-shrink:0;padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);font-weight:500;background:transparent;border:none;color:var(--color-interactive);cursor:pointer;border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-hover-bg)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}}.close{flex-shrink:0;display:flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;font-size:var(--font-size-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-hover-bg);color:var(--color-text)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}}.toast[data-variant=info]{border-inline-start:var(--border-width-thick) solid var(--color-interactive);>.icon{color:var(--color-interactive)}}.toast[data-variant=success]{border-inline-start:var(--border-width-thick) solid var(--color-success);>.icon{color:var(--color-success)}}.toast[data-variant=warning]{border-inline-start:var(--border-width-thick) solid var(--color-warning);>.icon{color:var(--color-warning)}}.toast[data-variant=error]{border-inline-start:var(--border-width-thick) solid var(--color-error);>.icon{color:var(--color-error)}}}@keyframes toast-enter{0%{opacity:0;transform:translateY(calc(var(--size-m) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--size-s) * -1))}}toast-msg[position=bottom-end]>.toast,toast-msg[position=bottom-start]>.toast,toast-msg[position=bottom-center]>.toast{animation-name:toast-enter-bottom}@keyframes toast-enter-bottom{0%{opacity:0;transform:translateY(var(--size-m))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){@scope(toast-msg){.toast{animation:none;opacity:1;&[data-state=hiding]{animation:none;opacity:0}}}}}@layer web-components{tool-tip:not(:defined){display:contents}tool-tip{display:inline-block;position:relative}tool-tip>.tooltip[data-anchor]{position:fixed;inset:auto}tool-tip>.tooltip[data-anchor]:not([data-tooltip-position]),tool-tip>.tooltip[data-anchor][data-tooltip-position=top]{bottom:anchor(top);left:anchor(center);translate:-50% calc(-1 * var(--size-xs))}tool-tip>.tooltip[data-anchor][data-tooltip-position=bottom]{top:anchor(bottom);left:anchor(center);translate:-50% var(--size-xs)}tool-tip>.tooltip[data-anchor][data-tooltip-position=left]{right:anchor(left);top:anchor(center);translate:calc(-1 * var(--size-xs)) -50%}tool-tip>.tooltip[data-anchor][data-tooltip-position=right]{left:anchor(right);top:anchor(center);translate:var(--size-xs) -50%}tool-tip>.tooltip[popover]:not([data-anchor]){position:fixed;inset:auto;justify-self:auto}tool-tip>.hover-card{border:none;padding:0;margin:0;overflow:visible;background:transparent;opacity:0;transform:translateY(.25rem);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}tool-tip>.hover-card>*{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);padding:var(--size-m);min-inline-size:16rem;max-inline-size:22rem}tool-tip>.hover-card:popover-open{opacity:1;transform:translateY(0)}tool-tip>.hover-card img{border-radius:50%;inline-size:3rem;block-size:3rem;object-fit:cover}tool-tip>.hover-card .text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(prefers-reduced-motion:reduce){tool-tip>.hover-card{transition:none;transform:none}}}@layer web-components{drop-down:not(:defined){display:inline-block}drop-down:not(:defined)>menu,drop-down:not(:defined)>ul[role=menu]{display:none}drop-down{display:inline-block;position:relative;&[open]>menu,&[open]>ul[role=menu]{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}}@scope(drop-down){menu,ul[role=menu]{position:absolute;top:var(--dropdown-top, 100%);left:var(--dropdown-left, 0);z-index:100;display:flex;flex-direction:column;margin:0;padding:var(--size-2xs) 0;list-style:none;min-inline-size:10rem;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);>li{margin:0;padding:0}& button,a{display:flex;align-items:center;justify-content:start;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-hover-bg);outline:none}&:disabled{color:var(--color-text-muted);cursor:not-allowed;&:hover{background:transparent}}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}}}[role=menuitem]{display:flex;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-hover-bg);outline:none}&[aria-disabled=true]{color:var(--color-text-muted);cursor:not-allowed}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}>svg,>icon-wc{flex-shrink:0;inline-size:1em;block-size:1em}}[role=separator]{block-size:1px;margin:var(--size-2xs) 0;background:var(--color-border)}}drop-down>[popover]{padding:var(--size-2xs) 0;margin:0;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);overflow:visible;position:fixed;inset:unset;top:var(--dropdown-top, 0);left:var(--dropdown-left, 0)}drop-down>[popover]:popover-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{drop-down>[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){@scope(drop-down){menu,ul[role=menu]{transition:none;transform:none}}drop-down>[popover]:popover-open{transition:none}}}@layer web-components{heading-links:not(:defined){display:block}heading-links{display:block;:is(h1,h2,h3,h4,h5,h6){position:relative;scroll-margin-top:var(--size-xl);&:hover .heading-anchor,&:focus-within .heading-anchor,&:focus .heading-anchor{opacity:1}}.heading-anchor{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:var(--size-xs);padding:var(--size-3xs);background:transparent;border-radius:var(--radius-s);color:var(--color-text-muted);text-decoration:none;opacity:0;vertical-align:middle;font-size:1rem;transition:opacity var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-interactive);background:var(--color-surface-raised)}&:focus-visible{opacity:1;outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}&.copied{color:var(--color-success)}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(prefers-reduced-motion:reduce){heading-links .heading-anchor{transition:none}}}@layer web-components{page-toc:not(:defined){display:block}page-toc{display:block}@scope(page-toc){.details{font-size:var(--font-size-sm);padding:var(--size-s)}.summary{display:block;padding:var(--size-s) var(--size-m);color:var(--color-text);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);cursor:pointer;list-style:none;background:var(--color-surface-raised);border-radius:var(--radius-m);&::-webkit-details-marker{display:none}&:after{display:none}&:before{content:"+";display:inline-flex;align-items:center;justify-content:center;inline-size:1.25em;block-size:1.25em;margin-inline-end:var(--size-xs);font-family:var(--font-mono);font-size:.85em;font-weight:700;line-height:1;color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default)}&:hover:before{background:var(--color-gray-300)}}.details[open]>.summary:before{content:"\2212"}.nav{padding:var(--size-s)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--size-3xs)}.item{margin:0;&[data-level="1"]{padding-inline-start:var(--size-m)}&[data-level="2"]{padding-inline-start:var(--size-xl)}}.link{display:block;padding:var(--size-2xs) var(--size-xs);color:var(--color-text-muted);text-decoration:none;border-inline-start:var(--border-width-medium) solid transparent;border-radius:0 var(--radius-s) var(--radius-s) 0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-hover-text);background:var(--color-hover-bg)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}&.active,&[aria-current=true]{color:var(--color-interactive);border-inline-start-color:var(--color-interactive);font-weight:500}}}@media(width>=64rem){:root[data-sticky] page-toc:not([orientation=horizontal]){position:sticky;inset-block-start:calc(var(--sticky-offset, var(--size-xl)) + var(--sticky-gap, 0px))}@scope(page-toc){.summary{display:block;margin-block-end:var(--size-m);padding:0;min-block-size:auto;background:transparent;cursor:default;&:before{content:"\2212"}}.nav{padding:0;padding-inline-start:var(--size-xs)}}}@media(width<64rem){page-toc{margin-block-end:var(--size-l)}@scope(page-toc){.details{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}.summary:hover{background:var(--color-gray-200)}.item[data-level="1"]:not(:has(.active)),.item[data-level="2"]:not(:has(.active)){display:none}.link{padding:var(--size-2xs) var(--size-s);border-inline-start:none;border-radius:var(--radius-s);&:hover{background:var(--color-gray-100)}&.active,&[aria-current=true]{color:var(--color-interactive);font-weight:500}}}}page-toc[orientation=horizontal]{background:var(--color-surface);border-block-end:var(--border-width-thin) solid var(--color-border)}:root[data-sticky] page-toc[orientation=horizontal]{position:sticky;inset-block-start:var(--sticky-offset, 0px);z-index:var(--z-sticky, 100)}@scope(page-toc[orientation=horizontal]){.details{padding:0}.summary{display:none}.details[open]>.summary{display:none}.nav{padding:var(--size-2xs) var(--size-s)}.list{flex-direction:row;gap:0;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.item{flex-shrink:0;&[data-level="1"],&[data-level="2"]{padding-inline-start:0}}.link{padding:var(--size-xs) var(--size-s);white-space:nowrap;border-inline-start:none;border-block-end:var(--border-width-medium) solid transparent;border-radius:0;&.active,&[aria-current=true]{border-block-end-color:var(--color-interactive);border-inline-start-color:transparent}}}@media(prefers-reduced-motion:reduce){@scope(page-toc){.link,.summary:before{transition:none}}}}@layer web-components{data-table:not(:defined){display:block}data-table [data-table-filter]{margin-block-end:var(--size-m)}data-table [data-filter-input]{inline-size:100%;max-inline-size:20rem;padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);&::placeholder{color:var(--color-text-muted)}&:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}&::-webkit-search-cancel-button{cursor:pointer}}data-table [data-pagination]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--size-2xs);margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}data-table [data-pagination] button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);padding:var(--size-2xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-strong)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px}&[data-current],&[aria-current=page]{background:var(--color-interactive);border-color:var(--color-interactive);color:var(--color-text-on-primary);font-weight:600;&:hover{background:var(--color-interactive-hover);border-color:var(--color-interactive-hover)}}&:disabled{opacity:.5;cursor:not-allowed}}data-table [data-pagination-prev],data-table [data-pagination-next]{padding-inline:var(--size-m)}data-table [data-pagination-ellipsis]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);color:var(--color-text-muted);font-size:var(--font-size-sm)}data-table:has([data-filter-input]:not(:placeholder-shown)) tbody:not(:has(tr:not([data-state-hidden]))):after{content:"No matching rows found";display:block;padding:var(--size-l);text-align:center;color:var(--color-text-muted);font-style:italic}[data-bulk-actions]{display:none}body:has(tr[data-state-selected]) [data-bulk-actions]{display:flex;gap:var(--size-m);align-items:center;padding:var(--size-s) var(--size-m);margin-block-end:var(--size-m);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}[data-bulk-actions] [data-selected-count]{font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media(prefers-reduced-motion:reduce){data-table [data-filter-input],data-table [data-pagination] button{transition:none}}}@layer web-components{site-search:not(:defined){display:block}site-search{display:inline-block;position:relative;&[open] .dialog{display:block}}@scope(site-search){.dialog{display:none;position:fixed;inset:0;z-index:9999}.backdrop{position:absolute;inset:0;background:#00000080;animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}.panel{position:absolute;inset-block-start:10vh;inset-inline:50%;transform:translate(-50%);inline-size:min(90vw,600px);max-block-size:70vh;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-xl);overflow:hidden;animation:slide-in var(--motion-enter-duration) var(--ease-out)}.input-wrapper{display:flex;align-items:center;gap:var(--size-s);padding:var(--size-m) var(--size-l);border-block-end:var(--border-width-thin) solid var(--color-border)}.icon{flex-shrink:0;color:var(--color-text-muted)}.input{flex:1;border:none;background:transparent;font-size:var(--font-size-lg);color:var(--color-text);outline:none;&::placeholder{color:var(--color-text-muted)}&::-webkit-search-cancel-button{display:none}}.shortcut{flex-shrink:0;padding:var(--size-3xs) var(--size-xs);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.results{flex:1;overflow-y:auto;padding:var(--size-xs)}.result{display:block;padding:var(--size-s) var(--size-m);border-radius:var(--radius-s);text-decoration:none;color:inherit;cursor:pointer;&:hover,&[data-active]{background:var(--color-surface-raised)}&[data-active]{outline:2px solid var(--color-interactive);outline-offset:-2px}}.result-title{display:block;font-weight:600;color:var(--color-text);margin-block-end:var(--size-3xs)}.result-excerpt{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4;& mark{background:oklch(from var(--color-warning) l c h / .3);color:inherit;border-radius:2px;padding-inline:1px}}.loading,.empty,.error{padding:var(--size-xl);text-align:center;color:var(--color-text-muted)}.error{color:var(--color-error);& code{display:inline-block;margin-block-start:var(--size-xs);padding:var(--size-2xs) var(--size-xs);background:var(--color-surface-raised);border-radius:var(--radius-s);font-size:var(--font-size-sm);color:var(--color-text)}}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--size-m);padding:var(--size-s) var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);background:var(--color-surface-raised);font-size:var(--font-size-xs);color:var(--color-text-muted)}.hint{display:flex;gap:var(--size-xs);& kbd{padding:var(--size-3xs) var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:inherit}}.powered{& a{color:inherit;text-decoration:underline;text-underline-offset:2px;&:hover{color:var(--color-text)}}}}@keyframes slide-in{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){@scope(site-search){.backdrop,.panel{animation:none}}}@media(width<37.5rem){@scope(site-search){.panel{inset-block-start:0;inset-inline:0;transform:none;inline-size:100%;max-block-size:100vh;border-radius:0;animation:vb-slide-down var(--motion-enter-duration) var(--ease-out)}.footer{flex-direction:column;gap:var(--size-xs)}}}}@layer web-components{card-list:not(:defined){display:block}card-list{display:block}card-list[data-loading]{opacity:.6;pointer-events:none}card-list[data-loading]:after{content:"Loading...";display:block;padding:var(--size-m);text-align:center;color:var(--color-text-muted);font-style:italic}card-list[data-error]:before{content:"Error: " attr(data-error);display:block;padding:var(--size-m);color:#cc272e;background:#fceae8;border-radius:var(--radius-m);margin-block-end:var(--size-m)}card-list>template{display:none}card-list[data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-l)}card-list[data-layout=stack]{display:flex;flex-direction:column;gap:var(--size-m)}card-list[data-layout=reel]{display:flex;gap:var(--size-m);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--size-s)}card-list[data-layout=reel]>:not(template){flex:0 0 auto;scroll-snap-align:start}}@layer web-components{content-swap,[data-swap]{--_swap-duration: var(--motion-enter-duration, .3s);--_swap-easing: var(--ease-default, ease);display:grid}content-swap[role=button],[data-swap][role=button]{cursor:pointer}content-swap,content-swap[transition=flip],[data-swap],[data-swap][data-transition=flip]{perspective:800px}content-swap>[data-face],content-swap[transition=flip]>[data-face],[data-swap]>[data-face],[data-swap][data-transition=flip]>[data-face]{grid-area:1 / 1;backface-visibility:hidden;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap>[data-face=back],content-swap[transition=flip]>[data-face=back],[data-swap]>[data-face=back],[data-swap][data-transition=flip]>[data-face=back]{transform:rotateY(180deg)}content-swap[swapped]>[data-face=front],content-swap[transition=flip][swapped]>[data-face=front],[data-swap][data-swapped]>[data-face=front],[data-swap][data-transition=flip][data-swapped]>[data-face=front]{transform:rotateY(180deg)}content-swap[swapped]>[data-face=back],content-swap[transition=flip][swapped]>[data-face=back],[data-swap][data-swapped]>[data-face=back],[data-swap][data-transition=flip][data-swapped]>[data-face=back]{transform:rotateY(0)}content-swap[transition=flip-vertical],[data-swap][data-transition=flip-vertical]{perspective:800px}content-swap[transition=flip-vertical]>[data-face],[data-swap][data-transition=flip-vertical]>[data-face]{grid-area:1 / 1;backface-visibility:hidden;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[transition=flip-vertical]>[data-face=back],[data-swap][data-transition=flip-vertical]>[data-face=back]{transform:rotateX(180deg)}content-swap[transition=flip-vertical][swapped]>[data-face=front],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=front]{transform:rotateX(180deg)}content-swap[transition=flip-vertical][swapped]>[data-face=back],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=back]{transform:rotateX(0)}content-swap[transition=fade],[data-swap][data-transition=fade]{perspective:none}content-swap[transition=fade]>[data-face],[data-swap][data-transition=fade]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:opacity var(--_swap-duration) var(--_swap-easing)}content-swap[transition=fade]>[data-face=back],[data-swap][data-transition=fade]>[data-face=back]{opacity:0}content-swap[transition=fade][swapped]>[data-face=front],[data-swap][data-transition=fade][data-swapped]>[data-face=front]{opacity:0}content-swap[transition=fade][swapped]>[data-face=back],[data-swap][data-transition=fade][data-swapped]>[data-face=back]{opacity:1}content-swap[transition=slide-left],[data-swap][data-transition=slide-left]{perspective:none;overflow:hidden}content-swap[transition=slide-left]>[data-face],[data-swap][data-transition=slide-left]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[transition=slide-left]>[data-face=back],[data-swap][data-transition=slide-left]>[data-face=back]{transform:translate(100%)}content-swap[transition=slide-left][swapped]>[data-face=front],[data-swap][data-transition=slide-left][data-swapped]>[data-face=front]{transform:translate(-100%)}content-swap[transition=slide-left][swapped]>[data-face=back],[data-swap][data-transition=slide-left][data-swapped]>[data-face=back]{transform:translate(0)}content-swap[transition=slide-up],[data-swap][data-transition=slide-up]{perspective:none;overflow:hidden}content-swap[transition=slide-up]>[data-face],[data-swap][data-transition=slide-up]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[transition=slide-up]>[data-face=back],[data-swap][data-transition=slide-up]>[data-face=back]{transform:translateY(100%)}content-swap[transition=slide-up][swapped]>[data-face=front],[data-swap][data-transition=slide-up][data-swapped]>[data-face=front]{transform:translateY(-100%)}content-swap[transition=slide-up][swapped]>[data-face=back],[data-swap][data-transition=slide-up][data-swapped]>[data-face=back]{transform:translateY(0)}content-swap[transition=scale],[data-swap][data-transition=scale]{perspective:none}content-swap[transition=scale]>[data-face],[data-swap][data-transition=scale]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:opacity var(--_swap-duration) var(--_swap-easing),transform var(--_swap-duration) var(--_swap-easing)}content-swap[transition=scale]>[data-face=back],[data-swap][data-transition=scale]>[data-face=back]{opacity:0;transform:scale(.85)}content-swap[transition=scale][swapped]>[data-face=front],[data-swap][data-transition=scale][data-swapped]>[data-face=front]{opacity:0;transform:scale(.85)}content-swap[transition=scale][swapped]>[data-face=back],[data-swap][data-transition=scale][data-swapped]>[data-face=back]{opacity:1;transform:scale(1)}content-swap[card],[data-swap-autocard] content-swap:not(:has(>layout-card)),[data-swap-autocard] [data-swap]:not(:has(>layout-card)){background:var(--color-surface);border-radius:var(--radius-l);box-shadow:0 1px 3px #0000001a;overflow:hidden}content-swap[card]>[data-face],[data-swap-autocard] content-swap:not(:has(>layout-card))>[data-face],[data-swap-autocard] [data-swap]:not(:has(>layout-card))>[data-face]{padding:var(--size-l)}content-swap[card][data-variant=elevated],[data-swap-autocard] content-swap[data-variant=elevated]:not(:has(>layout-card)){box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d}content-swap[card][data-variant=outlined],[data-swap-autocard] content-swap[data-variant=outlined]:not(:has(>layout-card)){box-shadow:none;border:var(--border-width-thin) solid var(--color-border)}content-swap[card][data-variant=ghost],[data-swap-autocard] content-swap[data-variant=ghost]:not(:has(>layout-card)){box-shadow:none;background:transparent}content-swap:not(:defined)>[data-face],[data-swap]:not([data-swap-init])>[data-face]{backface-visibility:visible;transform:none;opacity:1}content-swap:not(:defined)>[data-face=back],[data-swap]:not([data-swap-init])>[data-face=back]{margin-block-start:var(--size-m)}::view-transition-old(content-swap-*),::view-transition-new(content-swap-*){animation-duration:var(--motion-enter-duration, .3s);animation-timing-function:var(--ease-default, ease)}::view-transition-old(content-swap-*){animation-name:vt-swap-out}::view-transition-new(content-swap-*){animation-name:vt-swap-in}@keyframes vt-swap-out{to{opacity:0}}@keyframes vt-swap-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){content-swap,[data-swap]{--_swap-duration: 0s}}:root[data-motion-reduced] content-swap,:root[data-motion-reduced] [data-swap]{--_swap-duration: 0s}}@layer web-components{compare-surface:not(:defined){display:grid;grid-template-columns:1fr 1fr;gap:var(--size-s)}compare-surface:not(:defined)>*{display:block;inline-size:100%}compare-surface:defined{display:grid;position:relative;overflow:hidden}compare-surface:defined>:not(.comparison-divider){grid-area:1 / 1;display:block;inline-size:100%}compare-surface:defined>:not(.comparison-divider):nth-child(2){clip-path:inset(0 0 0 var(--_position, 50%))}@scope(compare-surface){.comparison-divider{grid-area:1 / 1;position:absolute;inset-block:0;inset-inline-start:50%;inline-size:3px;margin-inline-start:-1.5px;background:#fff;cursor:col-resize;touch-action:none;z-index:1;box-shadow:0 0 4px #0000004d}.comparison-divider:after{content:"\2b0c";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:40px;block-size:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;border:2px solid oklch(0% 0 0 / .15);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#484848}.comparison-divider:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}}}@layer web-components{split-surface:not(:defined){display:flex;gap:var(--size-s)}split-surface:not(:defined)>*{flex:1;min-inline-size:0}split-surface:not(:defined)[direction=vertical]{flex-direction:column}split-surface:defined{display:flex;min-block-size:0}split-surface:defined[direction=vertical]{flex-direction:column}split-surface:defined>:not(.split-divider){min-inline-size:0;min-block-size:0}.split-divider{flex:0 0 auto;inline-size:5px;background:var(--color-border, oklch(80% 0 0));cursor:col-resize;touch-action:none;position:relative;z-index:1;transition:background .15s ease}.split-divider:hover,.split-divider:active{background:var(--color-interactive, oklch(55% .15 250))}[direction=vertical]>.split-divider,[data-splitter=vertical]>.split-divider{inline-size:auto;block-size:5px;cursor:row-resize}.split-divider:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:4px;block-size:24px;border-radius:2px;background:var(--color-text-muted, oklch(60% 0 0));opacity:.5;transition:opacity .15s ease}.split-divider:hover:after{opacity:.8}[direction=vertical]>.split-divider:after,[data-splitter=vertical]>.split-divider:after{inline-size:24px;block-size:4px}.split-divider:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:-1px}@media(prefers-reduced-motion:reduce){.split-divider{transition-duration:0s}}[data-splitter-init]{flex-wrap:nowrap}[data-splitter-init]>main,[data-splitter-init]>article,[data-splitter-init]>section:not([data-layout]){min-inline-size:0}}@layer web-components{carousel-wc:not(:defined){display:flex;overflow-x:auto;gap:var(--size-s);scroll-snap-type:x mandatory}carousel-wc:not(:defined)>*{flex:0 0 auto;scroll-snap-align:start}carousel-wc:defined{display:grid;grid-template-areas:"prev track next" ".    dots  .";grid-template-columns:auto 1fr auto;align-items:center;gap:var(--size-s);position:relative}carousel-wc[gap=xs]{--_gap: var(--size-xs)}carousel-wc[gap=s]{--_gap: var(--size-s)}carousel-wc[gap=m]{--_gap: var(--size-m)}carousel-wc[gap=l]{--_gap: var(--size-l)}carousel-wc[gap=xl]{--_gap: var(--size-xl)}@scope(carousel-wc){.carousel-track{grid-area:track;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:var(--_gap, 0px)}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px;border-radius:var(--radius-s)}.carousel-track>*{flex:0 0 100%;scroll-snap-align:start;min-inline-size:0}:scope[item-width=auto] .carousel-track>*{flex:0 0 auto}:scope:not([item-width]) .carousel-track>*,:scope[item-width=full] .carousel-track>*{scroll-snap-align:center}.carousel-prev,.carousel-next{grid-area:auto;display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;min-block-size:0;min-inline-size:0;padding:0;border-radius:var(--radius-full, 50%);border:var(--border-width-thin) solid var(--color-border);background:var(--color-surface, #fff);color:var(--color-text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.carousel-prev{grid-area:prev}.carousel-next{grid-area:next}.carousel-prev:hover:not(:disabled),.carousel-next:hover:not(:disabled){border-color:var(--color-interactive, oklch(55% .15 250));box-shadow:0 2px 8px #00000014}.carousel-prev:disabled,.carousel-next:disabled{opacity:.35;cursor:not-allowed}.carousel-prev:focus-visible,.carousel-next:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}.carousel-indicators{grid-area:dots;display:flex;justify-content:center;gap:var(--size-xs);padding-block-start:var(--size-xs)}.carousel-dot{inline-size:10px;block-size:10px;min-block-size:0;min-inline-size:0;border-radius:var(--radius-full, 50%);border:none;background:var(--color-border, oklch(80% 0 0));cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease}.carousel-dot:hover{background:var(--color-text-muted, oklch(60% 0 0))}.carousel-dot[data-active]{background:var(--color-interactive, oklch(55% .15 250));transform:scale(1.3)}.carousel-dot:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}.carousel-live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:scope[transition]:defined .carousel-track{display:grid;grid-template-areas:"slide";overflow:visible;scroll-snap-type:none}:scope[transition]:defined .carousel-track>[role=group]{grid-area:slide}:scope[transition]:defined .carousel-track>[hidden]{display:none}}@media(prefers-reduced-motion:reduce){@scope(carousel-wc){.carousel-track{scroll-behavior:auto}.carousel-prev,.carousel-next,.carousel-dot{transition-duration:0s}}}::view-transition-old(*.vt-carousel){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-carousel){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-old(*.vt-carousel-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-new(*.vt-carousel-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-old(*.vt-carousel-slide){animation:vt-slide-out-right var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-new(*.vt-carousel-slide){animation:vt-slide-in-right var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-carousel-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-carousel-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-carousel),::view-transition-new(*.vt-carousel),::view-transition-old(*.vt-carousel-slide),::view-transition-new(*.vt-carousel-slide),::view-transition-old(*.vt-carousel-scale),::view-transition-new(*.vt-carousel-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-carousel),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel),:root[data-motion-reduced] ::view-transition-old(*.vt-carousel-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-carousel-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel-scale){animation-duration:.01ms!important}}@layer web-components{combo-box{display:inline-block;position:relative;&[open]>ul,&[open]>ol{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}}combo-box:not(:defined){display:block;>ul,>ol{list-style:none;padding:0;margin-block-start:var(--size-xs);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);max-block-size:12rem;overflow-y:auto}>ul>li,>ol>li{padding:var(--size-xs) var(--size-m)}}@scope(combo-box){:scope:not([multiple])>input{inline-size:100%}ul,ol{position:absolute;z-index:100;inset-inline:0;margin:0;margin-block-start:var(--size-3xs);padding:var(--size-2xs) 0;list-style:none;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);max-block-size:16rem;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out)}li[data-value]{padding:var(--size-xs) var(--size-m);margin:0;cursor:pointer;color:var(--color-text);font-size:var(--font-size-sm);transition:background-color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-hover-bg)}&[data-active]{background:var(--color-hover-bg);outline:2px solid var(--color-interactive);outline-offset:-2px}&[aria-selected=true]{font-weight:500;color:var(--color-interactive)}&[hidden]{display:none}}}@scope(combo-box[multiple]){.tags-input-area{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2xs);padding:var(--size-2xs) var(--size-xs);min-block-size:var(--size-touch-min);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);cursor:text;transition:border-color var(--duration-fast);&:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}}.tag{display:inline-flex;align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-xs);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-pill, 999px);font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap;color:var(--color-text);& button{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:1.1em;block-size:1.1em;border-radius:50%;font-size:1em;line-height:1;cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast),background var(--duration-fast);&:hover{color:var(--color-error, oklch(55% .2 25));background:oklch(from var(--color-error, oklch(55% .2 25)) l c h / .1)}&:focus-visible{outline:2px solid var(--color-interactive);outline-offset:1px}}}input{all:unset;flex:1;min-inline-size:6rem;padding:var(--size-3xs) 0;font:inherit;color:var(--color-text);&::placeholder{color:var(--color-text-muted)}&:disabled{display:none}}}combo-box>[popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;position:fixed;inset:unset;top:var(--combobox-top, 0);left:var(--combobox-left, 0);inline-size:var(--combobox-width, auto)}combo-box>[popover]:popover-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{combo-box>[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){@scope(combo-box){ul,ol{transition:none;transform:none}}combo-box>[popover]:popover-open{transition:none}}}@layer web-components{time-picker:not(:defined){display:contents}@scope(time-picker){:scope{display:inline-block;position:relative}.time-trigger{display:inline-flex;align-items:center;border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);min-block-size:var(--input-height, 2.75rem);min-inline-size:10rem;transition:border-color var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}.time-trigger:hover{border-color:var(--color-interactive)}.time-trigger:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.time-input{all:unset;flex:1;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-base, 1rem);min-inline-size:0}.time-input::placeholder{color:var(--color-text-muted)}.time-trigger-icon{all:unset;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--size-xs);block-size:100%;cursor:pointer;color:var(--color-text-muted);border-inline-start:var(--border-width-thin, 1px) solid var(--color-border);transition:color var(--duration-fast, .15s),background var(--duration-fast, .15s)}.time-trigger-icon:hover{color:var(--color-interactive);background:var(--color-hover-bg)}.time-panel{position:absolute;inset-block-start:100%;inset-inline-start:0;margin-block-start:var(--size-3xs, 4px);z-index:100;background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .1));padding:var(--size-s);display:inline-flex;align-items:center;gap:var(--size-3xs, 2px);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration, .15s) var(--ease-out, ease-out),visibility var(--motion-exit-duration, .15s) var(--ease-out, ease-out),transform var(--motion-exit-duration, .15s) var(--ease-out, ease-out)}.time-panel[data-open]{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out, ease-out),visibility var(--motion-enter-duration, .2s) var(--ease-out, ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out, ease-out)}.time-spinner{display:flex;flex-direction:column;align-items:center;min-inline-size:2.5rem;user-select:none;border-radius:var(--radius-s);outline:none}.time-spinner:focus-visible{background:color-mix(in oklab,var(--color-interactive) 10%,transparent)}.time-inc,.time-dec{all:unset;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:1.25rem;cursor:pointer;color:var(--color-text-muted);font-size:.6rem;line-height:1;border-radius:var(--radius-s);transition:color var(--duration-fast, .15s),background var(--duration-fast, .15s)}.time-inc:hover,.time-dec:hover{color:var(--color-interactive);background:color-mix(in oklab,var(--color-interactive) 8%,transparent)}.time-value{font-family:var(--font-mono, monospace);font-size:var(--font-size-l, 1.125rem);font-variant-numeric:tabular-nums;line-height:1.4;padding-inline:var(--size-2xs);text-align:center}.time-sep{font-family:var(--font-mono, monospace);font-size:var(--font-size-l, 1.125rem);line-height:1;color:var(--color-text-muted);padding-block:1.25rem}.period-toggle{all:unset;display:flex;align-items:center;justify-content:center;padding:var(--size-2xs) var(--size-xs);margin-inline-start:var(--size-3xs);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;color:var(--color-text);background:var(--color-surface-raised);border-radius:var(--radius-s);cursor:pointer;min-inline-size:2.5rem;text-align:center;transition:background var(--duration-fast, .15s),color var(--duration-fast, .15s)}.period-toggle:hover{background:color-mix(in oklab,var(--color-interactive) 12%,transparent);color:var(--color-interactive)}.period-toggle:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}:scope[data-disabled] .time-trigger{opacity:.4;cursor:not-allowed;pointer-events:none}}@media(prefers-reduced-motion:reduce){@scope(time-picker){.time-trigger,.time-trigger-icon,.time-panel,.time-inc,.time-dec,.period-toggle{transition-duration:0s}}}}@layer web-components{date-picker:not(:defined){display:contents}date-picker{display:inline-block;position:relative;&[open] .calendar{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out),visibility var(--motion-enter-duration, .2s) var(--ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out)}}@scope(date-picker){.date-trigger{display:inline-flex;align-items:center;border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);min-block-size:var(--input-height, 2.75rem);min-inline-size:14rem;transition:border-color var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}.date-trigger:hover{border-color:var(--color-interactive)}.date-trigger:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.date-input{all:unset;flex:1;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-base, 1rem);min-inline-size:0}.date-input::placeholder{color:var(--color-text-muted)}.date-trigger-icon{all:unset;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--size-xs);block-size:100%;cursor:pointer;color:var(--color-text-muted);border-inline-start:var(--border-width-thin, 1px) solid var(--color-border);transition:color var(--duration-fast, .15s),background var(--duration-fast, .15s)}.date-trigger-icon:hover{color:var(--color-interactive);background:var(--color-hover-bg)}.calendar{position:absolute;inset-block-start:100%;inset-inline-start:0;margin-block-start:var(--size-3xs, 4px);z-index:100;background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .1));padding:var(--size-s);min-inline-size:20rem;opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration, .15s) var(--ease-out),visibility var(--motion-exit-duration, .15s) var(--ease-out),transform var(--motion-exit-duration, .15s) var(--ease-out)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--size-xs);padding-block-end:var(--size-xs);border-block-end:var(--border-width-thin, 1px) solid var(--color-border)}.calendar-title{display:inline-flex;align-items:center;gap:var(--size-2xs, .25rem);font-weight:600;font-size:var(--font-size-base, 1rem)}.calendar-year{font:inherit;font-weight:600;border:none;background:transparent;color:inherit;cursor:pointer;padding:var(--size-3xs, 2px) 0;border-radius:var(--radius-s)}.calendar-year:hover{background:var(--color-hover-bg)}.calendar-year:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}.calendar-nav{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius-s);cursor:pointer;color:var(--color-text-muted);transition:background var(--duration-fast, .15s),color var(--duration-fast, .15s)}.calendar-nav:hover{background:var(--color-hover-bg);color:var(--color-interactive)}.calendar-nav:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}table[role=grid]{border-collapse:collapse;inline-size:100%}th{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);padding-block-end:var(--size-2xs);text-align:center}td{padding:var(--size-3xs, 2px);text-align:center}td button{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--radius-s);cursor:pointer;font-size:var(--font-size-sm, .875rem);font-variant-numeric:tabular-nums;transition:background var(--duration-fast, .15s),color var(--duration-fast, .15s)}td button:hover:not([disabled]){background:var(--color-hover-bg)}td button:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:-2px}td button[aria-current=date]{font-weight:700;border:var(--border-width-thin, 1px) solid var(--color-border-strong, var(--color-border));background:var(--color-surface-raised)}td button[data-focused]{background:oklch(from var(--color-interactive) l c h / .12);outline:var(--border-width-thin, 1px) dashed var(--color-interactive);outline-offset:-1px}td button[aria-selected=true]{background:var(--color-interactive);color:#fff}td button[aria-selected=true]:hover{background:color-mix(in oklab,var(--color-interactive) 85%,black)}td button[disabled]{opacity:.3;cursor:not-allowed}td button[data-disabled-reason=booked]{opacity:.65;text-decoration:line-through;text-decoration-thickness:2px;color:var(--color-text-muted, GrayText)}td button[data-disabled-reason=unavailable]{opacity:.55;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--color-border, currentColor) 3px,var(--color-border, currentColor) 4px);color:var(--color-text-muted, GrayText)}td button[data-disabled-reason=holiday]{opacity:.75;color:var(--color-warning, #b45309);font-weight:600}td button[data-highlight]{background:oklch(from var(--color-interactive) l c h / .08);border:var(--border-width-thin, 1px) solid oklch(from var(--color-interactive) l c h / .25)}td button[data-highlight=holiday]{background:oklch(from var(--color-warning, #b45309) l c h / .1);border-color:oklch(from var(--color-warning, #b45309) l c h / .3);color:var(--color-warning, #b45309);font-weight:600}td button[data-highlight=deadline]{background:oklch(from var(--color-danger, #dc2626) l c h / .1);border-color:oklch(from var(--color-danger, #dc2626) l c h / .3);color:var(--color-danger, #dc2626);font-weight:600}td button[data-highlight=event]{background:oklch(from var(--color-interactive) l c h / .12);border-color:oklch(from var(--color-interactive) l c h / .35);color:var(--color-interactive);font-weight:600}:scope[data-disabled]{opacity:.4;pointer-events:none}}date-picker>.calendar[popover]{border:none;padding:0;margin:0;background:transparent;position:fixed;inset:unset;top:var(--calendar-top, 0);left:var(--calendar-left, 0)}date-picker>.calendar[popover]::backdrop{background:none}date-picker>.calendar[popover]:popover-open{background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .1));padding:var(--size-s);min-inline-size:20rem;opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out),display var(--motion-enter-duration, .2s) allow-discrete,overlay var(--motion-enter-duration, .2s) allow-discrete}@starting-style{date-picker>.calendar[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}date-picker>.calendar[popover][data-placement=top]:popover-open{transform:translateY(0)}@starting-style{date-picker>.calendar[popover][data-placement=top]:popover-open{opacity:0;transform:translateY(.25rem)}}@media(prefers-reduced-motion:reduce){@scope(date-picker){.date-trigger,.date-trigger-icon,.calendar-nav,.calendar,td button{transition-duration:0s}.calendar{transform:none}}date-picker[open] .calendar{transition:none}date-picker>.calendar[popover]:popover-open{transition:none}}}@layer web-components{color-picker:not(:defined){display:contents}color-picker{display:inline-block;position:relative;&[open] .color-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out),visibility var(--motion-enter-duration, .2s) var(--ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out)}}@scope(color-picker){.color-trigger{all:unset;display:inline-flex;align-items:center;gap:var(--size-xs);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);cursor:pointer;font:inherit;transition:border-color var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}.color-trigger:hover{border-color:var(--color-interactive)}.color-trigger:focus-visible{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15);outline:none}.color-swatch{display:inline-block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0}.color-hex{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);text-transform:uppercase}.color-panel{position:absolute;inset-block-start:100%;inset-inline-start:0;margin-block-start:var(--size-3xs, 4px);z-index:10;background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .1));padding:var(--size-s);inline-size:16rem;display:flex;flex-direction:column;gap:var(--size-xs);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration, .12s) var(--ease-in),visibility var(--motion-exit-duration, .12s) var(--ease-in),transform var(--motion-exit-duration, .12s) var(--ease-in)}.color-panel[popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;position:fixed;inset:unset;inset-block-start:var(--panel-top, 0);inset-inline-start:var(--panel-left, 0)}.color-panel[popover]::backdrop{background:none}.color-panel[popover]:popover-open{background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .1));padding:var(--size-s);display:flex;flex-direction:column;gap:var(--size-xs);inline-size:16rem}.color-area{position:relative;inline-size:100%;aspect-ratio:1;border-radius:var(--radius-s);cursor:crosshair;touch-action:none;outline:none;background:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,var(--area-hue, red))}.color-area:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:2px}.color-area-thumb{position:absolute;inline-size:14px;block-size:14px;border-radius:50%;border:2px solid white;box-shadow:0 0 2px #0006;transform:translate(-50%,-50%);pointer-events:none}.color-hue-wrap{padding-block:var(--size-3xs)}.color-hue{position:relative;inline-size:100%;block-size:.75rem;border-radius:var(--radius-full, 999px);cursor:pointer;touch-action:none;outline:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-hue:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:2px}.color-hue-thumb{position:absolute;inset-block-start:50%;inline-size:14px;block-size:14px;border-radius:50%;border:2px solid white;box-shadow:0 0 2px #0006;background:inherit;transform:translate(-50%,-50%);pointer-events:none}.color-inputs{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--size-2xs)}.color-input-label{display:flex;flex-direction:column;gap:2px}.color-input-label>span{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.color-input-label input{inline-size:100%;padding:var(--size-3xs) var(--size-2xs);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-s);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;text-align:center;background:var(--color-surface);color:var(--color-text);min-block-size:0}.color-input-label input:focus{border-color:var(--color-interactive);outline:none}.color-input-label input[type=number]::-webkit-inner-spin-button,.color-input-label input[type=number]::-webkit-outer-spin-button{display:none}.color-input-label input[type=number]{appearance:textfield}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--size-3xs, 4px)}.color-swatches button{all:unset;inline-size:1.25rem;block-size:1.25rem;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:transform var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}.color-swatches button:hover{transform:scale(1.15);border-color:var(--color-interactive)}.color-swatches button:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:2px}.color-actions{display:flex;gap:var(--size-2xs);justify-content:flex-end}.color-eyedropper,.color-copy{all:unset;padding:var(--size-3xs) var(--size-xs);font-size:var(--font-size-xs, .75rem);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}.color-eyedropper:hover,.color-copy:hover{color:var(--color-interactive);border-color:var(--color-interactive)}.color-eyedropper:focus-visible,.color-copy:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:2px}:scope[data-disabled]{opacity:.4;pointer-events:none}}@media(prefers-reduced-motion:reduce){@scope(color-picker){.color-trigger,.color-swatches button,.color-eyedropper,.color-copy{transition-duration:0s}}}}@layer web-components{context-menu:not(:defined){display:none}context-menu{display:block;&[data-open]>menu,&[data-open]>ul[role=menu]{opacity:1;visibility:visible;transform:scale(1)}}@scope(context-menu){menu,ul[role=menu]{position:fixed;top:var(--ctx-top, 0);left:var(--ctx-left, 0);z-index:200;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:var(--size-2xs) 0;list-style:none;min-inline-size:10rem;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:scale(.95);transform-origin:top left;transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out);>li{margin:0;padding:0}>li>button,>li>a{all:unset;display:flex;align-items:center;justify-content:flex-start;gap:var(--size-s);inline-size:100%;box-sizing:border-box;padding:var(--size-xs) var(--size-m);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-hover-bg);outline:none;transform:none;box-shadow:none}&[data-disabled]{color:var(--color-text-muted);cursor:not-allowed;&:hover{background:transparent}}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}}& button>svg,button>icon-wc,a>svg,a>icon-wc{flex-shrink:0;inline-size:1em;block-size:1em}>[role=separator]{block-size:1px;margin:var(--size-2xs) 0;background:var(--color-border)}>li[data-group]{padding:var(--size-xs) var(--size-m) var(--size-xs) var(--size-s);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}>li[data-group]:not(:first-child){margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.ctx-kbd{margin-inline-start:auto;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit}}}context-menu>[popover]{padding:var(--size-2xs) 0;margin:0;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);overflow:visible;position:fixed;inset:unset;top:var(--ctx-top, 0);left:var(--ctx-left, 0)}context-menu>[popover]:popover-open{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{context-menu>[popover]:popover-open{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){@scope(context-menu){menu,ul[role=menu]{transition:none;transform:none}}context-menu>[popover]:popover-open{transition:none}}}@layer web-components{command-palette:not(:defined){display:none}command-palette{display:contents}command-group,command-item{display:none}@scope(command-palette){.command-dialog{max-inline-size:min(90vw,32rem);max-block-size:min(85dvh,24rem);padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px #0000000d,0 10px 25px -5px #00000026,0 20px 50px -10px #0000001a;overflow:hidden}.command-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.command-dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out);opacity:1;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}.command-dialog[open]::backdrop{opacity:1;transition:opacity var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{.command-dialog[open]{opacity:0;transform:scale(.9)}.command-dialog[open]::backdrop{opacity:0}}.command-search{padding:var(--size-m) var(--size-m);border-block-end:1px solid var(--color-border)}.command-search input{inline-size:100%;border:none;background:transparent;font:inherit;font-size:var(--font-size-base, 1rem);color:var(--color-text);outline:none;padding:var(--size-xs) 0;min-block-size:0}.command-search input::placeholder{color:var(--color-text-muted)}.command-list{overflow-y:auto;max-block-size:min(60dvh,18rem);padding:var(--size-2xs) 0}.command-group-header{padding:var(--size-xs) var(--size-m);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.command-group-header:not(:first-child){margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.command-option{display:flex;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&[data-active]{background:var(--color-surface-alt)}&[hidden]{display:none}}.command-icon{flex-shrink:0;display:inline-flex;color:var(--color-text-muted)}.command-icon>svg,.command-icon>icon-wc{inline-size:1em;block-size:1em}.command-label{flex:1}.command-kbd{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit}.command-option[data-auto]{color:var(--color-text-muted)}.command-empty{padding:var(--size-l) var(--size-m);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}}@media(prefers-reduced-motion:reduce){@scope(command-palette){.command-dialog[open]{animation:none;transition:none}.command-dialog[open]::backdrop{transition:none}}}}@layer web-components{short-cuts:not(:defined){display:none}short-cuts{display:contents}@scope(short-cuts){.shortcut-dialog{max-inline-size:min(90vw,28rem);max-block-size:min(85dvh,32rem);padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px #0000000d,0 10px 25px -5px #00000026,0 20px 50px -10px #0000001a;overflow:hidden}.shortcut-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.shortcut-dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out)}.shortcut-header{padding:var(--size-m) var(--size-l);border-block-end:1px solid var(--color-border)}.shortcut-header h2{margin:0;font-size:var(--font-size-base, 1rem);font-weight:600}.shortcut-body{overflow-y:auto;max-block-size:min(65dvh,26rem);padding:var(--size-s) 0}.shortcut-group-header{padding:var(--size-xs) var(--size-l);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.shortcut-group:not(:first-child) .shortcut-group-header{margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding:var(--size-xs) var(--size-l)}.shortcut-label{flex:1;font-size:var(--font-size-sm)}.shortcut-kbd{flex-shrink:0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit;min-inline-size:2rem;text-align:center}}@media(prefers-reduced-motion:reduce){@scope(short-cuts){.shortcut-dialog[open]{animation:none}}}}@layer web-components{qr-code:not(:defined){display:block}qr-code{display:inline-flex;align-items:center;justify-content:center}qr-code canvas{display:block;image-rendering:pixelated;max-inline-size:100%;block-size:auto}qr-code .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer web-components{include-file:not(:defined){display:block}include-file{display:block}include-file[data-loading]{min-block-size:2em}include-file[data-error]:after{content:"Failed to load content";display:block;padding:var(--size-s);color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}include-file[data-error]:not(:empty):after{display:none}}@layer web-components{slide-accept:not(:defined){display:inline-flex;align-items:center;padding:var(--size-xs) var(--size-m);border-radius:var(--radius-pill, 999px);background:var(--color-surface-raised);border:var(--border-width-thin, 1px) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}slide-accept:defined{display:block;position:relative}@scope(slide-accept){.slide-track{--_track-height: 3.5rem;--_handle-inset: var(--size-3xs, .125rem);--_border: var(--border-width-thin, 1px);--_handle-size: calc(var(--_track-height) - var(--_border) * 2 - var(--_handle-inset) * 2);position:relative;display:flex;align-items:center;block-size:var(--_track-height);border-radius:var(--radius-pill, 999px);background:var(--color-surface-raised, oklch(95% 0 0));border:var(--_border) solid var(--color-border);overflow:hidden;user-select:none;-webkit-user-select:none}.slide-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);pointer-events:none;transition:opacity .2s ease}}slide-accept .slide-handle{position:absolute;inset-block-start:var(--_handle-inset);inset-inline-start:calc(var(--_slide-position, 0) / 100 * (100% - var(--_handle-size)));inline-size:var(--_handle-size);block-size:var(--_handle-size);border-radius:var(--radius-pill, 999px);background:var(--color-interactive, oklch(55% .2 260));color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;z-index:1;box-shadow:0 2px 8px #00000026;transition:none;transform:none}slide-accept .slide-handle:active{cursor:grabbing}slide-accept[transitioning] .slide-handle{transition:inset-inline-start .4s cubic-bezier(.34,1.56,.64,1)}slide-accept .slide-handle:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}slide-accept[data-activated] .slide-track{background:color-mix(in oklch,var(--color-success, oklch(50% .15 145)) 15%,var(--color-surface-raised, oklch(95% 0 0)));border-color:var(--color-success, oklch(50% .15 145))}slide-accept[data-activated] .slide-handle{background:var(--color-success, oklch(50% .15 145));cursor:default}slide-accept[data-activated] .slide-label{color:var(--color-success, oklch(40% .15 145));font-weight:600}@scope(slide-accept){.slide-track:before{content:"";position:absolute;inset:0;inset-inline-end:auto;inline-size:calc(var(--_slide-position, 0) * 1%);background:color-mix(in oklch,var(--color-interactive, oklch(55% .2 260)) 10%,transparent);border-radius:inherit;pointer-events:none;transition:none}}slide-accept[transitioning] .slide-track:before{transition:inline-size .4s cubic-bezier(.34,1.56,.64,1)}slide-accept[data-activated] .slide-track:before{background:color-mix(in oklch,var(--color-success, oklch(50% .15 145)) 10%,transparent)}slide-accept[attention=shimmer]:not([data-activated]):not([data-dragging]) .slide-track:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,oklch(100% 0 0 / .15) 50%,transparent 65%);background-size:200% 100%;border-radius:inherit;pointer-events:none}@keyframes slide-accept-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes slide-accept-pulse{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 16px oklch(from var(--color-interactive, oklch(55% .2 260)) l c h / .4)}}@media(prefers-reduced-motion:no-preference){slide-accept[attention=shimmer]:not([data-activated]):not([data-dragging]) .slide-track:after{animation:slide-accept-shimmer 2.5s ease-in-out infinite}slide-accept[attention=pulse]:not([data-activated]):not([data-dragging]) .slide-handle{animation:slide-accept-pulse 1.8s ease-in-out infinite}}:root[data-motion-reduced] slide-accept[attention=shimmer] .slide-track:after,:root[data-motion-reduced] slide-accept[attention=pulse] .slide-handle{animation:none}@media(prefers-reduced-motion:reduce){slide-accept[transitioning] .slide-handle,slide-accept[transitioning] .slide-track:before{transition-duration:0s}}:root[data-motion-reduced] slide-accept[transitioning] .slide-handle,:root[data-motion-reduced] slide-accept[transitioning] .slide-track:before{transition-duration:0s}}@layer web-components{drag-surface{display:block;min-block-size:4rem;flex:1;transition:background-color .15s ease}drag-surface[data-layout]{display:revert-layer}drag-surface:not(:defined){display:block}drag-surface [data-drag-handle]{cursor:grab;user-select:none}drag-surface [data-drag-handle]:active{cursor:grabbing}drag-surface [data-dragging]{opacity:.4}drag-surface[data-drag-over]{outline:2px dashed var(--color-interactive, oklch(55% .2 260));outline-offset:-2px;background:var(--color-primary-subtle, oklch(from var(--color-interactive, oklch(55% .2 260)) .95 .03 h))}drag-surface [data-drop-target]{box-shadow:0 -2px 0 0 var(--color-interactive, oklch(55% .2 260))}drag-surface[data-reorder-mode] [aria-grabbed=true]{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}@keyframes drag-surface-flash{0%{background-color:var(--color-primary-subtle, oklch(from var(--color-interactive, oklch(55% .2 260)) .95 .03 h))}to{background-color:transparent}}drag-surface [data-just-dropped]{animation:drag-surface-flash .5s ease-out}@media(prefers-reduced-motion:reduce){drag-surface [data-just-dropped]{animation:none}drag-surface{transition:none}}}@layer web-components{@scope(emoji-picker){:scope{position:relative;display:inline-block}.picker{position:absolute;z-index:100;inset-block-start:100%;inset-inline-start:0;margin-block-start:var(--size-2xs, 4px);background:var(--color-surface, #fff);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-m, .5rem);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .12));inline-size:min(20rem,calc(100vw - 2rem));max-block-size:min(24rem,60vh);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.picker[hidden]{display:none}input[type=search]{display:block;inline-size:100%;padding:var(--size-xs, .5rem) var(--size-s, .75rem);border:none;border-block-end:var(--border-width-thin, 1px) solid var(--color-border, #ddd);background:transparent;font:inherit;font-size:var(--font-size-s, .875rem);color:var(--color-text, #333);outline:none;min-block-size:0}input[type=search]::placeholder{color:var(--color-text-muted, #999)}input[type=search]:focus{box-shadow:inset 0 -2px 0 var(--color-interactive, oklch(55% .2 260))}.categories{display:flex;gap:0;border-block-end:var(--border-width-thin, 1px) solid var(--color-border, #ddd);overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories button{all:unset;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--size-2xs, 4px);font-size:1.1rem;cursor:pointer;border-block-end:2px solid transparent;transition:background var(--duration-fast, .15s);min-block-size:2rem}.categories button:hover{background:var(--color-hover-bg)}.categories button[aria-selected=true]{border-block-end-color:var(--color-interactive, oklch(55% .2 260));background:var(--color-hover-bg)}.categories button:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:-2px}.grid{overflow-y:auto;padding:var(--size-2xs, 4px);display:grid;grid-template-columns:repeat(8,1fr);gap:1px;align-content:start}.grid .group-label{grid-column:1 / -1;padding:var(--size-2xs, 4px) var(--size-2xs, 4px);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted, #999);text-transform:uppercase;letter-spacing:.04em;position:sticky;inset-block-start:0;background:var(--color-surface, #fff);z-index:1}.grid .no-results{grid-column:1 / -1;padding:var(--size-l, 1.5rem) var(--size-s, .75rem);text-align:center;color:var(--color-text-muted, #999);font-size:var(--font-size-s, .875rem)}.grid button{all:unset;display:flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:1;font-size:1.4rem;line-height:1;cursor:pointer;border-radius:var(--radius-s, 4px);transition:background var(--duration-fast, .15s)}.grid button:hover{background:var(--color-hover-bg)}.grid button:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:-2px;background:var(--color-hover-bg)}}emoji-picker:not(:defined) .picker{display:none}}@layer web-components{settings-panel:not(:defined){display:none}settings-panel{display:inline-block;position:relative;&[open] .settings-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out, ease-out),visibility var(--motion-enter-duration, .2s) var(--ease-out, ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out, ease-out)}}@scope(settings-panel){.settings-trigger{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);padding:var(--size-3xs, 2px);border-radius:var(--radius-s);transition:color var(--duration-fast, .15s);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.settings-panel{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-end:0;z-index:1000;inline-size:320px;max-block-size:min(80vh,500px);overflow-y:auto;background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity var(--motion-exit-duration, .15s) var(--ease-out, ease-out),visibility var(--motion-exit-duration, .15s) var(--ease-out, ease-out),transform var(--motion-exit-duration, .15s) var(--ease-out, ease-out)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--size-xs) var(--size-s) var(--size-xs) var(--size-m);border-block-end:var(--border-width-thin, 1px) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-close{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-s);cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast, .15s),background var(--duration-fast, .15s);&:hover{color:var(--color-text);background:var(--color-hover-bg)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.settings-body{padding:0}.settings-body>details{border:none;border-radius:0;border-block-end:var(--border-width-thin, 1px) solid var(--color-border);&:last-of-type{border-block-end:none}>summary{padding:var(--size-xs) var(--size-m);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--color-text);transition:background var(--duration-fast, .15s);&:hover{background:var(--color-hover-bg)}&:after{content:"";display:block;inline-size:.4em;block-size:.4em;border-inline-end:2px solid var(--color-text-muted);border-block-end:2px solid var(--color-text-muted);transform:rotate(-45deg);transition:transform var(--duration-fast, .15s);flex-shrink:0;margin-inline-start:var(--size-s)}&::-webkit-details-marker{display:none}&::marker{display:none;content:""}}&[open]>summary:after{transform:rotate(45deg)}}.settings-section{padding:0 var(--size-m) var(--size-s);display:flex;flex-direction:column;gap:var(--size-s)}.settings-label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.segmented-control{display:flex;background:var(--color-surface-alt, oklch(95% 0 0));border-radius:var(--radius-s);padding:2px;gap:2px}.segment{flex:1;text-align:center;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& span{display:block;padding:var(--size-2xs, 4px) var(--size-xs, 8px);border-radius:calc(var(--radius-s) - 2px);font-size:var(--font-size-sm);transition:background var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}&:hover span{background:var(--color-surface)}& input:checked+span{background:var(--color-surface);box-shadow:var(--shadow-xs, 0 1px 2px oklch(0 0 0 / .08));font-weight:var(--font-weight-medium, 500)}& input:focus-visible+span{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}select{font:inherit;font-size:var(--font-size-sm);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-s);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;inline-size:100%;&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.accent-row{display:flex;flex-direction:column;gap:var(--size-xs);&[hidden]{display:none}}.accent-swatches{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.accent-swatch{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accent-dot{display:flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid transparent;transition:transform var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}&:hover .accent-dot{transform:scale(1.15)}& input:checked+.accent-dot{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text)}& input:focus-visible+.accent-dot{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.accent-swatch--none .accent-dot svg{opacity:.8}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);font-size:var(--font-size-sm);cursor:pointer;padding:var(--size-2xs, 4px) 0}.density-row{display:flex;flex-direction:column;gap:var(--size-xs);&[hidden]{display:none}}.system-info{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted)}.system-version{margin:0}.system-version code{font-family:var(--font-mono, monospace);font-size:inherit}.system-sw-status{margin:0}.system-actions{display:flex;gap:var(--size-xs);padding:0;border:none}.system-actions button{all:unset;font-size:var(--font-size-xs, .75rem);padding:var(--size-2xs, 4px) var(--size-xs, 8px);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast, .15s),border-color var(--duration-fast, .15s);&:hover{color:var(--color-text);border-color:var(--color-text-muted)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}&:disabled{opacity:.5;cursor:not-allowed}}.settings-footer{padding:var(--size-xs) var(--size-m);border-block-start:var(--border-width-thin, 1px) solid var(--color-border)}.settings-reset{all:unset;display:block;inline-size:100%;text-align:center;padding:var(--size-2xs) var(--size-s);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast, .15s);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}}@media(prefers-reduced-motion:reduce){@scope(settings-panel){.settings-panel{transition:none;transform:none}}}}@layer web-components{print-page:not(:defined){display:block}print-page{display:inline-flex;align-items:center;gap:var(--size-s)}print-page button{cursor:pointer}print-page label{display:inline-flex;align-items:center;gap:var(--size-2xs);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;user-select:none}}@layer web-components{text-reader{display:block}text-reader:not(:defined){display:none}text-reader [part=controls]{display:flex;align-items:center;gap:var(--text-reader-gap, var(--size-xs, .5rem));flex-wrap:wrap;padding:var(--size-xs, .5rem) var(--size-s, .75rem);background:var(--text-reader-bg, var(--color-surface-raised, #f5f5f5));border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-m, .5rem);margin-block-end:var(--size-m, 1rem)}text-reader [part~=button]{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--text-reader-button-size, 2rem);block-size:var(--text-reader-button-size, 2rem);border-radius:var(--radius-s, 4px);cursor:pointer;font-size:1rem;line-height:1;transition:background var(--duration-fast, .15s) var(--ease-default, ease)}text-reader [part~=button]:hover:not(:disabled){background:color-mix(in oklab,var(--color-interactive, oklch(55% .2 260)) 12%,transparent)}text-reader [part~=button]:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}text-reader [part~=button]:disabled{opacity:.35;cursor:not-allowed}text-reader [part~=button][hidden]{display:none}text-reader select{font:inherit;font-size:var(--font-size-s, .875rem);padding:var(--size-2xs, .25rem) var(--size-xs, .5rem);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-s, 4px);background:var(--color-surface, #fff);color:var(--color-text, #333);max-inline-size:12rem;cursor:pointer}text-reader select:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}text-reader [data-speed-group]{display:inline-flex;align-items:center;gap:var(--size-2xs, .25rem)}text-reader [data-speed-value]{font-size:var(--font-size-s, .875rem);font-variant-numeric:tabular-nums;min-inline-size:2.5em;text-align:center;color:var(--color-text-muted, #666)}text-reader input[type=range]{inline-size:5rem;accent-color:var(--color-interactive, oklch(55% .2 260));cursor:pointer}text-reader input[type=range]:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}@media(prefers-reduced-motion:reduce){text-reader [part~=button]{transition:none}}}@layer web-components{chat-input:not(:defined){display:block}chat-input{--chat-input-bg: var(--color-surface);--chat-input-border: var(--border-width-thin) solid var(--color-border);--chat-input-radius: var(--radius-m);--chat-input-padding: var(--size-s);--chat-input-max-height: 12lh;display:flex;align-items:flex-end;gap:var(--size-xs);padding:var(--chat-input-padding);background:var(--chat-input-bg);border-block-start:var(--chat-input-border);& textarea{flex:1 1 auto;border:none;border-radius:0;background:transparent;box-shadow:none;resize:none;padding:var(--size-xs) 0;min-block-size:0;font:inherit;line-height:var(--line-height-relaxed, 1.6);color:var(--color-text);outline:none;max-block-size:var(--chat-input-max-height);&:focus{border-color:transparent;box-shadow:none}&::placeholder{color:var(--color-text-muted)}}>footer{display:flex;align-items:center;gap:var(--size-xs);flex-shrink:0}&[disabled]{opacity:.6;pointer-events:none}}}@layer web-components{chat-window:not(:defined){display:block;overflow:auto;max-block-size:60vh}chat-window{--chat-window-header-bg: var(--color-surface);--chat-window-header-border: var(--border-width-thin) solid var(--color-border);display:grid;grid-template-rows:auto 1fr auto;block-size:100%;overflow:hidden;>header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-s) var(--size-m);background:var(--chat-window-header-bg);border-block-end:var(--chat-window-header-border);>:is(h1,h2,h3,h4,h5,h6){margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold, 600);flex:1 1 auto}>select{flex:0 0 auto;inline-size:auto}}>chat-thread{min-block-size:0}>[data-chat-empty]{display:flex;align-items:center;justify-content:center;padding:var(--size-xl);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;min-block-size:0;overflow-y:auto}}}@layer web-components{share-wc{--_gap: var(--size-xs, .5rem);--_btn-size: var(--size-m, 2.5rem);--_radius: var(--radius-m, .5rem);--_transition: var(--duration-fast, .15s) var(--ease-out, ease-out);display:inline-flex}share-wc:not(:defined){display:inline-flex;flex-wrap:wrap;gap:var(--size-xs, .5rem)}share-wc nav{display:flex;flex-wrap:wrap;gap:var(--_gap);align-items:center}share-wc button,share-wc a[data-platform]{all:unset;display:inline-flex;align-items:center;gap:var(--size-2xs, .25rem);padding:var(--size-2xs, .25rem) var(--size-s, .75rem);min-block-size:var(--_btn-size);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--_radius);cursor:pointer;font:inherit;font-size:var(--font-size-s, .875rem);color:var(--_brand, var(--color-text, #333));background:var(--color-surface, #fff);transition:background var(--_transition),border-color var(--_transition),color var(--_transition);box-sizing:border-box;text-decoration:none}share-wc button:hover,share-wc a[data-platform]:hover{border-color:var(--_brand, var(--color-interactive, oklch(55% .2 260)));background:color-mix(in oklab,var(--_brand, var(--color-interactive, oklch(55% .2 260))) 8%,transparent)}share-wc button:focus-visible,share-wc a[data-platform]:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}share-wc button:active,share-wc a[data-platform]:active{scale:.96}share-wc[size=s]{--_btn-size: var(--size-s, 2rem)}share-wc[size=s] button,share-wc[size=s] a[data-platform]{padding:var(--size-3xs, .125rem) var(--size-xs, .5rem);font-size:var(--font-size-xs, .75rem)}share-wc[size=l]{--_btn-size: var(--size-l, 3rem)}share-wc[size=l] button,share-wc[size=l] a[data-platform]{padding:var(--size-xs, .5rem) var(--size-m, 1rem);font-size:var(--font-size-m, 1rem)}share-wc[variant=icon] .share-label{display:none}share-wc[variant=icon] button,share-wc[variant=icon] a[data-platform]{padding:var(--size-2xs, .25rem);aspect-ratio:1;justify-content:center}share-wc[variant=label] icon-wc{display:none}[data-platform=copy][data-state=copied]{color:var(--color-success, oklch(50% .15 145));border-color:var(--color-success, oklch(50% .15 145))}share-wc[color] [data-platform=x],share-wc[color] [data-platform=twitter]{--_brand: #000}share-wc[color] [data-platform=facebook]{--_brand: #1877f2}share-wc[color] [data-platform=linkedin]{--_brand: #0a66c2}share-wc[color] [data-platform=whatsapp]{--_brand: #25d366}share-wc[color] [data-platform=telegram]{--_brand: #229ed9}share-wc[color] [data-platform=bluesky]{--_brand: #0085ff}share-wc[color] [data-platform=mastodon]{--_brand: #6364ff}share-wc[color] [data-platform=email]{--_brand: var(--color-text)}share-wc[color] [data-platform=copy]{--_brand: var(--color-text)}@media(prefers-reduced-motion:reduce){share-wc button,share-wc a[data-platform]{transition:none}share-wc button:active,share-wc a[data-platform]:active{scale:none}}}@layer web-components{geo-map:not(:defined){display:block;padding:var(--size-m, 1rem);background:var(--color-surface-raised, #f5f5f5);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-m, .5rem);color:var(--color-text, #333)}input[data-mask][data-mask-init]{font-variant-numeric:tabular-nums}[data-copy][data-state=copied],[data-copy-target][data-state=copied]{color:var(--color-success, oklch(50% .15 145))}time[data-format-date=relative]{cursor:help}data[data-format-number],data[data-format-bytes]{font-variant-numeric:tabular-nums}kbd[data-hotkey]{display:inline-flex;align-items:center;gap:.15em;background:none;border:none;box-shadow:none;padding:0;font-family:inherit}kbd[data-hotkey] kbd{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.6em;line-height:1.4}[data-spoiler][data-spoiler-init]{position:relative}[data-spoiler][data-spoiler-init]>[data-spoiler-content]{user-select:none;transition:filter .3s ease,opacity .3s ease}[data-spoiler=blur][data-spoiler-init]>[data-spoiler-content]{filter:blur(8px)}[data-spoiler=blur][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{filter:blur(0)}[data-spoiler=solid][data-spoiler-init]>[data-spoiler-content]{opacity:0}[data-spoiler=solid][data-spoiler-init]:not([data-spoiler-visible])>[data-spoiler-trigger]{background:currentColor}[data-spoiler=solid][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{opacity:1}[data-spoiler=noise][data-spoiler-init]>[data-spoiler-content]{opacity:.15}[data-spoiler=noise][data-spoiler-init]:not([data-spoiler-visible])>[data-spoiler-trigger]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}[data-spoiler=noise][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{opacity:1}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger]{all:unset;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;border-radius:var(--radius-s, 4px)}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger][hidden]{display:none}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger]>[data-spoiler-label]{background:var(--color-surface, #fff);color:var(--color-text, #333);padding:var(--size-2xs, 4px) var(--size-xs, 8px);border-radius:var(--radius-pill, 999px);font-size:.85em;font-weight:500;box-shadow:var(--shadow-s, 0 1px 3px rgba(0,0,0,.12))}[data-spoiler][data-spoiler-init]>[data-spoiler-hide]{all:unset;display:inline-flex;align-items:center;gap:.25em;margin-block-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-xs, 8px);font-size:.75em;line-height:1.4;border:1px solid var(--color-border, #ccc);border-radius:var(--radius-pill, 999px);background:var(--color-surface, #fff);color:var(--color-text-muted, #666);cursor:pointer}[data-spoiler][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{user-select:auto}@media(prefers-reduced-motion:reduce){[data-spoiler][data-spoiler-init]>[data-spoiler-content]{transition-duration:0s}}.textarea-counter{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:end;margin-block-start:var(--size-2xs);font-variant-numeric:tabular-nums}.textarea-counter[data-state=warning]{color:oklch(75% .18 75)}.textarea-counter[data-state=error]{color:var(--color-error, oklch(55% .2 25))}textarea[data-grow][data-grow-init]{overflow:hidden}[data-show-when][hidden],[data-hide-when][hidden]{display:none!important}.range-wrapper{position:relative;padding-block-start:1.75rem;padding-block-end:1.25rem}.range-wrapper input[type=range]{inline-size:100%;cursor:pointer}.range-wrapper input[type=range]{appearance:none;block-size:.5rem;border-radius:var(--radius-full, 999px);background:linear-gradient(to right,var(--color-interactive, oklch(55% .2 260)) var(--range-pct, 0%),var(--color-surface-raised, oklch(95% 0 0)) var(--range-pct, 0%));border:none;outline:none}.range-wrapper input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:1.25rem;block-size:1.25rem;border-radius:50%;background:var(--color-interactive, oklch(55% .2 260));border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.range-wrapper input[type=range]::-moz-range-thumb{inline-size:1.25rem;block-size:1.25rem;border-radius:50%;background:var(--color-interactive, oklch(55% .2 260));border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.range-wrapper input[type=range]:focus-visible{outline:2px solid var(--color-interactive);outline-offset:4px;border-radius:var(--radius-s)}.range-bubble{position:absolute;inset-block-start:0;translate:-50% 0;background:var(--color-surface-raised, #333);color:var(--color-text);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border:var(--border-width-thin, 1px) solid var(--color-border)}.range-markers{display:flex;justify-content:space-between;padding-inline:.625rem;margin-block-start:var(--size-2xs)}.range-markers span{inline-size:2px;block-size:.5rem;background:var(--color-border);border-radius:1px}.range-labels{position:relative;block-size:1.25rem}.range-labels span{position:absolute;translate:-50% 0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);white-space:nowrap}.upload-zone{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-m);padding:var(--size-l);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.upload-zone:hover{border-color:var(--color-interactive)}.upload-zone[data-dragover]{border-color:var(--color-interactive);background:color-mix(in oklab,var(--color-interactive) 5%,transparent)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;inline-size:100%;block-size:100%}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--size-xs);color:var(--color-text-muted);pointer-events:none}.upload-prompt svg{color:var(--color-text-muted)}.upload-prompt small{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted)}.upload-browse{all:unset;color:var(--color-interactive);text-decoration:underline;cursor:pointer;pointer-events:auto}.upload-browse:hover{text-decoration:none}.upload-file-list{list-style:none;padding:0;margin:var(--size-s) 0 0;text-align:start}.upload-file-list[hidden]{display:none}.upload-file-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s);font-size:var(--font-size-sm)}.upload-file-list li:nth-child(odd){background:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)}.upload-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:var(--size-s)}[data-toggle-tags]{display:flex;flex-wrap:wrap;gap:var(--size-xs);border:none;padding:0}[data-toggle-tags]>legend{float:left;inline-size:100%;margin-block-end:var(--size-xs);font-weight:600}[data-toggle-tags] label{display:inline-flex;align-items:center;padding:var(--size-2xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-pill, 999px);cursor:pointer;font-size:var(--font-size-sm);user-select:none;transition:all var(--duration-fast, .15s) var(--ease-default, ease)}[data-toggle-tags] label:hover{border-color:var(--color-interactive)}[data-toggle-tags] input[type=checkbox]{appearance:none;position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}[data-toggle-tags] label:has(:checked){background:var(--color-interactive);color:#fff;border-color:var(--color-interactive)}[data-toggle-tags] label:has(:focus-visible){outline:2px solid var(--color-interactive);outline-offset:2px}[data-toggle-tags] label:has(:disabled){opacity:.5;cursor:not-allowed}.number-wrapper{display:inline-flex;align-items:stretch;border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden;transition:border-color var(--duration-fast, .15s)}.number-wrapper:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.number-wrapper input[type=number]{appearance:textfield;border:none;text-align:center;font-variant-numeric:tabular-nums;inline-size:4rem;padding-block:var(--size-xs);padding-inline:var(--size-2xs);background:var(--color-surface);font:inherit;min-block-size:0}.number-wrapper input[type=number]:focus{outline:none;box-shadow:none}.number-wrapper input[type=number]::-webkit-inner-spin-button,.number-wrapper input[type=number]::-webkit-outer-spin-button{display:none}.number-wrapper button{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;cursor:pointer;background:var(--color-surface-raised);color:var(--color-text);transition:background var(--duration-fast, .15s)}.number-wrapper button:hover:not(:disabled){background:var(--color-surface-sunken, oklch(92% 0 0))}.number-wrapper button:disabled{opacity:.35;cursor:not-allowed}.color-wrapper{position:relative;display:inline-flex}.color-wrapper input[type=color]{position:absolute;inset:0;opacity:0;inline-size:100%;block-size:100%;cursor:pointer;border:none;padding:0;min-block-size:0}.color-display{all:unset;display:inline-flex;align-items:center;gap:var(--size-xs);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);cursor:pointer;font:inherit;transition:border-color var(--duration-fast, .15s)}.color-display:hover{border-color:var(--color-interactive)}.color-wrapper:focus-within .color-display{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.color-swatch{display:inline-block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0}.color-hex{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);text-transform:uppercase}@supports (-webkit-background-clip: text) or (background-clip: text){[data-effect~=gradient-text]{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,var(--color-primary, oklch(55% .2 260)),var(--color-secondary, oklch(60% .18 310)))}[data-effect~=gradient-text].sunset{background-image:linear-gradient(135deg,oklch(70% .22 30),#e24ea0,#914bbe)}[data-effect~=gradient-text].ocean{background-image:linear-gradient(135deg,oklch(70% .15 200),#1c69e3,#544ec5)}[data-effect~=gradient-text].forest{background-image:linear-gradient(135deg,#31aa40,oklch(55% .15 160),oklch(50% .12 180))}[data-effect~=gradient-text].neon{background-image:linear-gradient(135deg,oklch(75% .25 330),oklch(70% .3 290),oklch(75% .25 180))}[data-effect~=gradient-text].animate{background-size:200% 200%;animation:vb-gradient-flow 4s var(--ease-default, ease) infinite}}@keyframes vb-gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){[data-effect~=gradient-text].animate{animation:none}}:root[data-motion-reduced] [data-effect~=gradient-text].animate{animation:none}@supports (-webkit-background-clip: text) or (background-clip: text){[data-effect~=shimmer]{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,currentColor 35%,oklch(85% .05 90) 50%,currentColor 65%);background-size:200% 100%;animation:vb-shimmer 2s linear infinite;color:var(--color-text)}[data-effect~=shimmer].slow{animation-duration:4s}[data-effect~=shimmer].fast{animation-duration:1s}}@keyframes vb-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(prefers-reduced-motion:reduce){[data-effect~=shimmer]{animation:none}}:root[data-motion-reduced] [data-effect~=shimmer]{animation:none}[data-effect~=reveal][data-effect-reveal-init] .vb-reveal-chunk{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity var(--reveal-duration, .4s) var(--ease-out, ease-out),transform var(--reveal-duration, .4s) var(--ease-out, ease-out);transition-delay:calc(var(--i, 0) * var(--reveal-delay, 80ms))}[data-effect~=reveal][data-effect-reveal-init][data-effect-active] .vb-reveal-chunk{opacity:1;transform:translateY(0)}[data-effect~=highlight][data-effect-highlight-init],[data-effect~=highlight].underline[data-effect-highlight-init]{background-image:linear-gradient(var(--highlight-color, currentColor),var(--highlight-color, currentColor));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .6s var(--ease-out, ease-out);padding-block-end:2px}[data-effect~=highlight][data-effect-highlight-init][data-effect-active],[data-effect~=highlight].underline[data-effect-highlight-init][data-effect-active]{background-size:100% 2px}[data-effect~=highlight].box[data-effect-highlight-init]{background-image:linear-gradient(color-mix(in oklch,var(--highlight-color, currentColor) 20%,transparent),color-mix(in oklch,var(--highlight-color, currentColor) 20%,transparent));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size .6s var(--ease-out, ease-out);padding-inline:.15em}[data-effect~=highlight].box[data-effect-highlight-init][data-effect-active]{background-size:100% 100%}[data-effect~=highlight].circle[data-effect-highlight-init]{position:relative;display:inline-block}[data-effect~=highlight].circle[data-effect-highlight-init]:after{content:"";position:absolute;inset:-.15em -.3em;border:2px solid var(--highlight-color, currentColor);border-radius:50%;transform:scale(0);opacity:0;transition:transform .5s var(--ease-out, ease-out),opacity .3s var(--ease-out, ease-out);pointer-events:none}[data-effect~=highlight].circle[data-effect-highlight-init][data-effect-active]:after{transform:scale(1);opacity:1}[data-math-state=rendered],pre[data-math-state=rendered]{display:none!important}div[data-math-rendered]{display:block;margin-block:var(--size-l, 1.5rem);text-align:center;overflow-x:auto}span[data-math-rendered]{display:inline}[data-math-numbered]{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:var(--size-l, 1.5rem)}[data-math-numbered]:after{content:"(" attr(data-equation-number) ")";color:var(--color-text-muted, #666);font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-math-copyable]{cursor:copy;border-radius:var(--radius-s, 4px);transition:background var(--duration-fast, .15s)}[data-math-copyable]:hover{background:color-mix(in oklab,var(--color-interactive, oklch(55% .2 260)) 8%,transparent)}[data-math-rendered]:target{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:var(--size-xs, .5rem);border-radius:var(--radius-s, 4px)}}@layer utils{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer utils{.flow>*+*{margin-block-start:var(--flow-space, var(--size-m))}}@layer utils{[data-loading]:not(output,button,.button){position:relative;pointer-events:none;cursor:wait;overflow:hidden;isolation:isolate}[data-loading]:not(output,button,.button):after{content:"";position:absolute;inset:0;z-index:999;border-radius:inherit;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-border) 35%,var(--color-surface-alt) 50%,var(--color-border) 65%,var(--color-border) 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}[data-loading]:not(output,button,.button)>*{position:relative;z-index:1;opacity:.3}[data-loading=hide]>*{visibility:hidden}[data-loading=minimal]:after{background:var(--color-border);animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){[data-loading]:after,[data-loading=minimal]:after{background:var(--color-border);animation:none}}[data-loading=skeleton]{overflow:visible}[data-loading=skeleton]:after{display:none}[data-loading=skeleton]>*{position:relative;opacity:1;color:transparent!important;background:var(--color-border);border-radius:var(--radius-s);overflow:hidden;margin-block:var(--size-2xs, .25rem)}[data-loading=skeleton]>*:first-child{margin-block-start:0}[data-loading=skeleton]>*:last-child{margin-block-end:0}[data-loading=skeleton]>*:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,var(--color-overlay-medium) 50%,transparent 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}[data-loading=skeleton]>:is(h1,h2,h3,h4,h5,h6){background:var(--color-border-strong)}[data-loading=skeleton]>:is(img,picture,video,canvas,svg,iframe){background:var(--color-border)}[data-loading=skeleton] *{color:transparent!important}[data-loading=skeleton] img,[data-loading=skeleton] svg{opacity:0}[data-loading=skeleton]>:is(button,a){background:var(--color-border-strong)}[data-loading=skeleton]>:is(input,textarea,select){background:var(--color-border);border-color:transparent!important}@media(prefers-reduced-motion:reduce){[data-loading=skeleton]>*:after{animation:none;background:transparent}}}@layer utils{output[data-empty],output[data-loading],output[data-error]{display:none}[data-state=empty]>.content,[data-state=loading]>.content,[data-state=error]>.content{display:none}[data-state=empty]>[data-empty],[data-state=loading]>[data-loading],[data-state=error]>[data-error]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-xl)}[data-feedback=message]{gap:var(--size-m)}[data-feedback=message]>icon-wc{--icon-size: 3rem;color:var(--color-text-muted)}[data-feedback=message] p{color:var(--color-text-muted);max-width:36ch}[data-feedback=skeleton]{gap:var(--size-s);width:100%;max-width:400px;margin-inline:auto}.skeleton-line{height:1rem;background:var(--color-border);border-radius:var(--radius-s);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line:nth-child(odd){width:100%}.skeleton-line:nth-child(2n){width:70%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}[data-error]>icon-wc{color:var(--color-error)}[data-loading] icon-wc[data-animate=spin]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none;opacity:.6}[data-loading] icon-wc[data-animate=spin]{animation:none}}}@layer utils{[data-media]{display:block;position:relative;overflow:hidden;aspect-ratio:var(--_ratio, 16 / 9)}[data-media][data-ratio="1:1"]{--_ratio: 1 / 1}[data-media][data-ratio="4:3"]{--_ratio: 4 / 3}[data-media][data-ratio="3:2"]{--_ratio: 3 / 2}[data-media][data-ratio="16:9"]{--_ratio: 16 / 9}[data-media][data-ratio="21:9"]{--_ratio: 21 / 9}[data-media][data-ratio="2:3"]{--_ratio: 2 / 3}[data-media][data-ratio="3:4"]{--_ratio: 3 / 4}[data-media][data-ratio="9:16"]{--_ratio: 9 / 16}[data-media]>img,[data-media]>video,[data-media]>iframe,[data-media]>embed,[data-media]>object,[data-media]>picture,[data-media]>canvas,[data-media]>svg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:var(--_fit, cover)}[data-media][data-fit=cover]{--_fit: cover}[data-media][data-fit=contain]{--_fit: contain}[data-media][data-fit=fill]{--_fit: fill}[data-media][data-fit=none]{--_fit: none}[data-media][data-position=top]>*{object-position:top}[data-media][data-position=bottom]>*{object-position:bottom}[data-media][data-position=left]>*{object-position:left}[data-media][data-position=right]>*{object-position:right}[data-media][data-position=center]>*{object-position:center}[data-media][data-radius=s]{border-radius:var(--radius-s)}[data-media][data-radius=m]{border-radius:var(--radius-m)}[data-media][data-radius=l]{border-radius:var(--radius-l)}[data-media][data-radius=full]{border-radius:var(--radius-full)}}@layer utils{[hide-until-ready]:not(:defined){display:none}[show-until-ready]:defined{display:none}}@layer utils{@media(width>=48rem){[data-visible=mobile]{display:none}}@media(width<48rem){[data-visible=desktop]{display:none}}}@layer utils{@media print{html:not([data-print-raw]){*,*:before,*:after{box-shadow:none!important;text-shadow:none!important}--color-text: #000;--color-text-muted: #444;--color-background: #fff;--color-surface: #fff;--color-surface-raised: #f5f5f5;--color-surface-sunken: #eee;--color-border: #666;--color-interactive: #000;--color-primary: #000;--color-secondary: #444;--color-accent: #222;--color-success: #000;--color-warning: #000;--color-error: #000;color-scheme:light;forced-color-adjust:none;font-size:12pt;body{background:#fff;color:#000}nav:not([data-print-keep]),dialog,[data-print=none],button:not([type=submit]),input[type=range],input[data-switch],[role=toolbar],[aria-hidden=true],search{display:none!important}theme-picker,site-search,command-palette,page-toc,tool-tip,toast-msg,short-cuts,settings-panel,drop-down,context-menu,emoji-picker,print-page{display:none!important}table,blockquote,pre,code,figure,li,hr,ul,ol,tr,img,picture,video,details,fieldset{break-inside:avoid;page-break-inside:avoid}h1,h2,h3,h4,h5,h6,p,a,figcaption,caption,dt{orphans:3;widows:3}h1,h2,h3,h4,h5,h6{break-after:avoid;page-break-after:avoid;break-inside:avoid;page-break-inside:avoid}:is(h1,h2,h3,h4,h5,h6)+p{break-before:avoid;page-break-before:avoid}pre{white-space:pre-wrap;word-wrap:break-word;border:1px solid #999}thead{display:table-header-group}tfoot{display:table-footer-group}img,picture,video,canvas,svg,iframe{max-width:100%!important}a[href^=http]:after,a[href^=ftp]:after{content:" (" attr(href) ")";font-size:80%;color:#444;word-break:break-all}a[href^=mailto]:after{content:" (" attr(href) ")";font-size:80%;color:#444;word-break:break-all}a[href^=tel]:after{content:" (" attr(href) ")";font-size:80%;color:#444}a[href^="#"]:after,a[href$=".jpg"]:after,a[href$=".jpeg"]:after,a[href$=".png"]:after,a[href$=".svg"]:after,a[href$=".webp"]:after,a[href$=".gif"]:after{content:none}abbr[title]:after{content:" (" attr(title) ")";font-size:80%}main{max-width:100%;margin:0;padding:0}aside:not([data-print-keep]){float:none;width:100%;border:none;margin:0;padding:0}[data-layout=sidebar]{display:block}details:not([open])>*:not(summary){display:block}summary::marker{content:""}summary:after{display:none}progress,meter{border:1px solid #666;print-color-adjust:exact;-webkit-print-color-adjust:exact}table.striped{print-color-adjust:exact;-webkit-print-color-adjust:exact}table[data-sticky] thead th,table[data-sticky] :is(td,th):first-child{position:static}table[data-responsive=scroll]{display:table;overflow:visible}input,textarea,select{border:1px solid #666;background:transparent;box-shadow:none}::placeholder{color:transparent}[data-gradient-text],[data-shimmer],[data-glitch],[data-reveal],[data-blur-reveal],[data-typewriter],[data-scramble]{background-image:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important;filter:none!important;opacity:1!important}[data-glitch]:before,[data-glitch]:after{display:none!important}[data-spoiler]>[data-spoiler-content]{filter:none!important;opacity:1!important;user-select:auto!important}[data-spoiler]>[data-spoiler-trigger],[data-spoiler]>[data-spoiler-hide]{display:none!important}[data-no-print],[data-screen-only]{display:none!important}[data-print-only]{display:block!important}[data-break-before]{break-before:page;page-break-before:always}[data-break-after]{break-after:page;page-break-after:always}[data-break-avoid]{break-inside:avoid;page-break-inside:avoid}[data-print-background]{print-color-adjust:exact;-webkit-print-color-adjust:exact}}}@media screen{[data-print-only]{display:none!important}}@page{margin:2cm;size:auto}@page :first{margin-top:3cm}@page vb-article{margin:2.5cm 2cm;@bottom-center{content:counter(page);font-size:9pt;color:#666}}@page vb-article:first{margin-top:4cm;@bottom-center{content:none}}@page vb-invoice{margin:1.5cm 2cm;size:A4 portrait}@page vb-report{margin:2cm}@page vb-report:left{margin-left:3cm;margin-right:2cm;@bottom-left{content:counter(page);font-size:9pt}}@page vb-report:right{margin-left:2cm;margin-right:3cm;@bottom-right{content:counter(page);font-size:9pt}}@media print{[data-print=article]{page:vb-article}[data-print=invoice]{page:vb-invoice}[data-print=report]{page:vb-report}[data-print=article]>section+section{break-before:page}}}@layer utils{[data-swiping]{user-select:none;will-change:transform,opacity;cursor:grabbing}[data-dismissed]{pointer-events:none}[data-pull-indicator]{position:absolute;inset-block-start:0;inset-inline:0;display:flex;align-items:center;justify-content:center;block-size:3rem;opacity:0;pointer-events:none;z-index:1}[data-pull-spinner]{inline-size:1.5rem;block-size:1.5rem;border:2px solid var(--color-border, #ccc);border-block-start-color:var(--color-primary, #333);border-radius:50%}[data-pull-loading] [data-pull-spinner]{animation:vb-spin .6s linear infinite}[data-gesture=swipe],[data-gesture=dismiss]{touch-action:pan-y}[data-gesture=pull-refresh]{touch-action:pan-x;overscroll-behavior-y:contain;position:relative}@keyframes vb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){[data-pull-loading] [data-pull-spinner]{animation:none}[data-swiping]{will-change:auto}}}@layer utils{@media(width<48rem){form.mobile{display:flex;flex-direction:column;gap:var(--size-m)}form.mobile fieldset:not([data-wizard-step]){display:flex;flex-direction:column;gap:var(--size-m)}}form.mobile nav[aria-label] ol{display:flex;justify-content:center;gap:var(--size-s);list-style:none;padding:0;margin:0}form.mobile nav[aria-label] li{font-size:var(--font-size-sm);color:var(--color-text-muted)}form.mobile nav[aria-label] li[aria-current=step]{color:var(--color-interactive);font-weight:var(--font-weight-medium, 500)}form.mobile output[role=alert],form.mobile [data-error]{font-size:var(--font-size-sm);color:var(--color-error, oklch(.55 .2 25));min-block-size:1.2em}}@layer utils{:root[data-backdrop]:not([data-backdrop=flush]):not([data-backdrop-chrome~=stretch]):not([data-backdrop-chrome~=integrated])>body[data-canvas-depth="1"]>main{box-shadow:var(--canvas-shadow),0 8px 0 -3px var(--canvas-bg, var(--color-surface, #fff)),0 10px 8px -3px #0000001f}:root[data-backdrop]:not([data-backdrop=flush]):not([data-backdrop-chrome~=stretch]):not([data-backdrop-chrome~=integrated])>body[data-canvas-depth="2"]>main{box-shadow:var(--canvas-shadow),0 8px 0 -3px var(--canvas-bg, var(--color-surface, #fff)),0 10px 8px -3px #0000001f,0 16px 0 -6px var(--canvas-bg, var(--color-surface, #fff)),0 18px 8px -6px #0000000f}@media(max-width:640px){:root[data-backdrop]>body[data-canvas-depth]>main{box-shadow:none}}}@layer utils{[data-surface=frosted]{background:oklch(from var(--color-surface) l c h / var(--glass-surface-opacity, .75));backdrop-filter:blur(var(--glass-blur, 16px)) saturate(var(--glass-saturate, 160%));-webkit-backdrop-filter:blur(var(--glass-blur, 16px)) saturate(var(--glass-saturate, 160%));border:1px solid oklch(from var(--color-surface) l c h / var(--glass-border-opacity, .2))}[data-surface=tinted]{background:oklch(from var(--color-accent, var(--color-primary)) l c h / var(--glass-tint-opacity, .1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-surface=ghost]{background:oklch(from var(--color-surface) l c h / var(--opacity-5, .05));border:1px solid oklch(from var(--color-surface) l c h / var(--opacity-15, .15));box-shadow:none}[data-surface=transparent]{background:transparent;box-shadow:none}@media(prefers-reduced-transparency:reduce){[data-surface=frosted],[data-surface=tinted],[data-surface=ghost],[data-surface=transparent]{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}}@layer utils{button.fab{position:fixed;inset-block-end:calc(var(--size-xl) + var(--safe-bottom, 0px));inset-inline-end:var(--size-l);z-index:var(--z-sticky, 100);display:inline-flex;align-items:center;justify-content:center;inline-size:3.5rem;block-size:3.5rem;border-radius:var(--radius-full, 9999px);border:none;background:var(--color-interactive);color:var(--color-on-interactive, #fff);font-weight:var(--font-weight-bold, 700);box-shadow:var(--shadow-l, 0 4px 20px oklch(0% 0 0 / var(--opacity-20, .2)));cursor:pointer;transition:opacity .3s ease,transform .3s ease}button.fab:hover{transform:scale(1.05)}button.fab[hidden]{display:none}}@layer utils{[data-back-to-top]{position:fixed!important;bottom:var(--size-l);right:var(--size-l);z-index:var(--z-sticky, 100);display:inline-flex!important;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full, 50%);background:oklch(from var(--color-text) l c h / .08)!important;color:var(--color-text)!important;border:var(--border-width-thin, 1px) solid var(--color-border)!important;box-shadow:var(--shadow-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none!important;text-underline-offset:0!important;font-size:1.25rem;line-height:1;letter-spacing:0;transform:none!important;cursor:pointer;transition:background .15s ease,border-color .15s ease;&:before,&:after{content:none!important;display:none!important}}@supports (animation-timeline: scroll()){@keyframes back-to-top-show{0%,5%{opacity:0;pointer-events:none}15%,to{opacity:1;pointer-events:auto}}[data-back-to-top]{animation:back-to-top-show linear both;animation-timeline:scroll()}}@supports not (animation-timeline: scroll()){[data-back-to-top]{opacity:1}}[data-back-to-top]:hover{background:oklch(from var(--color-text) l c h / .15)!important;border-color:oklch(from var(--color-text) l c h / .25)!important;color:var(--color-text)!important;text-decoration:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){[data-back-to-top]{transition:none;animation:none;opacity:1}}}@layer utils{:root[data-sticky]{--sticky-offset: 0px;--sticky-gap: var(--size-2xs, .5rem);scroll-padding-block-start:calc(var(--sticky-offset) + var(--sticky-gap))}:root[data-sticky] header[data-sticky]{position:sticky;inset-block-start:0;z-index:var(--z-sticky-header, 200);background:var(--color-surface)}:root[data-sticky] footer[data-sticky]{position:sticky;inset-block-end:0;z-index:var(--z-sticky, 100);background:var(--color-surface)}@media(width<48rem){:root[data-sticky] header[data-sticky]{position:static}}}@layer utils{@supports (clip-path: shape(from 0% 0%,close)){[data-shape-start]{padding-block-start:calc(var(--shape-depth) + var(--size-l))}[data-shape-start=wave]{clip-path:shape(from 0% var(--shape-depth),curve to 25% 0% with 12.5% 0%,curve to 50% var(--shape-depth) with 37.5% 0%,curve to 75% 0% with 62.5% 0%,curve to 100% var(--shape-depth) with 87.5% 0%,line to 100% 100%,line to 0% 100%,close)}[data-shape-start=chevron]{clip-path:shape(from 0% var(--shape-depth),line to 50% 0%,line to 100% var(--shape-depth),line to 100% 100%,line to 0% 100%,close)}[data-shape-start=scallop]{clip-path:shape(from 0% var(--shape-depth),curve to 16.66% var(--shape-depth) with 8.33% 0%,curve to 33.33% var(--shape-depth) with 25% 0%,curve to 50% var(--shape-depth) with 41.66% 0%,curve to 66.66% var(--shape-depth) with 58.33% 0%,curve to 83.33% var(--shape-depth) with 75% 0%,curve to 100% var(--shape-depth) with 91.66% 0%,line to 100% 100%,line to 0% 100%,close)}[data-shape-start=diagonal]{clip-path:shape(from 0% var(--shape-depth),line to 100% 0%,line to 100% 100%,line to 0% 100%,close)}[data-shape-end]{padding-block-end:calc(var(--shape-depth) + var(--size-l))}[data-shape-end=wave]{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% calc(100% - var(--shape-depth)),curve to 75% 100% with 87.5% 100%,curve to 50% calc(100% - var(--shape-depth)) with 62.5% 100%,curve to 25% 100% with 37.5% 100%,curve to 0% calc(100% - var(--shape-depth)) with 12.5% 100%,close)}[data-shape-end=chevron]{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% calc(100% - var(--shape-depth)),line to 50% 100%,line to 0% calc(100% - var(--shape-depth)),close)}[data-shape-end=scallop]{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% calc(100% - var(--shape-depth)),curve to 83.33% calc(100% - var(--shape-depth)) with 91.66% 100%,curve to 66.66% calc(100% - var(--shape-depth)) with 75% 100%,curve to 50% calc(100% - var(--shape-depth)) with 58.33% 100%,curve to 33.33% calc(100% - var(--shape-depth)) with 41.66% 100%,curve to 16.66% calc(100% - var(--shape-depth)) with 25% 100%,curve to 0% calc(100% - var(--shape-depth)) with 8.33% 100%,close)}[data-shape-end=diagonal]{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% calc(100% - var(--shape-depth)),close)}[data-shape-start=wave][data-shape-end=wave]{clip-path:shape(from 0% var(--shape-depth),curve to 25% 0% with 12.5% 0%,curve to 50% var(--shape-depth) with 37.5% 0%,curve to 75% 0% with 62.5% 0%,curve to 100% var(--shape-depth) with 87.5% 0%,line to 100% calc(100% - var(--shape-depth)),curve to 75% 100% with 87.5% 100%,curve to 50% calc(100% - var(--shape-depth)) with 62.5% 100%,curve to 25% 100% with 37.5% 100%,curve to 0% calc(100% - var(--shape-depth)) with 12.5% 100%,close)}[data-shape-start=chevron][data-shape-end=chevron]{clip-path:shape(from 0% var(--shape-depth),line to 50% 0%,line to 100% var(--shape-depth),line to 100% calc(100% - var(--shape-depth)),line to 50% 100%,line to 0% calc(100% - var(--shape-depth)),close)}[data-shape-start=scallop][data-shape-end=scallop]{clip-path:shape(from 0% var(--shape-depth),curve to 16.66% var(--shape-depth) with 8.33% 0%,curve to 33.33% var(--shape-depth) with 25% 0%,curve to 50% var(--shape-depth) with 41.66% 0%,curve to 66.66% var(--shape-depth) with 58.33% 0%,curve to 83.33% var(--shape-depth) with 75% 0%,curve to 100% var(--shape-depth) with 91.66% 0%,line to 100% calc(100% - var(--shape-depth)),curve to 83.33% calc(100% - var(--shape-depth)) with 91.66% 100%,curve to 66.66% calc(100% - var(--shape-depth)) with 75% 100%,curve to 50% calc(100% - var(--shape-depth)) with 58.33% 100%,curve to 33.33% calc(100% - var(--shape-depth)) with 41.66% 100%,curve to 16.66% calc(100% - var(--shape-depth)) with 25% 100%,curve to 0% calc(100% - var(--shape-depth)) with 8.33% 100%,close)}[data-shape-start=diagonal][data-shape-end=diagonal]{clip-path:shape(from 0% var(--shape-depth),line to 100% 0%,line to 100% 100%,line to 0% calc(100% - var(--shape-depth)),close)}}}@layer utils{img[data-clip],figure[data-clip] img{object-fit:cover}@supports (clip-path: shape(from 0% 0%,close)){:is(img,figure>img)[data-clip=hexagon],figure[data-clip=hexagon]>img{clip-path:shape(from 50% 0%,line to 100% 25%,line to 100% 75%,line to 50% 100%,line to 0% 75%,line to 0% 25%,close)}:is(img,figure>img)[data-clip=arch],figure[data-clip=arch]>img{clip-path:shape(from 0% 100%,line to 0% 35%,curve to 50% 0% with 0% 0%,curve to 100% 35% with 100% 0%,line to 100% 100%,close)}:is(img,figure>img)[data-clip=swoosh],figure[data-clip=swoosh]>img{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 80%,curve to 0% 100% with 55% 62%,close)}:is(img,figure>img)[data-clip=leaf],figure[data-clip=leaf]>img{clip-path:shape(from 50% 0%,curve to 100% 50% with 100% 0%,curve to 50% 100% with 100% 100%,curve to 0% 50% with 0% 100%,curve to 50% 0% with 0% 0%,close)}:is(img,figure>img)[data-clip=diagonal-frame],figure[data-clip=diagonal-frame]>img{clip-path:shape(from 8% 0%,line to 100% 0%,line to 92% 100%,line to 0% 100%,close)}:is(img,figure>img)[data-clip=torn],figure[data-clip=torn]>img{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 78%,line to 88% 85%,line to 92% 91%,line to 78% 88%,line to 82% 96%,line to 65% 90%,line to 70% 98%,line to 50% 92%,line to 55% 100%,line to 35% 94%,line to 40% 100%,line to 20% 92%,line to 25% 98%,line to 8% 94%,line to 12% 100%,line to 0% 95%,close)}}}@layer utils{@supports (clip-path: shape(from 0% 0%,close)){[data-badge]{display:inline-block;padding:.35em 1.5em;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.4;white-space:nowrap}[data-badge=ribbon]{padding-inline-end:2em;clip-path:shape(from 0% 0%,line to 100% 0%,line to 85% 50%,line to 100% 100%,line to 0% 100%,close)}[data-badge=notch]{padding-inline-start:2em;clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,line to 12% 50%,close)}[data-badge=flag]{padding-inline-end:2em;clip-path:shape(from 0% 0%,line to 87% 0%,line to 100% 50%,line to 87% 100%,line to 0% 100%,close)}[data-badge=double-arrow]{padding-inline:2em;clip-path:shape(from 10% 0%,line to 90% 0%,line to 100% 50%,line to 90% 100%,line to 10% 100%,line to 0% 50%,close)}[data-badge=stamp]{padding:.5em 1.5em;clip-path:shape(from 5% 0%,curve to 10% 0% with 5% 5%,line to 90% 0%,curve to 95% 5% with 95% 0%,line to 95% 95%,curve to 90% 100% with 95% 100%,line to 10% 100%,curve to 5% 95% with 5% 100%,close)}}}@layer utils{[data-callout]{padding:var(--size-m) var(--size-l);background:var(--color-surface-raised);color:var(--color-text)}[data-callout=tip]{border-inline-start:4px solid var(--color-primary);border-radius:0 var(--radius-m) var(--radius-m) 0}@supports (clip-path: shape(from 0% 0%,close)){[data-callout=speech]{clip-path:shape(from 0% 8%,curve to 8% 0% with 0% 0%,line to 92% 0%,curve to 100% 8% with 100% 0%,line to 100% 82%,curve to 92% 90% with 100% 90%,line to 20% 90%,line to 0% 100%,line to 8% 90%,curve to 0% 82% with 0% 90%,close);padding-block-end:calc(var(--size-m) + 10%)}[data-callout=notched]{clip-path:shape(from 0% 0%,line to calc(100% - var(--shape-bevel)) 0%,line to 100% var(--shape-bevel),line to 100% 100%,line to 0% 100%,close)}}}@layer utils{[data-bubble]{display:block;padding:var(--size-s) var(--size-m);max-width:75%;line-height:1.5}[data-bubble=error]{background:color-mix(in oklch,var(--color-error, oklch(60% .2 25)) 12%,var(--color-surface));color:var(--color-text);align-self:flex-start;border-inline-start:3px solid var(--color-error, oklch(60% .2 25));border-radius:0 var(--radius-m) var(--radius-m) 0}[data-bubble=system]{background:var(--color-surface-sunken, var(--color-surface));color:var(--color-text-muted);align-self:center;border-radius:2rem;border:1px solid var(--color-border);font-size:var(--font-size-sm);text-align:center;max-width:fit-content;padding:var(--size-2xs) var(--size-m)}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@supports (clip-path: shape(from 0% 0%,close)){[data-bubble=incoming]{background:var(--color-surface-raised);color:var(--color-text);align-self:flex-start;clip-path:shape(from 12px 0%,curve to 0% 12px with 0% 0%,line to 0% calc(100% - 20px),line to 0% 100%,line to 20px calc(100% - 6px),line to calc(100% - 12px) calc(100% - 6px),curve to 100% calc(100% - 18px) with 100% calc(100% - 6px),line to 100% 12px,curve to calc(100% - 12px) 0% with 100% 0%,close);padding-block-end:calc(var(--size-s) + 6px)}[data-bubble=outgoing]{background:var(--color-primary);color:var(--color-on-primary);align-self:flex-end;clip-path:shape(from 12px 0%,curve to 0% 12px with 0% 0%,line to 0% calc(100% - 18px),curve to 12px calc(100% - 6px) with 0% calc(100% - 6px),line to calc(100% - 20px) calc(100% - 6px),line to 100% 100%,line to 100% calc(100% - 20px),line to 100% 12px,curve to calc(100% - 12px) 0% with 100% 0%,close);padding-block-end:calc(var(--size-s) + 6px)}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-secondary) 20%,var(--color-surface));color:var(--color-text);align-self:flex-start;clip-path:shape(from 0% 20px,line to 0% 0%,line to 20px 14px,line to calc(100% - 12px) 14px,curve to 100% 26px with 100% 14px,line to 100% calc(100% - 12px),curve to calc(100% - 12px) 100% with 100% 100%,line to 12px 100%,curve to 0% calc(100% - 12px) with 0% 100%,close);padding-block-start:calc(var(--size-s) + 14px)}[data-bubble=thought]{background:var(--color-surface-raised);color:var(--color-text);align-self:flex-start;clip-path:shape(from 20% 0%,curve to 50% 0% with 20% -8%,curve to 80% 0% with 50% -8%,curve to 100% 25% with 115% 0%,curve to 100% 70% with 115% 50%,curve to 80% 100% with 100% 115%,curve to 20% 100% with 50% 115%,curve to 0% 70% with -15% 115%,curve to 0% 25% with -15% 50%,curve to 20% 0% with -15% 0%,close);padding:var(--size-m) var(--size-l);text-align:center}[data-bubble=typing]{background:var(--color-surface-raised);color:var(--color-text-muted);align-self:flex-start;clip-path:shape(from 12px 0%,curve to 0% 12px with 0% 0%,line to 0% calc(100% - 20px),line to 0% 100%,line to 20px calc(100% - 6px),line to calc(100% - 12px) calc(100% - 6px),curve to 100% calc(100% - 18px) with 100% calc(100% - 6px),line to 100% 12px,curve to calc(100% - 12px) 0% with 100% 0%,close);padding-block-end:calc(var(--size-s) + 6px);min-width:80px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;>span{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:typing-bounce 1.4s infinite ease-in-out;&:nth-child(2){animation-delay:.2s}&:nth-child(3){animation-delay:.4s}}}}@media(prefers-reduced-motion:reduce){[data-bubble=typing]>span{animation:none;opacity:.6}}}@layer utils{@supports (clip-path: shape(from 0% 0%,close)){[data-cutout]{position:relative}[data-cutout=circle]{clip-path:shape(evenodd from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close,move to 50% 20%,curve to 80% 50% with 80% 20%,curve to 50% 80% with 80% 80%,curve to 20% 50% with 20% 80%,curve to 50% 20% with 20% 20%,close)}[data-cutout=diamond]{clip-path:shape(evenodd from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close,move to 50% 28%,line to 72% 50%,line to 50% 72%,line to 28% 50%,close)}[data-cutout=arch-window]{clip-path:shape(evenodd from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close,move to 30% 90%,line to 30% 52%,curve to 50% 30% with 30% 30%,curve to 70% 52% with 70% 30%,line to 70% 90%,close)}[data-cutout=hex]{clip-path:shape(evenodd from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close,move to 50% 22%,line to 72% 36%,line to 72% 64%,line to 50% 78%,line to 28% 64%,line to 28% 36%,close)}[data-cutout=badge-corner]{clip-path:shape(evenodd from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close,move to 70% 0%,line to 100% 0%,line to 100% 30%,curve to 70% 0% with 100% 0%,close)}}}@layer utils{@supports (clip-path: shape(from 0% 0%,close)){[data-border-shape]{position:relative;display:inline-block;&:before{content:"";position:absolute;inset:0;background:var(--color-primary);z-index:-1}>*{display:block;margin:var(--shape-border)}}[data-border-shape=hexagon],[data-border-shape=hexagon]:before{clip-path:shape(from 50% 0%,line to 100% 25%,line to 100% 75%,line to 50% 100%,line to 0% 75%,line to 0% 25%,close)}[data-border-shape=diamond],[data-border-shape=diamond]:before{clip-path:shape(from 50% 0%,line to 100% 50%,line to 50% 100%,line to 0% 50%,close)}[data-border-shape=arch],[data-border-shape=arch]:before{clip-path:shape(from 0% 100%,line to 0% 32%,curve to 50% 0% with 0% 0%,curve to 100% 32% with 100% 0%,line to 100% 100%,close)}}}@layer utils{@supports (clip-path: shape(from 0% 0%,close)){[data-morph]{animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}[data-morph=pulse]{animation-name:shape-pulse}@keyframes shape-pulse{0%,to{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 100%,line to 0% 100%,close)}50%{clip-path:shape(from 2% 2%,line to 98% 2%,line to 98% 98%,line to 2% 98%,close)}}[data-morph=breathe]{animation-name:shape-breathe;animation-duration:4s}@keyframes shape-breathe{0%,to{clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 80%,curve to 50% 100% with 75% 115%,curve to 0% 80% with 25% 115%,close)}50%{clip-path:shape(from 0% 20%,curve to 50% 0% with 25% -15%,curve to 100% 20% with 75% -15%,line to 100% 100%,line to 0% 100%,close)}}[data-morph=wave]{animation-name:shape-wave;animation-duration:2.5s}@keyframes shape-wave{0%,to{clip-path:shape(from 0% 10%,curve to 25% 0% with 12.5% 0%,curve to 50% 10% with 37.5% 0%,curve to 75% 0% with 62.5% 0%,curve to 100% 10% with 87.5% 0%,line to 100% 90%,curve to 75% 100% with 87.5% 100%,curve to 50% 90% with 62.5% 100%,curve to 25% 100% with 37.5% 100%,curve to 0% 90% with 12.5% 100%,close)}50%{clip-path:shape(from 0% 0%,curve to 25% 10% with 12.5% 10%,curve to 50% 0% with 37.5% 10%,curve to 75% 10% with 62.5% 10%,curve to 100% 0% with 87.5% 10%,line to 100% 100%,curve to 75% 90% with 87.5% 90%,curve to 50% 100% with 62.5% 90%,curve to 25% 90% with 37.5% 90%,curve to 0% 100% with 12.5% 90%,close)}}}@media(prefers-reduced-motion:reduce){[data-morph]{animation:none}}}@layer utils;@property --hue-primary{syntax: "<number>"; inherits: true; initial-value: 260;}@property --hue-secondary{syntax: "<number>"; inherits: true; initial-value: 200;}@property --hue-accent{syntax: "<number>"; inherits: true; initial-value: 30;}@property --radius-s{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --radius-m{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --radius-l{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --sidebar-width{syntax: "<length>"; inherits: true; initial-value: 280px;}@property --shape-depth{syntax: "<percentage>"; inherits: true; initial-value: 15%;}@property --shape-bevel{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --shape-curve{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --shape-border{syntax: "<length>"; inherits: true; initial-value: 4px;}
+/*# sourceMappingURL=vanilla-breeze-core.css.map */