@layer tokens,reset,native-elements,custom-elements,web-components,utils;@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;--space-unit: var(--size-unit);--space-3xs: var(--size-3xs);--space-2xs: var(--size-2xs);--space-xs: var(--size-xs);--space-s: var(--size-s);--space-m: var(--size-m);--space-l: var(--size-l);--space-xl: var(--size-xl);--space-2xl: var(--size-2xl);--space-3xl: var(--size-3xl)}}@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-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;--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;--text-xs: var(--font-size-xs);--text-s: var(--font-size-sm);--text-m: var(--font-size-md);--text-l: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--text-5xl: var(--font-size-5xl);--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose)}}@layer tokens{@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;}: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;--color-primary: oklch(50% .2 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(50% .08 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(65% .18 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c 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-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-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-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)}:root[data-mode=light],[data-mode=light]{color-scheme:light}:root[data-mode=dark],[data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .18 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)}: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)}@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))}}@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{@property --radius-s{syntax: "<length>"; inherits: true; initial-value: .25rem;}@property --radius-m{syntax: "<length>"; inherits: true; initial-value: .5rem;}@property --radius-l{syntax: "<length>"; inherits: true; initial-value: .75rem;}: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);--border-thin: var(--border-width-thin);--border-medium: var(--border-width-medium);--border-thick: var(--border-width-thick)}}@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{@media(pointer:coarse){:root{--size-touch-min: 2.75rem}}@media(hover:none){:root{--motion-hover-lift: none;--motion-hover-scale: none}}}@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 );--glass-blur: 0px;--glass-opacity: .15;--glass-bg: oklch(100% 0 0 / var(--glass-opacity));--glass-border: oklch(100% 0 0 / .2);--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%)}[data-mode=dark]{--glass-bg: oklch(20% 0 0 / var(--glass-opacity));--glass-border: oklch(40% 0 0 / .3)}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--glass-bg: oklch(20% 0 0 / var(--glass-opacity));--glass-border: oklch(40% 0 0 / .3)}}}@layer tokens{:root{--font-display: var(--font-serif);--font-heading: var(--font-sans);--font-body: var(--font-sans);--font-code: var(--font-mono);--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: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M4,8 Q10,-2 18,8 Q26,18 30,8 Q34,-2 42,8 Q50,18 56,8 L56,52 Q50,62 42,52 Q34,42 30,52 Q26,62 18,52 Q10,42 4,52 Z' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 14 round;--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: 0 0 8px oklch(80% .15 350 / .3), 0 0 16px oklch(80% .15 350 / .15)}[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,table,fieldset,.preview-card,.preview-form,.preview-table,.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,table,fieldset,.preview-card,.preview-form,.preview-table,.border-card,.vignette){border-radius:var(--vb-border-radius-override)}@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{@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-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-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-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-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-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-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-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-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;--text-xs: var(--font-size-xs);--text-s: var(--font-size-sm);--text-m: var(--font-size-md);--text-l: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--text-5xl: var(--font-size-5xl);--line-height-tight: 1.35;--line-height-snug: 1.5;--line-height-normal: 1.7;--line-height-relaxed: 1.85;--line-height-loose: 2;--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--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;--space-unit: var(--size-unit);--space-3xs: var(--size-3xs);--space-2xs: var(--size-2xs);--space-xs: var(--size-xs);--space-s: var(--size-s);--space-m: var(--size-m);--space-l: var(--size-l);--space-xl: var(--size-xl);--space-2xl: var(--size-2xl);--space-3xl: var(--size-3xl);--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;--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--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;hyphens:none}: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)}}}@layer tokens;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}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);color:var(--color-text);background:var(--color-surface);-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}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:target{scroll-margin-block:5ex}@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}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}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}}@layer native-elements{p{text-wrap:pretty}strong,b{font-weight:600}em,i{font-style:italic}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>icon-wc,a>x-icon{text-decoration:none;margin-inline-end:.35em;vertical-align:-.125em}a>icon-wc:last-child,a>x-icon: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}a:has(>icon-wc:only-child):after,a:has(>x-icon:only-child):after,a:has(>svg:only-child):after,a:has(>img:only-child):after{content:none}a>icon-wc:only-child,a>x-icon:only-child{margin-inline:0}a.button{text-decoration:none;color:#fff;&: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);background:var(--color-surface-raised);padding:var(--size-m);border-radius:var(--radius-m);overflow-x:auto;& 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}}@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}}@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}}}@layer native-elements{button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-xs);padding-block:var(--size-s);padding-inline:var(--size-m);min-block-size:var(--size-touch-min);min-inline-size:var(--size-touch-min);background:var(--color-interactive);color:#fff;border:none;border-radius:var(--radius-m);font:inherit;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-interactive-hover)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-medium)}&:disabled{opacity:.5;cursor:not-allowed}&.secondary{background:transparent;color:var(--color-interactive);border:var(--border-width-thin) solid currentColor;&:hover{background:oklch(from var(--color-interactive) l c h / .1)}}&.ghost{background:transparent;color:var(--color-text);&:hover{background:var(--color-surface-raised)}}&.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%}}}@layer native-elements{input:not(:is([type=checkbox],[type=radio],[type=range],[type=submit],[type=button],[type=reset])),textarea,select{display:block;inline-size:100%;padding-block:var(--size-s);padding-inline:var(--size-s);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);font:inherit;transition:border-color var(--duration-fast) var(--ease-default);&:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}&::placeholder{color:var(--color-text-muted)}&:disabled{background:var(--color-surface-raised);cursor:not-allowed}&[aria-invalid=true]{border-color:var(--color-error)}&:user-invalid{border-color:var(--color-error)}}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{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;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:0 0 0 1px #0000000d,0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 20px 25px -5px #0000001a;overflow:hidden;&[data-size=s]{max-inline-size:min(90vw,24rem)}&[data-size=l]{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:#00000080;backdrop-filter:blur(2px)}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]{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{padding:var(--size-m) var(--size-l);border-block-end:1px 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:1px 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:1px 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}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;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-gray-900);color:var(--color-gray-50);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:#ffffff26;border-color:#ffffff4d;box-shadow:0 1px #fff3;color:inherit}& small{opacity:.8}& code{background:#ffffff26;color:inherit}}@media(prefers-color-scheme:dark){[role=tooltip][popover]{background:var(--color-gray-100);color:var(--color-gray-900);& kbd{background:#0000001a;border-color:#0003;box-shadow:0 1px #00000026}& code{background:#0000001a}}}[popover=hint]:not([role=tooltip]){border:none;padding:0;margin:0;overflow:visible;background:var(--color-gray-900);color:var(--color-gray-50);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-color-scheme:dark){[popover=hint]:not([role=tooltip]){background:var(--color-gray-100);color:var(--color-gray-900)}}@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-surface-raised)}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-gray-200)}&.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}:is(td,th):nth-child(2){inset-inline-start:var(--_sticky-col-1-width, 150px)}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-interactive);--_active-bg: transparent;--_active-color: var(--color-interactive);--_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{background:var(--_active-bg);color:var(--_active-color);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-surface-raised);--_active-bg: var(--color-interactive);--_active-color: white}&.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-gray-400)}&.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-s)}&.breadcrumb li{display:flex;align-items:center;gap:var(--size-2xs)}&.breadcrumb li:not(:last-child):after{content:var(--_separator, "/");margin-inline-start:var(--size-2xs);color:var(--color-gray-400);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-gray-400)}&.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-s);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-gray-100);color:var(--color-text)}&.pagination [aria-current=page]{background:var(--color-interactive);color:#fff;border-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-s);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-m)}&.tree{--_link-color: var(--color-text-muted);--_hover-bg: var(--color-surface-raised);--_hover-color: var(--color-text);--_active-bg: transparent;--_active-color: var(--color-interactive);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-gray-300)}&.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]{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-s);--_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: white;--_completed-bg: var(--color-success);--_completed-border: var(--color-success);--_completed-text: white}&.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-base)}&.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}}.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-s);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-s);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-s);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][aria-current=true]{color:var(--color-interactive)}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-surface-raised);color:var(--color-interactive)}}@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{video{max-inline-size:100%;block-size:auto;display:block;background:var(--color-gray-900)}audio{display:block;inline-size:100%;max-inline-size:100%}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}audio.minimal{block-size:2.5rem}audio.compact{max-inline-size:300px}source,track{display:none}}@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;&.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)}}}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:#cc272e}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}}}@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}[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}@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(--size-s);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-raised);&::-webkit-progress-bar{background:var(--color-surface-raised);border-radius:var(--radius-full)}&::-webkit-progress-value{background:var(--color-interactive);border-radius:var(--radius-full);transition:inline-size var(--duration-normal) var(--ease-out)}&::-moz-progress-bar{background:var(--color-interactive);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:#189a30}&::-moz-progress-bar{background:#189a30}}&.warning{&::-webkit-progress-value{background:oklch(75% .18 75)}&::-moz-progress-bar{background:oklch(75% .18 75)}}&.error{&::-webkit-progress-value{background:#cc272e}&::-moz-progress-bar{background:#cc272e}}&:indeterminate{animation:progress-indeterminate 1.5s ease-in-out infinite;&::-webkit-progress-bar{background:linear-gradient(90deg,var(--color-surface-raised) 0%,var(--color-interactive) 50%,var(--color-surface-raised) 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}}.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(--size-s);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-raised);&::-webkit-meter-bar{background:var(--color-surface-raised);border-radius:var(--radius-full);border:none}&::-webkit-meter-optimum-value{background:#189a30;border-radius:var(--radius-full)}&::-webkit-meter-suboptimum-value{background:oklch(75% .18 75);border-radius:var(--radius-full)}&::-webkit-meter-even-less-good-value{background:#cc272e;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(--color-surface-raised),var(--color-surface-raised) 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:#189a301a;color:oklch(45% .15 145)}output.warning{background:oklch(75% .18 75 / .1);color:oklch(55% .15 75)}output.error{background:#cc272e1a;color:#b32228}}@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{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)}}@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))}}@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);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.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)}}@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.sticky{position:sticky;inset-block-end:0;background:var(--color-surface);border-block-start:var(--border-width-thin) solid var(--color-border)}}@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:block}hgroup>*{margin:0}hgroup>p,hgroup>small{color:var(--color-text-muted);font-weight:400}hgroup.tight{>*:not(:first-child){margin-block-start:var(--size-2xs)}}hgroup.spaced{>*:not(:first-child){margin-block-start:var(--size-s)}}hgroup.reversed{display:flex;flex-direction:column-reverse;>*:not(:last-child){margin-block-start:var(--size-2xs)}}hgroup.centered{text-align:center}hgroup.divided{>*:not(:first-child){margin-block-start:var(--size-s);padding-block-start:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}}}@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)}}}@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-surface-raised)}}>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:#cc272e}del{text-decoration:line-through;background:#cc272e1a;text-decoration-color:#cc272e}ins{text-decoration:none;background:#189a301a;border-block-end:var(--border-width-thin) solid oklch(60% .18 145)}sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:-.25em}sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:.5em}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:#189a3033}mark.warning{background:oklch(75% .18 75 / .2)}mark.error{background:#cc272e33}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)}time.relative{color:var(--color-text-muted);font-size:var(--font-size-sm)}time.datetime{font-family:var(--font-mono);font-size:.9em}sup.footnote-ref{font-size:.65em;font-weight:500;>a{text-decoration:none;padding:var(--size-3xs)}}}@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}[data-drag-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{display:block}:root[data-ruby=hide] rt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-ruby=auto] rt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border: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{position:static;width:auto;height:auto;padding:initial;margin:initial;overflow:visible;clip:auto;white-space:normal}q{quotes:"\201c" "\201d" "\2018" "\2019"}:lang(de) q{quotes:"\201e" "\201c" "\201a" "\2018"}:lang(fr) q{quotes:"\ab" "\bb" "\2039" "\203a"}:lang(ja) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(zh) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(ru) q{quotes:"\ab" "\bb" "\201e" "\201c"}q:before{content:open-quote}q:after{content:close-quote}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:0 1px 3px #0000001a;container-type:inline-size;&[data-variant=elevated]{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d}&[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:1px 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:1px 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-base)}}}}@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]>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="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}@property --sidebar-width{syntax: "<length>"; inherits: true; initial-value: 280px;}: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 "hero" 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]>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}[data-page-layout]>nav[data-layout-sticky],[data-page-layout]>aside[data-layout-sticky]{position:sticky;top:0;align-self:start;max-height:100dvh;overflow-y:auto}[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}}@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}[data-layout^=body-]>nav[data-layout-sticky],[data-layout^=body-]>aside[data-layout-sticky]{position:sticky;top:0;align-self:start;max-height:100dvh;overflow-y:auto}[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}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}}@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%}}}@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%}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="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}}@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[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}@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: white}&[data-color=success]{--_bg: var(--color-success);--_color: white}&[data-color=warning]{--_bg: var(--color-warning);--_color: var(--color-gray-900)}&[data-color=error]{--_bg: var(--color-error);--_color: white}&[data-color=info]{--_bg: var(--color-info);--_color: white}&[data-color=brand]{--_bg: var(--color-primary);--_color: var(--color-text-on-primary, white)}&[data-color=secondary]{--_bg: var(--color-secondary);--_color: white}&[data-color=accent]{--_bg: var(--color-accent);--_color: 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-s)}>[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: oklch(55% .18 70)}&[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-gray-100);--_color: var(--color-gray-600)}&[data-filled]{background:var(--_color);color:#fff;border-inline-start:none;[data-description]{color:inherit;opacity:.9}&[data-variant=warning]{color:var(--color-gray-900)}}&[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-s);color:var(--color-text-muted);margin-block-start:var(--size-xs)}form-field output.error{display:block;visibility:hidden;font-size:var(--font-size-s);color:var(--color-error);margin-block-start:var(--size-xs);min-block-size:1lh}form-field:has(:user-valid){& input,textarea,select{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 5%,transparent)}& output.hint{display:none}}form-field:has(:user-invalid){& input,textarea,select{border-color:var(--color-error)}& output.error{visibility:visible}}form-field:not([data-no-icon]){position:relative}form-field:not([data-no-icon]):has(:user-valid) input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon]):has(:user-valid) textarea,form-field:not([data-no-icon]):has(:user-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):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):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-s);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-s);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);padding:var(--size-m);background:color-mix(in oklab,var(--color-error) 6%,transparent)}output.error-summary:empty{display:none}output.error-summary:focus{outline:3px solid var(--color-error);outline-offset:2px}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-s);color:var(--color-error);margin-block-start:var(--size-xs)}}@layer custom-elements{text-divider{display:flex;align-items:center;gap:var(--size-m);color:var(--color-text-muted);font-size:var(--font-size-s);&: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-l);color:inherit;text-decoration:none;letter-spacing:-.02em}brand-mark[data-size=s]{font-size:var(--font-size-m);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;@layer web-components{tabs-wc{display:grid;grid-template-rows:auto 1fr;border-block-end:var(--border-width-thin) solid var(--color-border)}tabs-wc>details{display:contents}tabs-wc>details{border:none;border-radius:0}tabs-wc>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)}}tabs-wc>details[open]>summary{color:var(--color-interactive);border-block-end-color:var(--color-interactive)}tabs-wc>details>summary[aria-selected=true]{color:var(--color-interactive);border-block-end-color:var(--color-interactive)}tabs-wc>details>:not(summary){grid-row:2;grid-column:1 / -1;padding:var(--size-m);display:none}tabs-wc>details[open]>:not(summary){display:block}tabs-wc>details:first-of-type>summary{grid-column-start:1}@media(prefers-reduced-motion:reduce){tabs-wc>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-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}.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{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-surface-hover)}&: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[data-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[data-indicator=plus-minus]>details[open]>summary:after{content:"\2212";transform:none}accordion-wc[data-indicator=none]>details>summary:after{display:none}accordion-wc[data-indicator=custom]{--indicator-closed: "\25b8";--indicator-open: "\25be"}accordion-wc[data-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[data-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[data-bordered]{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden}accordion-wc[data-bordered]>details{border-block-end:var(--border-width-thin) solid var(--color-border)}accordion-wc[data-bordered]>details:last-of-type{border-block-end:none}accordion-wc[data-flush]>details>summary{padding-inline:0}accordion-wc[data-flush]>details>:not(summary){padding-inline:0}accordion-wc[data-compact]>details>summary{padding:var(--size-s);min-block-size:auto}accordion-wc[data-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-wc{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;&[data-position=top-start]{inset-block-start:var(--size-m);inset-inline-start:var(--size-m);inset-inline-end:auto;align-items:flex-start}&[data-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}&[data-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}&[data-position=top-center]{inset-block-start:var(--size-m);inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);align-items:center}&[data-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-wc){.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-surface-hover)}&: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-surface-hover);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-wc[data-position=bottom-end]>.toast,toast-wc[data-position=bottom-start]>.toast,toast-wc[data-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-wc){.toast{animation:none;opacity:1;&[data-state=hiding]{animation:none;opacity:0}}}}}@layer web-components{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-s)}@media(prefers-reduced-motion:reduce){tool-tip>.hover-card{transition:none;transform:none}}}@layer web-components{drop-down{display:inline-block;position:relative;&[data-open]>menu,&[data-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-surface-alt);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-surface-alt);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]{border:none;padding:0;margin:0;background:transparent;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{theme-picker{display:inline-block;position:relative;&[data-variant=inline]{display:block}&[data-open] .panel{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)}&[data-variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope (theme-picker){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);z-index:1000;min-inline-size:16rem;padding:var(--size-m);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);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}>legend{padding:0;margin-block-end:var(--size-s);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;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}&:hover .option-content{background:var(--color-surface-alt)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& x-icon{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& x-icon{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& x-icon{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell{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}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& x-icon{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}&[aria-busy=true] .swatch-visual{opacity:.5;pointer-events:none}}.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}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}& input[type=checkbox]{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}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& x-icon{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-sm)}.toggle-switch{position:relative;inline-size:2.5rem;block-size:1.25rem;background:var(--color-surface-alt);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-round);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:before{content:"";position:absolute;top:2px;left:2px;inline-size:calc(1.25rem - 6px);block-size:calc(1.25rem - 6px);background:var(--color-surface);border-radius:var(--radius-round);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-default)}}.extension-toggle input:checked+.toggle-switch{background:var(--color-primary);border-color:var(--color-primary);&:before{transform:translate(1.25rem)}}.extension-toggle input:focus-visible+.toggle-switch{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:pointer;& input[type=checkbox]{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}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-surface-alt)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content x-icon{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope (theme-picker){.panel{transition:none;transform:none}.option-content{transition:none}}}}@layer web-components{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;width:1px;height: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{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-text);background:var(--color-surface-raised)}&: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){page-toc{position:sticky;top:var(--size-xl)}@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}}}}@media(prefers-reduced-motion:reduce){@scope (page-toc){.link,.summary:before{transition:none}}}}@layer web-components{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{display:inline-block;position:relative;&[data-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{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[data-transition=flip],[data-swap],[data-swap][data-transition=flip]{perspective:800px}content-swap>[data-face],content-swap[data-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[data-transition=flip]>[data-face=back],[data-swap]>[data-face=back],[data-swap][data-transition=flip]>[data-face=back]{transform:rotateY(180deg)}content-swap[data-swapped]>[data-face=front],content-swap[data-transition=flip][data-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[data-swapped]>[data-face=back],content-swap[data-transition=flip][data-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[data-transition=flip-vertical],[data-swap][data-transition=flip-vertical]{perspective:800px}content-swap[data-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[data-transition=flip-vertical]>[data-face=back],[data-swap][data-transition=flip-vertical]>[data-face=back]{transform:rotateX(180deg)}content-swap[data-transition=flip-vertical][data-swapped]>[data-face=front],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=front]{transform:rotateX(180deg)}content-swap[data-transition=flip-vertical][data-swapped]>[data-face=back],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=back]{transform:rotateX(0)}content-swap[data-transition=fade],[data-swap][data-transition=fade]{perspective:none}content-swap[data-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[data-transition=fade]>[data-face=back],[data-swap][data-transition=fade]>[data-face=back]{opacity:0}content-swap[data-transition=fade][data-swapped]>[data-face=front],[data-swap][data-transition=fade][data-swapped]>[data-face=front]{opacity:0}content-swap[data-transition=fade][data-swapped]>[data-face=back],[data-swap][data-transition=fade][data-swapped]>[data-face=back]{opacity:1}content-swap[data-transition=slide-left],[data-swap][data-transition=slide-left]{perspective:none;overflow:hidden}content-swap[data-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[data-transition=slide-left]>[data-face=back],[data-swap][data-transition=slide-left]>[data-face=back]{transform:translate(100%)}content-swap[data-transition=slide-left][data-swapped]>[data-face=front],[data-swap][data-transition=slide-left][data-swapped]>[data-face=front]{transform:translate(-100%)}content-swap[data-transition=slide-left][data-swapped]>[data-face=back],[data-swap][data-transition=slide-left][data-swapped]>[data-face=back]{transform:translate(0)}content-swap[data-transition=slide-up],[data-swap][data-transition=slide-up]{perspective:none;overflow:hidden}content-swap[data-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[data-transition=slide-up]>[data-face=back],[data-swap][data-transition=slide-up]>[data-face=back]{transform:translateY(100%)}content-swap[data-transition=slide-up][data-swapped]>[data-face=front],[data-swap][data-transition=slide-up][data-swapped]>[data-face=front]{transform:translateY(-100%)}content-swap[data-transition=slide-up][data-swapped]>[data-face=back],[data-swap][data-transition=slide-up][data-swapped]>[data-face=back]{transform:translateY(0)}content-swap[data-transition=scale],[data-swap][data-transition=scale]{perspective:none}content-swap[data-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[data-transition=scale]>[data-face=back],[data-swap][data-transition=scale]>[data-face=back]{opacity:0;transform:scale(.85)}content-swap[data-transition=scale][data-swapped]>[data-face=front],[data-swap][data-transition=scale][data-swapped]>[data-face=front]{opacity:0;transform:scale(.85)}content-swap[data-transition=scale][data-swapped]>[data-face=back],[data-swap][data-transition=scale][data-swapped]>[data-face=back]{opacity:1;transform:scale(1)}content-swap[data-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[data-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[data-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[data-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[data-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;width:100%}compare-surface:defined{display:grid;position:relative;overflow:hidden}compare-surface:defined>:not(.comparison-divider){grid-area:1 / 1;display:block;width:100%}compare-surface:defined>:not(.comparison-divider):nth-child(2){clip-path:inset(0 0 0 var(--_position, 50%))}.comparison-divider{grid-area:1 / 1;position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff;cursor:col-resize;touch-action:none;z-index:1;box-shadow:0 0 4px #0000004d}.comparison-divider:after{content:"";position:absolute;top:50%;left:50%;width:40px;height: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}.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-width:0}split-surface:not(:defined)[data-direction=vertical]{flex-direction:column}split-surface:defined{display:flex;min-height:0}split-surface:defined[data-direction=vertical]{flex-direction:column}split-surface:defined>:not(.split-divider){min-width:0;min-height:0}.split-divider{flex:0 0 auto;width: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))}[data-direction=vertical]>.split-divider,[data-splitter=vertical]>.split-divider{width:auto;height:5px;cursor:row-resize}.split-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height: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}[data-direction=vertical]>.split-divider:after,[data-splitter=vertical]>.split-divider:after{width:24px;height: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-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-width:0}carousel-wc[data-item-width=auto] .carousel-track>*{flex:0 0 auto}carousel-wc:not([data-item-width]) .carousel-track>*,carousel-wc[data-item-width=full] .carousel-track>*{scroll-snap-align:center}carousel-wc[data-gap=xs]{--_gap: var(--size-xs)}carousel-wc[data-gap=s]{--_gap: var(--size-s)}carousel-wc[data-gap=m]{--_gap: var(--size-m)}carousel-wc[data-gap=l]{--_gap: var(--size-l)}carousel-wc[data-gap=xl]{--_gap: var(--size-xl)}.carousel-prev,.carousel-next{grid-area:auto;display:flex;align-items:center;justify-content:center;width:44px;height: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{width:10px;height: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;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.carousel-prev,.carousel-next,.carousel-dot{transition-duration:0s}}carousel-wc[data-transition]:defined .carousel-track{display:grid;grid-template-areas:"slide";overflow:visible;scroll-snap-type:none}carousel-wc[data-transition]:defined .carousel-track>[role=group]{grid-area:slide}carousel-wc[data-transition]:defined .carousel-track>[hidden]{display:none}::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{star-rating:not(:defined){display:inline-block;min-height:1.5rem;min-width:7.5rem}star-rating:defined{display:inline-block}star-rating[data-readonly]{cursor:default}}@layer web-components{combo-box{display:inline-block;position:relative;&[data-open]>ul,&[data-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([data-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-surface-alt)}&[data-active]{background:var(--color-surface-alt);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[data-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-s);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{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{display:flex;align-items:center;justify-content:flex-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-surface-alt);outline: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]{border:none;padding:0;margin:0;background:transparent;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{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{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{display:inline-flex;align-items:center;justify-content:center}qr-code canvas{display:block;image-rendering:pixelated;max-inline-size:100%;block-size:auto}}@layer web-components{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-s);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-s);color:var(--color-text-muted)}slide-accept:defined{display:block;position:relative}.slide-track{position:relative;display:flex;align-items:center;height:3.5rem;border-radius:var(--radius-pill, 999px);background:var(--color-surface-raised, oklch(95% 0 0));border:var(--border-width-thin, 1px) 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-s);font-weight:500;color:var(--color-text-muted);pointer-events:none;transition:opacity .2s ease}.slide-handle{all:unset;position:absolute;top:4px;left:calc(var(--_slide-position, 0) / 100 * (100% - 3.25rem));width:3.25rem;height:calc(3.5rem - 8px);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}.slide-handle:active{cursor:grabbing}slide-accept[data-transitioning] .slide-handle{transition:left .4s cubic-bezier(.34,1.56,.64,1)}.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}.slide-track:before{content:"";position:absolute;inset:0 auto 0 0;width: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[data-transitioning] .slide-track:before{transition:width .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[data-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%;animation:slide-accept-shimmer 2.5s ease-in-out infinite;border-radius:inherit;pointer-events:none}@keyframes slide-accept-shimmer{0%{background-position:200% center}to{background-position:-200% center}}slide-accept[data-attention=pulse]:not([data-activated]):not([data-dragging]) .slide-handle{animation:slide-accept-pulse 1.8s ease-in-out infinite}@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:reduce){slide-accept[data-transitioning] .slide-handle,slide-accept[data-transitioning] .slide-track:before{transition-duration:0s}slide-accept[data-attention=shimmer] .slide-track:after{animation:none}slide-accept[data-attention=pulse] .slide-handle{animation:none}}:root[data-motion-reduced] slide-accept[data-transitioning] .slide-handle,:root[data-motion-reduced] slide-accept[data-transitioning] .slide-track:before{transition-duration:0s}:root[data-motion-reduced] slide-accept[data-attention=shimmer] .slide-track:after{animation:none}:root[data-motion-reduced] slide-accept[data-attention=pulse] .slide-handle{animation:none}}@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}}@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:20rem;max-block-size:24rem;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-surface-raised, oklch(96% 0 0))}.categories button[aria-selected=true]{border-block-end-color:var(--color-interactive, oklch(55% .2 260));background:var(--color-surface-raised, oklch(96% 0 0))}.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-surface-raised, oklch(96% 0 0))}.grid button:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:-2px;background:var(--color-surface-raised, oklch(96% 0 0))}}emoji-picker:not(:defined) .picker{display:none}}@layer web-components{settings-panel{display:inline-block;position:relative;&[data-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;bottom:calc(100% + 8px);right: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-surface-alt, oklch(97% 0 0))}&: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-surface-alt, oklch(97% 0 0))}&: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: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{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)}.animate-image-wrapper{position:relative;display:inline-block}.animate-image-wrapper>img{display:block}.animate-image-toggle{all:unset;position:absolute;inset-block-end:var(--size-xs, .5rem);inset-inline-end:var(--size-xs, .5rem);display:flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:50%;background:#0009;color:#fff;cursor:pointer;z-index:1;transition:background var(--duration-fast, .15s)}.animate-image-toggle:hover{background:#000c}.animate-image-toggle:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}.animate-image-toggle:before{content:"";display:block;inline-size:.35rem;block-size:.7rem;border-inline:2px solid white}.animate-image-toggle.paused:before{inline-size:0;block-size:0;border-inline:none;border-block-start:.4rem solid transparent;border-block-end:.4rem solid transparent;border-inline-start:.6rem solid white;margin-inline-start:2px}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}data[data-ticker]{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-width: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-s);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-s);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-s)}.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-s);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-s);text-transform:uppercase}@supports (-webkit-background-clip: text) or (background-clip: text){[data-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-gradient-text=sunset]{background-image:linear-gradient(135deg,oklch(70% .22 30),#e24ea0,#914bbe)}[data-gradient-text=ocean]{background-image:linear-gradient(135deg,oklch(70% .15 200),#1c69e3,#544ec5)}[data-gradient-text=forest]{background-image:linear-gradient(135deg,#31aa40,oklch(55% .15 160),oklch(50% .12 180))}[data-gradient-text=neon]{background-image:linear-gradient(135deg,oklch(75% .25 330),oklch(70% .3 290),oklch(75% .25 180))}[data-gradient-text][data-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-gradient-text][data-gradient-text-animate]{animation:none}}:root[data-motion-reduced] [data-gradient-text][data-gradient-text-animate]{animation:none}@supports (-webkit-background-clip: text) or (background-clip: text){[data-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-shimmer=slow]{animation-duration:4s}[data-shimmer=fast]{animation-duration:1s}}@keyframes vb-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(prefers-reduced-motion:reduce){[data-shimmer]{animation:none}}:root[data-motion-reduced] [data-shimmer]{animation:none}[data-glitch][data-glitch-init]{position:relative;display:inline-block}[data-glitch][data-glitch-init]:before,[data-glitch][data-glitch-init]:after{content:attr(data-glitch-text);position:absolute;inset:0;overflow:hidden}[data-glitch][data-glitch-init]:before{color:oklch(65% .25 210);animation:vb-glitch-1 2s infinite linear alternate-reverse;clip-path:inset(0 0 65% 0)}[data-glitch][data-glitch-init]:after{color:oklch(65% .25 25);animation:vb-glitch-2 2s infinite linear alternate-reverse;clip-path:inset(65% 0 0 0)}[data-glitch=hover][data-glitch-init]:before,[data-glitch=hover][data-glitch-init]:after{opacity:0}[data-glitch=hover][data-glitch-init]:hover:before,[data-glitch=hover][data-glitch-init]:hover:after{opacity:1}@keyframes vb-glitch-1{0%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,-1px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(2px,1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,2px)}60%{clip-path:inset(40% 0 30% 0);transform:translate(1px,-2px)}80%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,1px)}to{clip-path:inset(30% 0 40% 0);transform:translate(2px,-1px)}}@keyframes vb-glitch-2{0%{clip-path:inset(60% 0 10% 0);transform:translate(2px,1px)}20%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(1px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-1px,2px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(2px,-1px)}to{clip-path:inset(5% 0 70% 0);transform:translate(-2px,1px)}}@media(prefers-reduced-motion:reduce){[data-glitch][data-glitch-init]:before,[data-glitch][data-glitch-init]:after{animation:none;opacity:0}}:root[data-motion-reduced] [data-glitch][data-glitch-init]:before,:root[data-motion-reduced] [data-glitch][data-glitch-init]:after{animation:none;opacity:0}[data-reveal][data-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-reveal][data-reveal-init][data-reveal-visible] .vb-reveal-chunk{opacity:1;transform:translateY(0)}[data-blur-reveal][data-blur-reveal-init] .vb-blur-chunk{display:inline-block;opacity:0;filter:blur(8px);transition:opacity .4s var(--ease-out, ease-out),filter .4s var(--ease-out, ease-out);transition-delay:calc(var(--i, 0) * var(--blur-delay, 80ms))}[data-blur-reveal][data-blur-reveal-init][data-blur-reveal-visible] .vb-blur-chunk{opacity:1;filter:blur(0)}[data-highlight][data-highlight-init],[data-highlight=underline][data-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-highlight][data-highlight-init][data-highlight-visible],[data-highlight=underline][data-highlight-init][data-highlight-visible]{background-size:100% 2px}[data-highlight=box][data-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-highlight=box][data-highlight-init][data-highlight-visible]{background-size:100% 100%}[data-highlight=circle][data-highlight-init]{position:relative;display:inline-block}[data-highlight=circle][data-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-highlight=circle][data-highlight-init][data-highlight-visible]:after{transform:scale(1);opacity:1}.vb-typewriter-cursor{display:inline;animation:vb-typewriter-blink .7s step-end infinite;font-weight:100;margin-inline-start:1px}@keyframes vb-typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.vb-typewriter-cursor{animation:none}}:root[data-motion-reduced] .vb-typewriter-cursor{animation:none}[data-scramble][data-scramble-init]{font-variant-numeric:tabular-nums}[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){position:relative;pointer-events:none;cursor:wait;overflow:hidden;isolation:isolate}[data-loading]:not(output):after{content:"";position:absolute;inset:0;z-index:999;border-radius:inherit;background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-200) 35%,var(--color-gray-100, oklch(96% 0 0)) 50%,var(--color-gray-200) 65%,var(--color-gray-200) 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}[data-loading]:not(output)>*{position:relative;z-index:1;opacity:.3}[data-loading=hide]>*{visibility:hidden}[data-loading=minimal]:after{background:var(--color-gray-200);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-gray-200);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-gray-200);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%,oklch(100% 0 0 / .4) 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-gray-300)}[data-loading=skeleton]>:is(img,picture,video,canvas,svg,iframe){background:var(--color-gray-200)}[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-gray-250, var(--color-gray-200))}[data-loading=skeleton]>:is(input,textarea,select){background:var(--color-gray-200);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;
/*# sourceMappingURL=vanilla-breeze-core.css.map */