@teseor/css 2.2.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/compiled.css +1 -1
  2. package/dist/index.css +6 -6
  3. package/package.json +1 -1
  4. package/src/components/actions/button-group/api.json +5 -0
  5. package/src/components/actions/button-group/index.scss +3 -1
  6. package/src/components/actions/close-button/index.scss +1 -1
  7. package/src/components/data-display/badge/api.json +2 -2
  8. package/src/components/data-display/badge/index.scss +2 -2
  9. package/src/components/data-display/table/index.scss +2 -3
  10. package/src/components/disclosure/accordion/index.scss +3 -3
  11. package/src/components/feedback/progress/api.json +1 -1
  12. package/src/components/feedback/progress/index.scss +1 -1
  13. package/src/components/feedback/skeleton/api.json +1 -1
  14. package/src/components/feedback/skeleton/index.scss +1 -1
  15. package/src/components/forms/number-input/index.scss +2 -2
  16. package/src/components/forms/password-input/index.scss +2 -2
  17. package/src/components/forms/search-input/index.scss +3 -3
  18. package/src/components/forms/slider/api.json +6 -1
  19. package/src/components/forms/slider/index.scss +5 -3
  20. package/src/components/forms/toggle/api.json +1 -1
  21. package/src/components/forms/toggle/index.scss +3 -2
  22. package/src/components/overlays/dialog/api.json +5 -0
  23. package/src/components/overlays/dialog/index.scss +4 -2
  24. package/src/components/typography/link/index.scss +2 -1
  25. package/src/config/guides/theming.docs.html +33 -12
  26. package/src/config/tokens/_variables.scss +1 -0
  27. package/src/config/tokens/semantic-colors.scss +1 -0
  28. package/src/debug/index.scss +6 -6
package/dist/compiled.css CHANGED
@@ -1 +1 @@
1
- @layer reset, tokens.core, tokens.scale, tokens.semantic, base, primitives, components.tokens, components.styles, utilities, themes;@layer tokens.core{:root{--ui-scale: 1;--ui-unit: calc(8px * var(--ui-scale));--ui-color-primary: oklch(55% 0.22 250);--ui-color-success: oklch(60% 0.18 145);--ui-color-warning: oklch(75% 0.18 70);--ui-color-danger: oklch(60% 0.22 25);--ui-color-neutral: oklch(50% 0.02 250);--ui-font-sans: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--ui-font-mono: ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, "Liberation Mono", monospace;--ui-font-size-base: calc(1rem * var(--ui-scale));--ui-radius-base: var(--ui-unit);--ui-border-width-base: calc(var(--ui-unit) * 0.125);--ui-shadow-strength: 20%}}@layer tokens.scale{:root{--ui-color-primary-light: color-mix(in oklch, var(--ui-color-primary) 50%, white);--ui-color-primary-dark: color-mix(in oklch, var(--ui-color-primary) 75%, black);--ui-color-primary-subtle: color-mix(in oklch, var(--ui-color-primary) 12%, white);--ui-color-primary-hover: color-mix(in oklch, var(--ui-color-primary) 85%, black);--ui-color-success-light: color-mix(in oklch, var(--ui-color-success) 50%, white);--ui-color-success-dark: color-mix(in oklch, var(--ui-color-success) 75%, black);--ui-color-success-subtle: color-mix(in oklch, var(--ui-color-success) 12%, white);--ui-color-success-hover: color-mix(in oklch, var(--ui-color-success) 85%, black);--ui-color-warning-light: color-mix(in oklch, var(--ui-color-warning) 50%, white);--ui-color-warning-dark: color-mix(in oklch, var(--ui-color-warning) 75%, black);--ui-color-warning-subtle: color-mix(in oklch, var(--ui-color-warning) 12%, white);--ui-color-warning-hover: color-mix(in oklch, var(--ui-color-warning) 85%, black);--ui-color-danger-light: color-mix(in oklch, var(--ui-color-danger) 50%, white);--ui-color-danger-dark: color-mix(in oklch, var(--ui-color-danger) 75%, black);--ui-color-danger-subtle: color-mix(in oklch, var(--ui-color-danger) 12%, white);--ui-color-danger-hover: color-mix(in oklch, var(--ui-color-danger) 85%, black);--ui-color-neutral-50: color-mix(in oklch, var(--ui-color-neutral) 3%, white);--ui-color-neutral-100: color-mix(in oklch, var(--ui-color-neutral) 6%, white);--ui-color-neutral-200: color-mix(in oklch, var(--ui-color-neutral) 12%, white);--ui-color-neutral-300: color-mix(in oklch, var(--ui-color-neutral) 25%, white);--ui-color-neutral-400: color-mix(in oklch, var(--ui-color-neutral) 50%, white);--ui-color-neutral-500: var(--ui-color-neutral);--ui-color-neutral-600: color-mix(in oklch, var(--ui-color-neutral) 85%, black);--ui-color-neutral-700: color-mix(in oklch, var(--ui-color-neutral) 70%, black);--ui-color-neutral-800: color-mix(in oklch, var(--ui-color-neutral) 50%, black);--ui-color-neutral-900: color-mix(in oklch, var(--ui-color-neutral) 35%, black)}}@layer tokens.scale{:root{--ui-space-px: calc(var(--ui-unit) * 0.125);--ui-space-quarter: calc(var(--ui-unit) * 0.25);--ui-space-half: calc(var(--ui-unit) * 0.5);--ui-space-0: calc(var(--ui-unit) * 0.5);--ui-space-1: var(--ui-unit);--ui-space-2: calc(var(--ui-unit) * 2);--ui-space-3: calc(var(--ui-unit) * 3);--ui-space-4: calc(var(--ui-unit) * 4);--ui-space-6: calc(var(--ui-unit) * 6);--ui-space-8: calc(var(--ui-unit) * 8)}}@layer tokens.scale{:root{--ui-font-size-xs: calc(var(--ui-font-size-base) * 0.75);--ui-font-size-sm: calc(var(--ui-font-size-base) * 0.875);--ui-font-size-md: var(--ui-font-size-base);--ui-font-size-lg: calc(var(--ui-font-size-base) * 1.25);--ui-font-size-xl: calc(var(--ui-font-size-base) * 1.5);--ui-font-size-2xl: calc(var(--ui-font-size-base) * 1.75);--ui-font-size-3xl: calc(var(--ui-font-size-base) * 2);--ui-font-size-4xl: calc(var(--ui-font-size-base) * 2.5);--ui-line-height-tight-xs: var(--ui-row-1);--ui-line-height-tight-sm: var(--ui-row-1);--ui-line-height-tight-md: calc(var(--ui-unit) * 3);--ui-line-height-tight-lg: calc(var(--ui-unit) * 3);--ui-line-height-xs: var(--ui-row-1);--ui-line-height-sm: calc(var(--ui-unit) * 3);--ui-line-height-md: calc(var(--ui-unit) * 3);--ui-line-height-lg: var(--ui-row-2);--ui-line-height-xl: var(--ui-row-2);--ui-line-height-2xl: var(--ui-row-2);--ui-line-height-3xl: calc(var(--ui-unit) * 5);--ui-line-height-4xl: calc(var(--ui-unit) * 6);--ui-font-weight-normal: 400;--ui-font-weight-medium: 500;--ui-font-weight-semibold: 600;--ui-font-weight-bold: 700;--ui-letter-spacing-display: -0.02em;--ui-letter-spacing-body: 0;--ui-letter-spacing-caps: 0.08em}}@layer tokens.semantic{:root{--ui-heading-1-size: var(--ui-font-size-4xl);--ui-heading-1-line-height: var(--ui-line-height-4xl);--ui-heading-1-weight: var(--ui-font-weight-bold);--ui-heading-1-tracking: var(--ui-letter-spacing-display);--ui-heading-2-size: var(--ui-font-size-3xl);--ui-heading-2-line-height: var(--ui-line-height-3xl);--ui-heading-2-weight: var(--ui-font-weight-bold);--ui-heading-2-tracking: -0.01em;--ui-heading-3-size: var(--ui-font-size-2xl);--ui-heading-3-line-height: var(--ui-line-height-2xl);--ui-heading-3-weight: var(--ui-font-weight-semibold);--ui-heading-3-tracking: var(--ui-letter-spacing-body);--ui-heading-4-size: var(--ui-font-size-xl);--ui-heading-4-line-height: var(--ui-line-height-xl);--ui-heading-4-weight: var(--ui-font-weight-semibold);--ui-heading-4-tracking: var(--ui-letter-spacing-body);--ui-heading-5-size: var(--ui-font-size-lg);--ui-heading-5-line-height: var(--ui-line-height-sm);--ui-heading-5-weight: var(--ui-font-weight-medium);--ui-heading-5-tracking: var(--ui-letter-spacing-body);--ui-body-size: var(--ui-font-size-md);--ui-body-line-height: var(--ui-line-height-md);--ui-body-weight: var(--ui-font-weight-normal);--ui-body-tracking: var(--ui-letter-spacing-body);--ui-body-sm-size: var(--ui-font-size-sm);--ui-body-sm-line-height: var(--ui-line-height-sm);--ui-body-sm-weight: var(--ui-font-weight-normal);--ui-body-sm-tracking: var(--ui-letter-spacing-body);--ui-caption-size: var(--ui-font-size-xs);--ui-caption-line-height: var(--ui-line-height-xs);--ui-caption-weight: var(--ui-font-weight-normal);--ui-caption-tracking: 0.01em;--ui-lead-size: var(--ui-font-size-lg);--ui-lead-line-height: var(--ui-line-height-lg);--ui-lead-weight: var(--ui-font-weight-normal);--ui-lead-tracking: var(--ui-letter-spacing-body);--ui-eyebrow-size: var(--ui-font-size-xs);--ui-eyebrow-line-height: var(--ui-line-height-xs);--ui-eyebrow-weight: var(--ui-font-weight-semibold);--ui-eyebrow-tracking: var(--ui-letter-spacing-caps)}}@layer tokens.scale{:root{--ui-row: calc(var(--ui-unit) * 2);--ui-row-1: var(--ui-row);--ui-row-2: calc(var(--ui-row) * 2);--ui-row-3: calc(var(--ui-row) * 3);--ui-row-4: calc(var(--ui-row) * 4);--ui-row-5: calc(var(--ui-row) * 5);--ui-row-6: calc(var(--ui-row) * 6)}}@layer tokens.scale{:root{--ui-radius-sm: calc(var(--ui-radius-base) * 0.5);--ui-radius-md: var(--ui-radius-base);--ui-radius-lg: calc(var(--ui-radius-base) * 2);--ui-radius-full: 9999px}}@layer tokens.scale{:root{--ui-border-width-sm: var(--ui-border-width-base);--ui-border-width-md: calc(var(--ui-border-width-base) * 2);--ui-border-width-lg: calc(var(--ui-border-width-base) * 4)}}@layer tokens.scale{:root{--ui-shadow-sm: 0 calc(var(--ui-unit) * 0.125) calc(var(--ui-unit) * 0.25) color-mix(in oklch, var(--ui-color-neutral) var(--ui-shadow-strength), transparent);--ui-shadow-md: 0 calc(var(--ui-unit) * 0.5) calc(var(--ui-unit) * 0.75) color-mix(in oklch, var(--ui-color-neutral) calc(var(--ui-shadow-strength) * 0.75), transparent);--ui-shadow-lg: 0 calc(var(--ui-unit) * 1.25) calc(var(--ui-unit) * 2) color-mix(in oklch, var(--ui-color-neutral) calc(var(--ui-shadow-strength) * 0.6), transparent)}}@layer tokens.scale{:root{--ui-z-index-base: 0;--ui-z-index-sticky: 100;--ui-z-index-dropdown: 200;--ui-z-index-overlay: 300;--ui-z-index-modal: 400;--ui-z-index-popover: 500;--ui-z-index-tooltip: 600;--ui-z-index-toast: 700;--ui-z-index-drawer: 800;--ui-z-index-debug: 9999}}@layer tokens.scale{:root{--ui-duration-instant: 50ms;--ui-duration-fast: 100ms;--ui-duration-base: 150ms;--ui-duration-normal: 200ms;--ui-duration-slow: 250ms;--ui-duration-slower: 400ms;--ui-ease-default: cubic-bezier(0.4, 0, 0.2, 1);--ui-ease-in: cubic-bezier(0.4, 0, 1, 1);--ui-ease-out: cubic-bezier(0, 0, 0.2, 1);--ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){:root{--ui-duration-instant: 0ms;--ui-duration-fast: 0ms;--ui-duration-base: 0ms;--ui-duration-normal: 0ms;--ui-duration-slow: 0ms;--ui-duration-slower: 0ms}}}@layer tokens.semantic{:root{color-scheme:light dark;--ui-color-text: light-dark(var(--ui-color-neutral-900), var(--ui-color-neutral-100));--ui-color-text-muted: light-dark(var(--ui-color-neutral-500), var(--ui-color-neutral-400));--ui-color-text-inverse: light-dark(var(--ui-color-neutral-50), var(--ui-color-neutral-900));--ui-color-bg: light-dark(var(--ui-color-neutral-50), var(--ui-color-neutral-900));--ui-color-bg-subtle: light-dark(var(--ui-color-neutral-100), var(--ui-color-neutral-800));--ui-color-bg-muted: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700));--ui-color-border: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700));--ui-color-border-strong: light-dark(var(--ui-color-neutral-300), var(--ui-color-neutral-600));--ui-color-interactive: var(--ui-color-primary);--ui-color-interactive-hover: var(--ui-color-primary-dark);--ui-color-focus: var(--ui-color-primary-light);--ui-opacity-disabled: 0.5;--ui-opacity-loading: 0.7;--ui-overlay-bg: rgb(0 0 0 / 0.5);--ui-overlay-bg-light: rgb(255 255 255 / 0.7);--ui-overlay-bg-blur: rgb(0 0 0 / 0.3);--ui-overlay-bg-subtle: rgb(0 0 0 / 0.1)}}@layer themes{[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@media(forced-colors: active){:root{--ui-color-focus: Highlight}}@media(prefers-contrast: more){:root{--ui-color-border: light-dark(var(--ui-color-neutral-400), var(--ui-color-neutral-400));--ui-color-border-strong: light-dark(var(--ui-color-neutral-600), var(--ui-color-neutral-300));--ui-color-text-muted: light-dark(var(--ui-color-neutral-600), var(--ui-color-neutral-300));--ui-color-bg-subtle: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700))}}@media(prefers-contrast: less){:root{--ui-color-border: var(--ui-color-neutral-150);--ui-color-border-strong: var(--ui-color-neutral-200)}}[data-density=compact]{--ui-scale: 0.875}[data-density=comfortable]{--ui-scale: 1.125}}@layer tokens.semantic{:root{--ui-input-height: var(--ui-row-2);--ui-input-padding-x: var(--ui-space-2);--ui-input-padding-y: var(--ui-space-1);--ui-input-radius: var(--ui-radius-md);--ui-input-border-width: var(--ui-border-width-sm);--ui-input-bg: var(--ui-color-bg);--ui-input-border: var(--ui-color-border);--ui-input-border-focus: var(--ui-color-interactive);--ui-input-text: var(--ui-color-text);--ui-input-placeholder: var(--ui-color-text-muted)}}@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0}}@layer base{.root{font-family:var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--ui-font-size-md, 1rem);line-height:var(--ui-line-height-md, calc(0.5rem * 3));color:var(--ui-color-text, hsl(220, 10%, 10%));background:var(--ui-color-bg, hsl(220, 10%, 98%))}}@layer base{h1{margin-block-end:var(--ui-space-4);font-size:var(--ui-heading-1-size);font-weight:var(--ui-heading-1-weight);line-height:var(--ui-heading-1-line-height);letter-spacing:var(--ui-heading-1-tracking)}h2{margin-block-end:var(--ui-space-3);font-size:var(--ui-heading-2-size);font-weight:var(--ui-heading-2-weight);line-height:var(--ui-heading-2-line-height);letter-spacing:var(--ui-heading-2-tracking)}h3{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-3-size);font-weight:var(--ui-heading-3-weight);line-height:var(--ui-heading-3-line-height);letter-spacing:var(--ui-heading-3-tracking)}h4{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-4-size);font-weight:var(--ui-heading-4-weight);line-height:var(--ui-heading-4-line-height);letter-spacing:var(--ui-heading-4-tracking)}h5,h6{margin-block-end:var(--ui-space-1);font-size:var(--ui-heading-5-size);font-weight:var(--ui-heading-5-weight);line-height:var(--ui-heading-5-line-height);letter-spacing:var(--ui-heading-5-tracking)}p{margin-block-end:var(--ui-space-2);font-size:var(--ui-body-size);line-height:var(--ui-body-line-height);letter-spacing:var(--ui-body-tracking)}p:last-child{margin-block-end:0}strong,b{font-weight:var(--ui-font-weight-bold);line-height:0}small{font-size:var(--ui-caption-size);line-height:0}code{padding:0 var(--ui-space-1);font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:0;vertical-align:baseline;background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-sm)}pre{padding:var(--ui-space-2);margin-block-end:var(--ui-space-2);overflow-x:auto;font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:var(--ui-body-sm-line-height);background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-md)}pre code{padding:0;background:none}a{text-decoration:underline;color:var(--ui-color-primary);transition:color var(--ui-duration-fast) var(--ui-ease-default)}a:hover{color:var(--ui-color-primary-hover)}a:visited{color:var(--ui-color-primary)}@media(width < 45.625rem){h1{font-size:var(--ui-font-size-2xl);line-height:var(--ui-line-height-2xl)}h2{font-size:var(--ui-font-size-xl);line-height:var(--ui-line-height-xl)}h3{font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-sm)}h4{font-size:1.125rem;line-height:var(--ui-line-height-sm)}}@media(width > 67.5rem){h1{font-size:calc(var(--ui-unit)*6);line-height:calc(var(--ui-unit)*7)}h2{font-size:var(--ui-font-size-4xl);line-height:var(--ui-line-height-4xl)}}}@layer primitives{.app-shell{min-block-size:100vh}}@layer primitives{.aspect-ratio{aspect-ratio:var(--aspect-ratio, 1/1);overflow:hidden}.aspect-ratio>img,.aspect-ratio>video,.aspect-ratio>iframe{block-size:100%;inline-size:100%;object-fit:cover}.aspect-ratio--square{--aspect-ratio: 1 / 1}.aspect-ratio--video{--aspect-ratio: 16 / 9}.aspect-ratio--photo{--aspect-ratio: 4 / 3}.aspect-ratio--wide{--aspect-ratio: 21 / 9}.aspect-ratio--portrait{--aspect-ratio: 3 / 4}}@layer primitives{.box{--_space-1: var(--ui-space-1, 0.5rem);--_space-2: var(--ui-space-2, 1rem);--_space-3: var(--ui-space-3, 1.5rem);--_space-4: var(--ui-space-4, 2rem);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_radius-md: var(--ui-radius-md, 0.5rem);--_radius-lg: var(--ui-radius-lg, 1rem);--_padding: var(--box-padding, 0);--_bg: var(--box-bg, transparent);--_color: var(--box-color, inherit);--_radius: var(--box-radius, 0);padding:var(--_padding);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.box--p-1{--_padding: var(--_space-1)}.box--p-2{--_padding: var(--_space-2)}.box--p-3{--_padding: var(--_space-3)}.box--p-4{--_padding: var(--_space-4)}.box--bg-subtle{--_bg: var(--_color-bg-subtle)}.box--bg-muted{--_bg: var(--_color-bg-muted)}.box--rounded{--_radius: var(--_radius-md)}.box--rounded-lg{--_radius: var(--_radius-lg)}}@layer primitives{.center{display:flex;align-items:center;justify-content:center}.center--column{flex-direction:column}}@layer primitives{.column{--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-4: var(--ui-space-4);--_space-6: var(--ui-space-6);--_space-8: var(--ui-space-8);display:flex;flex-direction:column;gap:var(--column-gap, var(--_space-2))}.column--xs{--column-gap: var(--_space-1)}.column--sm{--column-gap: var(--_space-2)}.column--md{--column-gap: var(--_space-4)}.column--lg{--column-gap: var(--_space-6)}.column--xl{--column-gap: var(--_space-8)}}@layer primitives{.container{--_unit: var(--ui-unit);--_space-4: var(--ui-space-4);max-inline-size:var(--container-width, calc(var(--_unit) * 120));padding-inline:var(--_space-4)}.container--center{margin-inline:auto}.container--sm{--container-width: calc(var(--_unit) * 80)}.container--md{--container-width: calc(var(--_unit) * 100)}.container--lg{--container-width: calc(var(--_unit) * 120)}.container--xl{--container-width: calc(var(--_unit) * 160)}.container--full{max-inline-size:none}}@layer primitives{.content{--_unit: var(--ui-unit);--_padding-block: var(--ui-content-padding-block, var(--ui-space-4));--_padding-inline: var(--ui-content-padding-inline, var(--ui-space-4));--_gap: var(--ui-content-gap, var(--ui-space-3));display:flex;flex-direction:column;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline)}.content--prose{max-inline-size:calc(var(--_unit)*80)}.content--flush{padding-block:0;padding-inline:0}}@layer primitives{.footer{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_shadow-color: color-mix(in oklch, var(--ui-color-neutral, oklch(50% 0.02 250deg)) 8%, transparent);--_height: var(--ui-footer-height, var(--ui-row-3));--_bg: var(--ui-footer-bg, var(--ui-color-bg));--_padding-inline: var(--ui-footer-padding-inline, var(--ui-space-3));--_border-color: var(--ui-footer-border-color, var(--ui-color-border));--_z: var(--ui-footer-z, var(--ui-z-index-sticky));display:flex;align-items:center;z-index:var(--_z);block-size:var(--_height);padding-inline:var(--_padding-inline);background:var(--_bg)}.footer__start{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.footer__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--_space-2)}.footer__end{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.footer--sticky{position:sticky;inset-block-end:0}.footer--fixed{position:fixed;inset-block-end:0;inset-inline:0}.footer--bordered{box-shadow:inset 0 var(--_border-width-sm) 0 0 var(--_border-color)}.footer--raised{box-shadow:0 calc(var(--_border-width-sm)*-1) 6px var(--_shadow-color)}}@layer primitives{.grid{--_space-4: var(--ui-space-4, 2rem);display:grid;gap:var(--grid-gap, var(--_space-4));grid-template-columns:repeat(var(--grid-cols, 1), minmax(0, 1fr))}.grid--2{--grid-cols: 2}.grid--3{--grid-cols: 3}.grid--4{--grid-cols: 4}.grid--auto{grid-template-columns:repeat(auto-fit, minmax(var(--grid-min, 16rem), 1fr))}.grid--subgrid{display:grid;grid-template-columns:subgrid}.grid--subgrid-rows{display:grid;grid-template-rows:subgrid}.grid--subgrid-both{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.grid-col-span-4{grid-column:span 4}.grid-col-span-full{grid-column:1/-1}.grid-row-span-2{grid-row:span 2}.grid-row-span-3{grid-row:span 3}.grid-row-span-full{grid-row:1/-1}}@layer primitives{.main{--_unit: var(--ui-unit);padding-block-start:var(--topbar-height, 0);margin-inline-start:var(--sidebar-width, calc(var(--_unit) * 30))}.main--sidebar-end{margin-inline-start:0;margin-inline-end:var(--sidebar-width, calc(var(--_unit) * 30))}.main--full{margin-inline-start:0;margin-inline-end:0}}@layer primitives{.nav-rail{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_width: var(--ui-nav-rail-width, var(--ui-row-4));--_bg: var(--ui-nav-rail-bg, var(--ui-color-bg-subtle));--_border-color: var(--ui-nav-rail-border-color, var(--ui-color-border));--_gap: var(--ui-nav-rail-gap, var(--ui-space-1));--_z: var(--ui-nav-rail-z, var(--ui-z-index-sticky));display:flex;flex-direction:column;align-items:center;position:fixed;inset-block:var(--topbar-height, 0);inset-inline-start:0;z-index:var(--_z);inline-size:var(--_width);padding-block:var(--_space-2);background:var(--_bg);box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 0 var(--_border-color)}.nav-rail__items{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--_gap)}.nav-rail__actions{display:flex;flex-direction:column;align-items:center;gap:var(--_gap);margin-block-start:auto}.nav-rail--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--_border-width-sm) 0 0 0 var(--_border-color)}}@layer primitives{.page-header{--_body-line-height: var(--ui-body-line-height);--_space-1: var(--ui-space-1);--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_z-sticky: var(--ui-z-index-sticky);--_color-bg: var(--ui-color-bg);--_padding-block: var(--ui-page-header-padding-block, var(--ui-space-3));--_padding-inline: var(--ui-page-header-padding-inline, 0);--_gap: var(--ui-page-header-gap, var(--ui-space-2));--_border-color: var(--ui-page-header-border-color, var(--ui-color-border));display:flex;flex-wrap:wrap;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);line-height:var(--_body-line-height)}.page-header__title{display:flex;flex:1;flex-direction:column;gap:var(--_space-1)}.page-header__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.page-header__breadcrumb{flex-basis:100%}.page-header--bordered{box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.page-header--sticky{position:sticky;inset-block-start:0;z-index:var(--_z-sticky);background:var(--_color-bg)}}@layer primitives{.row{--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-4: var(--ui-space-4);--_space-6: var(--ui-space-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--row-gap, var(--_space-2))}.row--xs{--row-gap: var(--_space-1)}.row--sm{--row-gap: var(--_space-2)}.row--md{--row-gap: var(--_space-4)}.row--lg{--row-gap: var(--_space-6)}.row--start{justify-content:flex-start}.row--center{justify-content:center}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}}@layer primitives{.sidebar{--_z-sticky: var(--ui-z-index-sticky);--_unit: var(--ui-unit);--_color-bg-subtle: var(--ui-color-bg-subtle);--_border-width-sm: var(--ui-border-width-sm);--_color-border: var(--ui-color-border);display:flex;flex-direction:column;position:fixed;inset-block-start:var(--topbar-height, 0);inset-inline-start:0;z-index:var(--_z-sticky);block-size:calc(100vh - var(--topbar-height, 0px));inline-size:var(--sidebar-width, calc(var(--_unit) * 30));overflow-y:auto;background:var(--_color-bg-subtle);box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 0 var(--_color-border)}.sidebar--sm{--sidebar-width: calc(var(--_unit) * 24)}.sidebar--md{--sidebar-width: calc(var(--_unit) * 30)}.sidebar--lg{--sidebar-width: calc(var(--_unit) * 40)}.sidebar--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--_border-width-sm) 0 0 0 var(--_color-border)}}@layer primitives{.sidebar-nav{--_border-width-sm: var(--ui-border-width-sm);--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-half: var(--ui-space-half);--_size-xs: var(--ui-size-xs);--_weight-medium: var(--ui-font-weight-medium);--_color-text-muted: var(--ui-color-text-muted);--_duration-fast: var(--ui-duration-fast);--_easing-default: var(--ui-easing-default);--_color-focus: var(--ui-color-focus);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size-md: var(--ui-size-md);--_width: var(--ui-sidebar-nav-width, calc(var(--ui-unit) * 30));--_bg: var(--ui-sidebar-nav-bg, var(--ui-color-bg-subtle));--_border-color: var(--ui-sidebar-nav-border-color, var(--ui-color-border));--_padding: var(--ui-sidebar-nav-padding, var(--ui-space-2));display:flex;flex-direction:column;block-size:100%;inline-size:var(--_width);background:var(--_bg)}.sidebar-nav__header{--_padding: var(--ui-sidebar-nav-header-padding, var(--ui-space-2));flex-shrink:0;padding:var(--_padding);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.sidebar-nav__content{flex:1;padding:var(--_padding);overflow-y:auto}.sidebar-nav__footer{--_padding: var(--ui-sidebar-nav-footer-padding, var(--ui-space-2));flex-shrink:0;padding:var(--_padding);box-shadow:inset 0 var(--_border-width-sm) 0 0 var(--_border-color)}.sidebar-nav__group{margin-block-end:var(--_space-2)}.sidebar-nav__group-label{--_font-size: var(--ui-sidebar-nav-group-label-size, var(--ui-size-xs));--_color: var(--ui-sidebar-nav-group-label-color, var(--ui-color-text-muted));--_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-font-weight-bold));display:block;padding:var(--_space-1) var(--_space-2);margin:0;font-size:var(--_font-size);font-weight:var(--_weight);letter-spacing:0.05em;text-transform:uppercase;color:var(--_color)}.sidebar-nav__group-items{display:flex;flex-direction:column;gap:var(--_space-half);padding:0;margin:0;list-style:none}.sidebar-nav__subgroup{margin:0}.sidebar-nav__subgroup-label{display:block;list-style:none;padding:var(--_space-1) var(--_space-2);margin:0;margin-block-start:var(--_space-1);font-size:var(--_size-xs);font-weight:var(--_weight-medium);color:var(--_color-text-muted);cursor:pointer;user-select:none}.sidebar-nav__subgroup-label::-webkit-details-marker{display:none}.sidebar-nav__item{--_height: var(--ui-sidebar-nav-item-height, var(--ui-row-2));--_padding-inline: var(--ui-sidebar-nav-item-padding-inline, var(--ui-space-2));--_font-size: var(--ui-sidebar-nav-item-size, var(--ui-size-sm));--_color: var(--ui-sidebar-nav-item-color, var(--ui-color-text));--_bg: var(--ui-sidebar-nav-item-bg, transparent);--_radius: var(--ui-sidebar-nav-item-radius, var(--ui-radius-sm));display:flex;align-items:center;gap:var(--_space-1);min-block-size:var(--_height);padding-inline:var(--_padding-inline);font-size:var(--_font-size);font-weight:var(--_weight, normal);text-decoration:none;color:var(--_color);background:var(--_bg);border-radius:var(--_radius);cursor:pointer;transition:background var(--_duration-fast) var(--_easing-default),color var(--_duration-fast) var(--_easing-default)}.sidebar-nav__item:hover{--_bg: var(--ui-sidebar-nav-item-hover-bg, var(--ui-color-bg-muted))}.sidebar-nav__item:visited{color:var(--_color)}.sidebar-nav__item:focus-visible{outline:2px solid var(--_color-focus);outline-offset:-0.125rem}.sidebar-nav__item--active{--_bg: var(--ui-sidebar-nav-item-active-bg, var(--ui-color-primary-subtle));--_color: var(--ui-sidebar-nav-item-active-color, var(--ui-color-primary-hover));--_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-font-weight-medium))}.sidebar-nav__item--nested{--_padding-inline-start: var(--ui-sidebar-nav-item-nested-indent, var(--ui-space-4));padding-inline-start:var(--_padding-inline-start)}.sidebar-nav__item--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed;pointer-events:none}.sidebar-nav__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size-md);inline-size:var(--_size-md)}.sidebar-nav__label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav__badge{flex-shrink:0;margin-inline-start:auto}.sidebar-nav--collapsed{--_width: var(--ui-sidebar-nav-width-collapsed, var(--ui-row-3))}.sidebar-nav--collapsed .sidebar-nav__label,.sidebar-nav--collapsed .sidebar-nav__badge,.sidebar-nav--collapsed .sidebar-nav__group-label,.sidebar-nav--collapsed .sidebar-nav__subgroup-label{display:none}.sidebar-nav--collapsed .sidebar-nav__item{justify-content:center;padding-inline:var(--_space-1)}}@layer primitives{.topbar{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_shadow-sm: var(--ui-shadow-sm);--_height: var(--ui-topbar-height, var(--ui-row-3));--_bg: var(--ui-topbar-bg, var(--ui-color-bg));--_padding-inline: var(--ui-topbar-padding-inline, var(--ui-space-3));--_border-color: var(--ui-topbar-border-color, var(--ui-color-border));--_z: var(--ui-topbar-z, var(--ui-z-index-sticky));display:flex;align-items:center;z-index:var(--_z);block-size:var(--_height);padding-inline:var(--_padding-inline);background:var(--_bg)}.topbar__start{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.topbar__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--_space-2)}.topbar__end{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.topbar--sticky{position:sticky;inset-block-start:0}.topbar--fixed{position:fixed;inset-block-start:0;inset-inline:0}.topbar--bordered{box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.topbar--raised{box-shadow:var(--_shadow-sm)}}@layer components.tokens{.button{--_space-1: var(--ui-space-1, 0.5rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_duration-fast: var(--ui-duration-fast, 100ms);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-quarter: var(--ui-space-quarter, 0.125rem);--_opacity-loading: var(--ui-opacity-loading, 0.7);--_accent: var(--ui-button-accent, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_height: var(--ui-button-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-button-padding-x, var(--ui-space-2, 1rem));--_font-size: var(--ui-button-font-size, var(--ui-font-size-sm, 0.875rem));--_font-weight: var(--ui-button-font-weight, var(--ui-font-weight-medium, 500));--_radius: var(--ui-button-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--_accent);--_bg-hover: color-mix(in oklch, var(--_accent) 80%, black);--_color: var(--ui-button-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.button--sm{--ui-ctx-size: var(--ui-size-sm, 0.75rem);--_height: var(--ui-button-height-sm, calc(var(--ui-row, 1rem) * 1.5));--_font-size: var(--ui-button-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.button--md{--ui-ctx-size: var(--ui-size-md, 1rem);--_height: var(--ui-button-height-md, var(--ui-row-2, 2rem));--_font-size: var(--ui-button-font-size-md, var(--ui-font-size-sm, 0.875rem))}.button--lg{--ui-ctx-size: var(--ui-size-lg, 1.25rem);--_height: var(--ui-button-height-lg, calc(var(--ui-row, 1rem) * 2.5));--_padding-x: var(--ui-button-padding-x-lg, var(--ui-space-3, 1.5rem));--_font-size: var(--ui-button-font-size-lg, var(--ui-font-size-md, 1rem))}.button--secondary{--_bg: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_bg-hover: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_color: var(--ui-color-text, hsl(220, 10%, 10%))}.button--ghost{--_bg: transparent;--_bg-hover: color-mix(in oklch, var(--_accent) 10%, transparent);--_color: var(--_accent)}.button--outline{--_bg: transparent;--_bg-hover: var(--_accent);--_color: var(--_accent);--_color-hover: var(--ui-color-text-inverse, hsl(220, 10%, 98%));--_border: var(--ui-border-width-sm, 0.0625rem) solid currentColor}.button--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.button--link{--_bg: transparent;--_bg-hover: transparent;--_color: var(--_accent);--_color-hover: color-mix(in oklch, var(--_accent) 70%, black);--_height: auto;--_padding-x: 0;--_radius: 0}.button--icon{--_padding-x: 0}.button--radius-none{--_radius: 0}.button--radius-sm{--_radius: var(--ui-radius-sm, 0.25rem)}.button--radius-lg{--_radius: var(--ui-radius-lg, 1rem)}.button--radius-full{--_radius: 9999px}}@layer components.styles{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--_space-1);block-size:var(--_height);padding-inline:var(--_padding-x);margin:0;font-family:var(--_font-sans);font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--_color);background:var(--_bg);border:var(--_border, none);border-radius:var(--_radius);cursor:pointer;transition:background-color var(--_duration-base) var(--_ease-default),color var(--_duration-base) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.button:hover,.button--hover{color:var(--_color-hover, var(--_color));background:var(--_bg-hover)}.button:focus-visible,.button--focus{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:var(--_border-width-md)}.button:active,.button--active{transform:scale(0.98)}.button:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.button:disabled:hover{background:var(--_bg);transform:none}.button--icon{inline-size:var(--_height)}.button--block{inline-size:100%}.button--link{text-decoration:underline;text-underline-offset:var(--_space-quarter)}.button--link:hover{text-decoration-thickness:var(--_space-quarter)}.button__icon{flex-shrink:0;block-size:1em;inline-size:1em}.button__icon--start{order:-1}.button__icon--end{order:1}.button--loading{position:relative;opacity:var(--_opacity-loading);pointer-events:none}.button--loading::after{content:"";position:absolute;block-size:1em;inline-size:1em;border:0.125rem solid currentcolor;border-radius:50%;animation:button-spin .6s linear infinite;border-inline-end-color:rgba(0,0,0,0)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.button--loading::after{animation:none}}}@layer components.tokens{.button-group{--_radius: var(--ui-button-group-radius, var(--ui-radius-md, calc(0.5rem / 2)))}}@layer components.styles{.button-group{display:inline-flex}.button-group>.button:not(:first-child,:last-child){border-radius:0}.button-group>.button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.button-group>.button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.button-group>.button+.button{margin-inline-start:calc(0.5rem/-8)}.button-group>.button:focus-visible{z-index:1}.button-group--vertical{flex-direction:column}.button-group--vertical>.button:not(:first-child,:last-child){border-radius:0}.button-group--vertical>.button:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.button-group--vertical>.button:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.button-group--vertical>.button+.button{border-block-start-width:0;margin-inline-start:0}.button-group--attached>.button{border-inline-end-width:0}.button-group--attached>.button:last-child{border-inline-end-width:1px}.button-group--attached>.button+.button{margin-inline-start:0}}@layer components.tokens{.close-button{--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, ease);--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-close-button-size, var(--ui-row-2, 2rem));--_icon-size: var(--ui-close-button-icon-size, var(--ui-size-md, 1rem));--_color: var(--ui-close-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_bg: var(--ui-close-button-bg, transparent);--_hover-bg: var(--ui-close-button-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_radius: var(--ui-close-button-radius, var(--ui-radius-md, 0.5rem))}.close-button--sm{--_size: var(--ui-close-button-size-sm, calc(0.5rem * 3));--_icon-size: var(--ui-close-button-icon-size-sm, var(--ui-size-sm, 0.75rem))}.close-button--lg{--_size: var(--ui-close-button-size-lg, var(--ui-row-3, 3rem));--_icon-size: var(--ui-close-button-icon-size-lg, var(--ui-size-lg, 1.25rem))}.close-button--subtle{--_color: var(--ui-close-button-subtle-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_hover-bg: var(--ui-close-button-subtle-hover-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}@layer components.styles{.close-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);padding:0;margin:0;font:inherit;color:var(--_color);background:var(--_bg);border:none;border-radius:var(--_radius);cursor:pointer;appearance:none;transition:background-color var(--_duration-base) var(--_ease-default),color var(--_duration-base) var(--_ease-default)}.close-button:hover,.close-button--hover{color:var(--_color-text);background:var(--_hover-bg)}.close-button:focus-visible,.close-button--focus{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:var(--_border-width-md)}.close-button:active,.close-button--active{transform:scale(0.92)}.close-button:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.close-button:disabled:hover{color:var(--_color);background:var(--_bg);transform:none}.close-button__icon{flex-shrink:0;block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.divider{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color: var(--ui-divider-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_line-size: var(--ui-divider-line-size, var(--ui-border-width-sm, 0.0625rem));--_height: var(--ui-divider-height, var(--ui-unit, 0.5rem));--_gap: var(--ui-divider-gap, calc(0.5rem * 2))}.divider:not(:empty){--_height: var(--ui-row-1, 1rem)}}@layer components.styles{.divider{display:flex;align-items:center;block-size:var(--_height);margin:var(--_gap) 0;font-size:var(--_font-size-sm);line-height:1;color:var(--_color-text-muted);border:none}.divider::before,.divider::after{content:"";flex:1;block-size:var(--_line-size);background:var(--_color)}.divider:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.divider:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.divider:empty::after{display:none}.divider--vertical{flex-direction:column;align-self:stretch;margin:0 var(--_gap);writing-mode:vertical-rl}.divider--vertical::before,.divider--vertical::after{flex:1;block-size:auto;inline-size:var(--_line-size)}.divider--start::before{display:none}.divider--start:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.divider--end::after{display:none}.divider--end:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.divider--dashed::before,.divider--dashed::after{background:repeating-linear-gradient(90deg, var(--_color) 0, var(--_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}.divider--vertical.divider--dashed::before,.divider--vertical.divider--dashed::after{background:repeating-linear-gradient(180deg, var(--_color) 0, var(--_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}}@layer components.tokens{.scroll-area{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_max-height: var(--ui-scroll-area-max-height, calc(1rem * 10));--_scrollbar-size: var(--ui-scroll-area-scrollbar-size, calc(0.5rem * 1));--_thumb-color: var(--ui-scroll-area-thumb-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_thumb-hover-color: var(--ui-scroll-area-thumb-hover-color, var(--ui-color-neutral-400, hsl(220, 10%, 60%)));--_track-color: var(--ui-scroll-area-track-color, transparent);--_thumb-radius: var(--ui-scroll-area-thumb-radius, var(--ui-radius-full, 9999px))}.scroll-area--sm{--_max-height: var(--ui-scroll-area-max-height-sm, calc(1rem * 5))}.scroll-area--lg{--_max-height: var(--ui-scroll-area-max-height-lg, calc(1rem * 15))}.scroll-area--xl{--_max-height: var(--ui-scroll-area-max-height-xl, calc(1rem * 20))}.scroll-area--thin{--_scrollbar-size: var(--ui-scroll-area-scrollbar-size-thin, calc(0.5rem * 0.5))}}@layer components.styles{.scroll-area{overflow:hidden}.scroll-area__viewport{max-block-size:var(--_max-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--_thumb-color) var(--_track-color)}.scroll-area__viewport::-webkit-scrollbar{block-size:var(--_scrollbar-size);inline-size:var(--_scrollbar-size)}.scroll-area__viewport::-webkit-scrollbar-track{background:var(--_track-color)}.scroll-area__viewport::-webkit-scrollbar-thumb{background:var(--_thumb-color);border-radius:var(--_thumb-radius)}.scroll-area__viewport::-webkit-scrollbar-thumb:hover{background:var(--_thumb-hover-color)}.scroll-area--horizontal>.scroll-area__viewport{max-block-size:none;overflow-x:auto;overflow-y:hidden}.scroll-area--both>.scroll-area__viewport{overflow-x:auto;overflow-y:auto}.scroll-area--auto-hide>.scroll-area__viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:background var(--_duration-fast) var(--_ease-default)}.scroll-area--auto-hide>.scroll-area__viewport:hover::-webkit-scrollbar-thumb{background:var(--_thumb-color)}}@layer components.tokens{.spacer{--_size: var(--ui-spacer-size, 1)}}@layer components.styles{.spacer{flex:var(--_size)}}@layer components.tokens{.avatar{--_weight-medium: var(--ui-font-weight-medium, 500);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_color-bg: var(--ui-color-bg, hsl(220, 10%, 98%));--_size: var(--ui-avatar-size, calc(0.5rem * 5));--_bg: var(--ui-avatar-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_color: var(--ui-avatar-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_font-size: var(--ui-avatar-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-avatar-radius, 50%)}.avatar--xs{--_size: var(--ui-avatar-size-xs, calc(0.5rem * 3));--_font-size: var(--ui-avatar-font-size-xs, var(--ui-font-size-xs, 0.75rem))}.avatar--sm{--_size: var(--ui-avatar-size-sm, calc(0.5rem * 4));--_font-size: var(--ui-avatar-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.avatar--lg{--_size: var(--ui-avatar-size-lg, calc(0.5rem * 6));--_font-size: var(--ui-avatar-font-size-lg, var(--ui-font-size-md, 1rem))}.avatar--xl{--_size: var(--ui-avatar-size-xl, calc(0.5rem * 8));--_font-size: var(--ui-avatar-font-size-xl, var(--ui-font-size-lg, 1.25rem))}.avatar--square{--_radius: var(--ui-avatar-radius-square, var(--ui-radius-md, 0.5rem))}}@layer components.styles{.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;block-size:var(--_size);inline-size:var(--_size);overflow:hidden;font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:1;text-transform:uppercase;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.avatar__image{position:absolute;inset:0;block-size:100%;inline-size:100%;object-fit:cover;border-radius:inherit}.avatar__fallback{display:flex;align-items:center;justify-content:center;block-size:100%;inline-size:100%;user-select:none}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group>.avatar{margin-inline-start:calc(var(--_size)*-0.25);border:var(--_border-width-sm) solid var(--_color-bg)}.avatar-group>.avatar:last-child{margin-inline-start:0}}@layer components.tokens{.badge{--_accent: var(--ui-badge-accent, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_height: var(--ui-badge-height, calc(var(--ui-row, 1rem) * 1.25));--_padding-x: var(--ui-badge-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-badge-font-size, var(--ui-font-size-xs, 0.75rem));--_font-weight: var(--ui-badge-font-weight, var(--ui-font-weight-medium, 500));--_radius: var(--ui-badge-radius, var(--ui-radius-full, 9999px));--_bg: var(--_accent);--_color: var(--ui-badge-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.badge--sm{--_height: var(--ui-badge-height-sm, var(--ui-row, 1rem));--_padding-x: var(--ui-badge-padding-x-sm, var(--ui-space-0, 0.25rem));--_font-size: var(--ui-badge-font-size-sm, calc(var(--ui-font-size-xs, 0.75rem) * 0.85))}.badge--lg{--_height: var(--ui-badge-height-lg, calc(var(--ui-row, 1rem) * 1.5));--_padding-x: var(--ui-badge-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-badge-font-size-lg, var(--ui-font-size-md, 1rem))}.badge--primary{--_accent: var(--ui-color-primary, oklch(55% 0.22 250deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.badge--success{--_accent: var(--ui-color-success, oklch(60% 0.18 145deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.badge--warning{--_accent: var(--ui-color-warning, oklch(75% 0.18 70deg));--_color: var(--ui-color-text, hsl(220, 10%, 10%))}.badge--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}}@layer components.styles{.badge{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_height);padding-inline:var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:1;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}}@layer components.tokens{.card{--_row-1: var(--ui-row-1, 1rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_padding: var(--ui-card-padding, var(--ui-space-4, 2rem));--_border-width: var(--ui-card-border-width, var(--ui-border-width-sm, 0.0625rem));--_bg: var(--ui-card-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-card-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-card-radius, var(--ui-radius-md, 0.5rem))}.card--subtle{--_bg: var(--ui-card-bg-subtle, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}.card--muted{--_bg: var(--ui-card-bg-muted, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.card--sm{--_padding: var(--ui-card-padding-sm, var(--ui-space-2, 1rem))}.card--lg{--_padding: var(--ui-card-padding-lg, var(--ui-space-6, 3rem))}.card--flush{--_padding: 0;--_border-width: 0}.card--interactive:hover{--_bg: var(--ui-card-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_border-color: var(--ui-card-border-color-hover, var(--ui-color-border-strong, hsl(220, 10%, 80%)))}.card--interactive:active{--_bg: var(--ui-card-bg-active, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}}@layer components.styles{.card{padding:calc(var(--_padding) - var(--_border-width));line-height:var(--_row-1);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius)}.card--responsive{display:flex;flex-direction:column}@container (inline-size >= 30rem){.card--responsive{flex-direction:row}}.card--responsive>.card__media{inline-size:100%}@container (inline-size >= 30rem){.card--responsive>.card__media{flex:0 0 auto;inline-size:40%}}.card--responsive>.card__body{flex:1 1 auto}.card--interactive{cursor:pointer;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}}@layer components.tokens{.data-list{--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_radius-sm: var(--ui-radius-sm, 0.25rem);--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_gap: var(--ui-data-list-gap, calc(0.5rem * 2));--_item-gap: var(--ui-data-list-item-gap, calc(0.5rem * 1));--_label-color: var(--ui-data-list-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_value-color: var(--ui-data-list-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.data-list--sm{--_gap: calc(0.5rem * 1);--_item-gap: 0}.data-list--lg{--_gap: calc(0.5rem * 3);--_item-gap: calc(0.5rem * 1)}}@layer components.styles{.data-list{display:flex;flex-direction:column;gap:var(--_gap);margin:0;line-height:var(--_row-1)}.data-list__item{display:flex;flex-direction:column;gap:var(--_item-gap)}.data-list__label{font-size:var(--_font-size-sm);font-weight:var(--_weight-medium);line-height:var(--_row-1);color:var(--_label-color)}.data-list__value{margin:0;line-height:var(--_row-1);color:var(--_value-color)}.data-list--horizontal .data-list__item{flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(0.5rem*2)}.data-list--horizontal .data-list__label{flex-shrink:0}.data-list--horizontal .data-list__value{text-align:end}.data-list--divided .data-list__item{padding-block-end:calc(var(--_gap) - var(--_border-width-sm));border-block-end:var(--_border-width-sm) solid var(--_color-border)}.data-list--divided .data-list__item:last-child{padding-block-end:0;border-block-end:none}.data-list--striped .data-list__item:nth-child(odd){padding:calc(0.5rem*1);background:var(--_color-bg-subtle);border-radius:var(--_radius-sm)}.data-list--sm{font-size:var(--_font-size-sm)}.data-list--lg{font-size:var(--_font-size-lg)}}@layer components.tokens{.icon{--_size: var(--ui-icon-size, var(--ui-ctx-size, 1rem));--_stroke: var(--ui-icon-stroke, 2)}.icon--xs{--_size: var(--ui-icon-size-xs, var(--ui-size-xs, 0.5rem))}.icon--sm{--_size: var(--ui-icon-size-sm, var(--ui-size-sm, 0.75rem))}.icon--md{--_size: var(--ui-icon-size-md, var(--ui-size-md, 1rem))}.icon--lg{--_size: var(--ui-icon-size-lg, var(--ui-size-lg, 1.25rem))}.icon--xl{--_size: var(--ui-icon-size-xl, var(--ui-size-xl, 1.5rem))}.icon--stroke-thin{--_stroke: var(--ui-icon-stroke-thin, 1)}.icon--stroke-thick{--_stroke: var(--ui-icon-stroke-thick, 2.5)}}@layer components.styles{.icon{display:inline-block;flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;color:currentcolor;fill:none;stroke:currentcolor;stroke-width:var(--_stroke);stroke-linecap:round;stroke-linejoin:round}.icon--filled{fill:currentcolor;stroke:none}.icon--spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.icon--spin{animation:none}}}@layer components.tokens{.image{--_row-1: var(--ui-row-1, 1rem);--_size: var(--ui-image-size, auto);--_radius: var(--ui-image-radius, 0);--_object-fit: var(--ui-image-object-fit, cover);--_bg: var(--ui-image-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_caption-color: var(--ui-image-caption-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_caption-font-size: var(--ui-image-caption-font-size, var(--ui-font-size-sm, 0.875rem));--_caption-spacing: var(--ui-image-caption-spacing, var(--ui-space-1, 0.5rem))}.image--sm{--_size: var(--ui-image-size-sm, calc(0.5rem * 12))}.image--md{--_size: var(--ui-image-size-md, calc(0.5rem * 24))}.image--lg{--_size: var(--ui-image-size-lg, calc(0.5rem * 40))}.image--xl{--_size: var(--ui-image-size-xl, calc(0.5rem * 60))}.image--full{--_size: 100%}.image--rounded{--_radius: var(--ui-image-radius-rounded, var(--ui-radius-lg, 1rem))}.image--circle{--_radius: var(--ui-image-radius-circle, 50%)}.image--cover{--_object-fit: cover}.image--contain{--_object-fit: contain}}@layer components.styles{.image{display:inline-block;max-inline-size:100%;padding:0;margin:0}.image__img{display:block;block-size:var(--_size);inline-size:var(--_size);max-inline-size:100%;object-fit:var(--_object-fit);background:var(--_bg);border-radius:var(--_radius)}.image__img:not([src]),.image__img[src=""]{aspect-ratio:1/1;min-block-size:calc(0.5rem*8);min-inline-size:calc(0.5rem*8)}.image__caption{margin-block-start:var(--_caption-spacing);font-size:var(--_caption-font-size);line-height:var(--_row-1);color:var(--_caption-color)}.image--circle .image__img{aspect-ratio:1/1}}@layer components.tokens{.stat{--_tracking-display: var(--ui-letter-spacing-display, -0.02em);--_gap: var(--ui-stat-gap, var(--ui-space-1, 0.5rem))}.stat__value{--_font-size: var(--ui-stat-value-font-size, var(--ui-font-size-3xl, 2rem));--_font-weight: var(--ui-stat-value-font-weight, var(--ui-font-weight-bold, 700));--_line-height: var(--ui-stat-value-line-height, var(--ui-line-height-3xl, 2.5rem));--_color: var(--ui-stat-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.stat__label{--_font-size: var(--ui-stat-label-font-size, var(--ui-font-size-sm, 0.875rem));--_color: var(--ui-stat-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_line-height: var(--ui-stat-label-line-height, var(--ui-line-height-sm, 1.5rem))}.stat--sm .stat__value{--_font-size: var(--ui-font-size-xl, 1.5rem);--_line-height: var(--ui-line-height-xl, 2rem)}}@layer components.styles{.stat{display:flex;flex-direction:column;gap:var(--_gap)}.stat__value{font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:var(--_line-height);letter-spacing:var(--_tracking-display);color:var(--_color)}.stat__label{font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}}@layer components.tokens{.status{--_size: var(--ui-status-size, calc(0.5rem * 1));--_color: var(--ui-status-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_gap: var(--ui-status-gap, calc(0.5rem * 1))}.status--success{--_color: var(--ui-color-success, oklch(60% 0.18 145deg))}.status--warning{--_color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.status--danger{--_color: var(--ui-color-danger, oklch(60% 0.22 25deg))}.status--info{--_color: var(--ui-color-primary, oklch(55% 0.22 250deg))}.status--sm{--_size: calc(0.5rem * 0.75);--_gap: calc(0.5rem * 0.75)}.status--lg{--_size: calc(0.5rem * 1.5);--_gap: calc(0.5rem * 1.5)}}@layer components.styles{.status{display:inline-flex;align-items:center;gap:var(--_gap)}.status__dot{flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);background:var(--_color);border-radius:50%}.status--pulse .status__dot{position:relative}.status--pulse .status__dot::before{content:"";position:absolute;inset:0;background:var(--_color);border-radius:50%;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion: reduce){.status--pulse .status__dot::before{animation:none}}}@layer components.tokens{.table{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_unit: var(--ui-unit, 0.5rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_font-size: var(--ui-table-font-size, var(--ui-font-size-sm, 0.875rem));--_border-color: var(--ui-table-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_header-bg: var(--ui-table-header-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_cell-padding-x: var(--ui-table-cell-padding-x, var(--ui-space-2, 1rem));--_cell-padding-y: var(--ui-table-cell-padding-y, var(--ui-space-1, 0.5rem))}.table--compact{--_cell-padding-y: var(--ui-space-0, 0.25rem);--_cell-padding-x: var(--ui-space-1, 0.5rem);--_font-size: var(--ui-font-size-xs, 0.75rem)}}@layer components.styles{.table{inline-size:100%;font-size:var(--_font-size);border-collapse:separate;border-spacing:0}.table th,.table td{padding-block-start:var(--_cell-padding-y);padding-block-end:calc(var(--_cell-padding-y) - var(--_border-width-sm));padding-inline:var(--_cell-padding-x);line-height:calc(var(--_unit)*3);text-align:start;border-block-end:var(--_border-width-sm) solid var(--_border-color)}.table th{font-weight:var(--_weight-medium);background:var(--_header-bg)}.table--striped tbody tr:nth-child(odd){background:var(--_color-bg-subtle)}.table--striped th{background:var(--_color-bg-muted)}}@layer components.tokens{.tag{--_weight-medium: var(--ui-font-weight-medium, 500);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_opacity-loading: var(--ui-opacity-loading, 0.7);--_height: var(--ui-tag-height, calc(0.5rem * 3));--_padding-x: var(--ui-tag-padding-x, var(--ui-space-1, 0.5rem));--_gap: var(--ui-tag-gap, calc(0.5rem * 0.5));--_radius: var(--ui-tag-radius, var(--ui-radius-full, 9999px));--_font-size: var(--ui-tag-font-size, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-tag-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_color: var(--ui-tag-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.tag--sm{--_height: var(--ui-tag-height-sm, calc(0.5rem * 2.5));--_padding-x: var(--ui-tag-padding-x-sm, calc(0.5rem * 1));--_font-size: var(--ui-tag-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.tag--lg{--_height: var(--ui-tag-height-lg, calc(0.5rem * 3.5));--_padding-x: var(--ui-tag-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-tag-font-size-lg, var(--ui-font-size-md, 1rem))}.tag--primary{--_bg: var(--ui-tag-primary-bg, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-tag-primary-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.tag--success{--_bg: var(--ui-tag-success-bg, var(--ui-color-success, oklch(60% 0.18 145deg)));--_color: var(--ui-tag-success-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.tag--warning{--_bg: var(--ui-tag-warning-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--_color: var(--ui-tag-warning-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.tag--danger{--_bg: var(--ui-tag-danger-bg, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_color: var(--ui-tag-danger-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}@layer components.styles{.tag{display:inline-flex;align-items:center;gap:var(--_gap);block-size:var(--_height);padding-inline:var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:1;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.tag:disabled,.tag[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}.tag__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;margin-inline-start:calc(var(--_gap)*-0.5);color:currentcolor;background:none;border:none;opacity:var(--_opacity-loading);cursor:pointer}.tag__remove:hover{opacity:1}.tag-group{display:flex;flex-wrap:wrap;gap:calc(0.5rem*.5)}}@layer components.tokens{.accordion{--_border-color: var(--ui-accordion-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-accordion-border-width, var(--ui-border-width-sm, 0.0625rem));--_radius: var(--ui-accordion-radius, var(--ui-radius-md, calc(0.5rem * 1)))}.accordion>.disclosure{--_border-width: 0}}@layer components.styles{.accordion{border-radius:var(--_radius);outline:var(--_border-width) solid var(--_border-color);outline-offset:calc(var(--_border-width)*-1)}.accordion>.disclosure{border:none;border-radius:0}.accordion>.disclosure+.disclosure{border-block-start:1px solid var(--_border-color)}.accordion>.disclosure:first-child .disclosure__trigger{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_radius)}.accordion>.disclosure:last-child .disclosure__trigger{border-end-start-radius:var(--_radius);border-end-end-radius:var(--_radius)}.accordion>.disclosure:last-child .disclosure__content{border-end-start-radius:var(--_radius);border-end-end-radius:var(--_radius)}.accordion--borderless{border:none}.accordion--borderless>.disclosure+.disclosure{border-block-start:none}.accordion--separated{display:flex;flex-direction:column;gap:calc(0.5rem*1);border:none}.accordion--separated>.disclosure{border:1px solid var(--_border-color);border-radius:var(--_radius)}.accordion--separated>.disclosure+.disclosure{border-block-start:1px solid var(--_border-color)}}@layer components.tokens{.disclosure{--_weight-medium: var(--ui-font-weight-medium, 500);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_duration-normal: var(--ui-duration-normal, 200ms);--_border-color: var(--ui-disclosure-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-disclosure-border-width, var(--ui-border-width-sm, 0.0625rem));--_radius: var(--ui-disclosure-radius, var(--ui-radius-md, calc(0.5rem * 1)));--_trigger-height: var(--ui-disclosure-trigger-height, var(--ui-row-3, calc(1rem * 3)));--_padding-x: var(--ui-disclosure-padding-x, calc(0.5rem * 2));--_padding-y: var(--ui-disclosure-padding-y, calc(0.5rem * 2))}.disclosure--borderless{--_border-width: 0}}@layer components.styles{.disclosure{box-sizing:border-box;border-radius:var(--_radius);outline:var(--_border-width) solid var(--_border-color);outline-offset:calc(var(--_border-width)*-1)}.disclosure:not([open]){block-size:var(--_trigger-height)}.disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);block-size:var(--_trigger-height);inline-size:100%;padding-inline:var(--_padding-x);font-weight:var(--_weight-medium);line-height:1;text-align:start;cursor:pointer;list-style:none}.disclosure__trigger::-webkit-details-marker{display:none}.disclosure__trigger::marker{display:none}.disclosure__trigger:hover{background:var(--_color-bg-subtle)}.disclosure__icon{flex-shrink:0;transition:transform var(--_duration-fast) var(--_ease-default)}.disclosure[open] .disclosure__icon{transform:rotate(180deg)}.disclosure__content{padding:0 var(--_padding-x) var(--_padding-y)}.disclosure--animate .disclosure__content{animation:disclosure-open var(--_duration-normal) var(--_ease-default)}@keyframes disclosure-open{from{opacity:0;transform:translateY(calc(0.5rem * -1))}to{opacity:1;transform:translateY(0)}}.disclosure--borderless{border:none;border-radius:0}.disclosure--flush .disclosure__trigger{padding-inline:0}.disclosure--flush .disclosure__content{padding-inline:0}@media(prefers-reduced-motion: reduce){.disclosure--animate .disclosure__content{animation:none}.disclosure__icon{transition:none}}}@layer components.tokens{.alert{--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_accent: var(--ui-alert-accent, var(--ui-color-border, hsl(220, 10%, 90%)));--_padding: var(--ui-alert-padding, var(--ui-space-2, 1rem));--_border-width: var(--ui-alert-border-width, var(--ui-border-width-sm, 0.0625rem));--_gap: var(--ui-alert-gap, var(--ui-space-1, 0.5rem));--_radius: var(--ui-alert-radius, var(--ui-radius-md, 0.5rem));--_bg: color-mix(in oklch, var(--_accent) 8%, white);--_border-color: var(--_accent);--_color: var(--ui-alert-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_font-size: var(--ui-alert-font-size, inherit);--_padding-end: 0;--_icon-color: var(--_accent)}.alert--info{--_accent: var(--ui-color-primary, oklch(55% 0.22 250deg))}.alert--success{--_accent: var(--ui-color-success, oklch(60% 0.18 145deg))}.alert--warning{--_accent: var(--ui-color-warning, oklch(75% 0.18 70deg))}.alert--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.alert--sm{--_padding: var(--ui-alert-padding-sm, var(--ui-space-1, 0.5rem));--_gap: var(--ui-alert-gap-sm, calc(0.5rem * 0.5));--_font-size: var(--ui-alert-font-size-sm, var(--ui-font-size-sm, 0.875rem))}.alert--lg{--_padding: var(--ui-alert-padding-lg, var(--ui-space-4, 2rem));--_gap: var(--ui-alert-gap-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-alert-font-size-lg, var(--ui-font-size-lg, 1.25rem))}.alert--dismissible{--_padding-end: var(--ui-alert-padding-end, calc(0.5rem * 5))}}@layer components.styles{.alert{display:flex;align-items:flex-start;gap:var(--_gap);padding:calc(var(--_padding) - var(--_border-width));padding-inline:var(--_padding);padding-inline-end:calc(var(--_padding) + var(--_padding-end));font-size:var(--_font-size);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);border-inline-start-width:calc(var(--_border-width)*4)}.alert__icon{flex-shrink:0;color:var(--_icon-color)}.alert__content{flex:1;min-inline-size:0}.alert__title{margin:0;font-weight:var(--_weight-medium);line-height:var(--_row-1)}.alert__description{margin:0;margin-block-start:calc(0.5rem*1);font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.alert__close{flex-shrink:0;align-self:flex-start;padding:0;color:var(--_color-text-muted);background:none;border:none;cursor:pointer}.alert__close:hover{color:var(--_color-text)}}@property --ui-progress-value{syntax:"<percentage>";inherits:false;initial-value:0%}@layer components.tokens{.progress{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_height: var(--ui-progress-height, calc(0.5rem * 1));--_bg: var(--ui-progress-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_fill: var(--ui-progress-fill, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_radius: var(--ui-progress-radius, var(--ui-radius-full, 9999px))}.progress--sm{--_height: calc(0.5rem * 1)}.progress--lg{--_height: calc(0.5rem * 2)}.progress--success{--_fill: var(--ui-color-success, oklch(60% 0.18 145deg))}.progress--warning{--_fill: var(--ui-color-warning, oklch(75% 0.18 70deg))}.progress--danger{--_fill: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.progress{position:relative;block-size:var(--_height);overflow:hidden;background:var(--_bg);border-radius:var(--_radius)}.progress__bar{block-size:100%;inline-size:var(--ui-progress-value, auto);background:var(--_fill);border-radius:var(--_radius);transition:inline-size var(--_duration-normal) var(--_ease-default),--ui-progress-value var(--_duration-normal) var(--_ease-default)}.progress--indeterminate .progress__bar{inline-size:30%;animation:progress-indeterminate 1.5s infinite ease-in-out}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.progress--striped .progress__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:0.5rem 0.5rem}.progress--animated .progress__bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{from{background-position:0.5rem 0}to{background-position:0 0}}@media(prefers-reduced-motion: reduce){.progress--indeterminate .progress__bar{animation:none}.progress--animated .progress__bar{animation:none}}}@property --ui-progress-circle-value{syntax:"<number>";inherits:false;initial-value:0}@layer components.tokens{.progress-circle{--_duration-slow: var(--ui-duration-slow, 250ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_size: var(--ui-progress-circle-size, calc(var(--ui-unit, 0.5rem) * 6));--_stroke-width: var(--ui-progress-circle-stroke-width, 8);--_fill-color: var(--ui-progress-circle-fill-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-color: var(--ui-progress-circle-track-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_value: var(--ui-progress-circle-value, 0);--_circumference: 282.743}.progress-circle--sm{--_size: var(--ui-progress-circle-size-sm, calc(var(--ui-unit, 0.5rem) * 4))}.progress-circle--lg{--_size: var(--ui-progress-circle-size-lg, calc(var(--ui-unit, 0.5rem) * 8))}.progress-circle--xl{--_size: var(--ui-progress-circle-size-xl, calc(var(--ui-unit, 0.5rem) * 12))}.progress-circle--success{--_fill-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.progress-circle--warning{--_fill-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.progress-circle--danger{--_fill-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.progress-circle{display:inline-block;flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;transform:rotate(-90deg)}.progress-circle__track{fill:none;stroke:var(--_track-color);stroke-width:var(--_stroke-width)}.progress-circle__fill{fill:none;stroke:var(--_fill-color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-dasharray:var(--_circumference);stroke-dashoffset:calc(var(--_circumference)*(1 - var(--_value)/100));transition:stroke-dashoffset var(--_duration-slow) var(--_ease-default),--ui-progress-circle-value var(--_duration-slow) var(--_ease-default)}.progress-circle--indeterminate{animation:progress-circle-rotate 1.4s linear infinite}.progress-circle--indeterminate .progress-circle__fill{stroke-dashoffset:calc(var(--_circumference)*.25);transition:none}@keyframes progress-circle-rotate{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion: reduce){.progress-circle--indeterminate{animation:none}}}@layer components.tokens{.skeleton{--_bg: var(--ui-skeleton-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_shimmer: var(--ui-skeleton-shimmer, rgba(255, 255, 255, 0.5));--_radius: var(--ui-skeleton-radius, var(--ui-radius-sm, calc(0.5rem / 2)))}}@layer components.styles{.skeleton{display:block;position:relative;overflow:hidden;background:var(--_bg);border-radius:var(--_radius)}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--_shimmer) 50%, transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}.skeleton--text{block-size:calc(0.5rem*2);inline-size:100%}.skeleton--heading{block-size:calc(0.5rem*3);inline-size:60%}.skeleton--circle{block-size:calc(0.5rem*5);inline-size:calc(0.5rem*5);border-radius:50%}.skeleton--rect{block-size:calc(0.5rem*20);inline-size:100%}.skeleton--static::after{animation:none}.skeleton--pulse{animation:skeleton-pulse 1.5s infinite ease-in-out}.skeleton--pulse::after{display:none}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion: reduce){.skeleton::after{animation:none}.skeleton--pulse{animation:none}}}@layer components.tokens{.spinner{--_size: var(--ui-spinner-size, calc(var(--ui-unit, 0.5rem) * 4));--_border-width: var(--ui-spinner-border-width, var(--ui-border-width-md, 0.125rem));--_color: var(--ui-spinner-color, currentcolor);--_track-color: var(--ui-spinner-track-color, transparent);--_duration: var(--ui-spinner-duration, 750ms)}.spinner--xs{--_size: var(--ui-spinner-size-xs, calc(var(--ui-unit, 0.5rem) * 2));--_border-width: var(--ui-spinner-border-width-xs, var(--ui-border-width-sm, 0.0625rem))}.spinner--sm{--_size: var(--ui-spinner-size-sm, calc(var(--ui-unit, 0.5rem) * 3));--_border-width: var(--ui-spinner-border-width-sm, var(--ui-border-width-md, 0.125rem))}.spinner--lg{--_size: var(--ui-spinner-size-lg, calc(var(--ui-unit, 0.5rem) * 5));--_border-width: var(--ui-spinner-border-width-lg, var(--ui-border-width-md, 0.125rem))}.spinner--xl{--_size: var(--ui-spinner-size-xl, calc(var(--ui-unit, 0.5rem) * 6));--_border-width: var(--ui-spinner-border-width-xl, var(--ui-border-width-lg, 0.25rem))}}@layer components.styles{.spinner{display:inline-block;flex-shrink:0;box-sizing:border-box;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;border:var(--_border-width) solid var(--_track-color);border-radius:50%;border-block-start-color:var(--_color);animation:spinner-rotate var(--_duration) linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.spinner{animation:none}}}@layer components.tokens{.toast-viewport{--_z-toast: var(--ui-z-index-toast, 700);--_gap: var(--ui-toast-viewport-gap, calc(0.5rem * 1));--_padding: var(--ui-toast-viewport-padding, calc(0.5rem * 2));--_max-width: var(--ui-toast-viewport-max-width, 420px)}.toast{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-out: var(--ui-ease-out, ease-out);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-in: var(--ui-ease-in, ease-in);--_padding: var(--ui-toast-padding, calc(0.5rem * 2));--_gap: var(--ui-toast-gap, calc(0.5rem * 1));--_radius: var(--ui-toast-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-toast-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-toast-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_shadow: var(--ui-toast-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)))}.toast--success{--_border-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.toast--warning{--_border-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.toast--danger{--_border-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}.toast--info{--_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}@layer components.styles{.toast-viewport{display:flex;flex-direction:column;gap:var(--_gap);position:fixed;z-index:var(--_z-toast);max-inline-size:var(--_max-width);padding:var(--_padding);pointer-events:none;list-style:none}.toast-viewport--top-end{inset-block-start:0;inset-inline-end:0}.toast-viewport--top-start{inset-block-start:0;inset-inline-start:0}.toast-viewport--bottom-end{inset-block-end:0;inset-inline-end:0}.toast-viewport--bottom-start{inset-block-end:0;inset-inline-start:0}.toast-viewport--top-center{inset-block-start:0;inset-inline-start:50%;transform:translateX(-50%)}.toast-viewport--bottom-center{inset-block-end:0;inset-inline-start:50%;transform:translateX(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--_gap);padding:var(--_padding);background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);pointer-events:auto;outline-offset:calc(var(--_border-width-sm)*-1)}.toast__icon{flex-shrink:0}.toast__content{flex:1;min-inline-size:0}.toast__title{margin:0;font-weight:var(--_weight-medium);line-height:var(--_row-1)}.toast__description{margin:0;font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.toast__action{flex-shrink:0}.toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_row-1);inline-size:var(--_row-1);padding:0;color:var(--_color-text-muted);background:none;border:none;cursor:pointer}.toast__close:hover{color:var(--_color-text)}.toast[data-state=open]{animation:toast-slide-in var(--_duration-normal) var(--_ease-out)}.toast[data-state=closed]{animation:toast-slide-out var(--_duration-fast) var(--_ease-in)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}}@keyframes toast-slide-out{to{opacity:0;transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.toast[data-state]{animation:none}}}@layer components.tokens{.checkbox{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-checkbox-size, calc(0.5rem * 2));--_radius: var(--ui-checkbox-radius, var(--ui-radius-sm, 0.25rem));--_bg: var(--ui-checkbox-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_bg-checked: var(--ui-checkbox-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-color: var(--ui-checkbox-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-checkbox-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_check-color: var(--ui-checkbox-check-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.checkbox--lg{--_size: var(--ui-checkbox-size-lg, calc(0.5rem * 3))}.checkbox--error{--_border-color: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.checkbox--success{--_border-color: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.checkbox{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);margin:0;vertical-align:middle;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);cursor:pointer;appearance:none;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.checkbox::before{content:"";block-size:65%;inline-size:65%;background-color:var(--_check-color);opacity:0;clip-path:polygon(20% 55%, 40% 75%, 80% 25%, 85% 30%, 40% 85%, 15% 60%);transition:opacity var(--_duration-fast) var(--_ease-default)}.checkbox:hover:not(:disabled){border-color:var(--_border-color-focus)}.checkbox:focus-visible{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.checkbox:checked{background:var(--_bg-checked);border-color:var(--_bg-checked)}.checkbox:checked::before{opacity:1}.checkbox:indeterminate{background:var(--_bg-checked);border-color:var(--_bg-checked)}.checkbox:indeterminate::before{opacity:1;clip-path:polygon(15% 45%, 85% 45%, 85% 55%, 15% 55%)}.checkbox:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.checkbox-group{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_row-1: var(--ui-row-1, 1rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-2: var(--ui-space-2, 1rem);--_spacing: var(--ui-checkbox-group-spacing, var(--ui-space-1, 0.5rem));--_legend-size: var(--ui-checkbox-group-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-checkbox-group-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-checkbox-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_legend-spacing: var(--ui-checkbox-group-legend-spacing, var(--ui-space-1, 0.5rem));--_item-gap: var(--ui-checkbox-group-item-gap, var(--ui-space-1, 0.5rem))}.checkbox-group--compact{--_spacing: var(--ui-checkbox-group-spacing-compact, 0);--_legend-spacing: var(--ui-checkbox-group-legend-spacing-compact, 0);--_item-gap: var(--ui-checkbox-group-item-gap-compact, 0)}.checkbox-group--error{--_legend-color: var(--ui-checkbox-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}@layer components.styles{.checkbox-group{display:flex;flex-direction:column;gap:var(--_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.checkbox-group__legend{padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.checkbox-group__items{display:flex;flex-direction:column;gap:var(--_spacing)}.checkbox-group__item{display:flex;align-items:center;gap:var(--_item-gap);line-height:var(--_row-1);cursor:pointer}.checkbox-group__item:has(:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.checkbox-group--horizontal>.checkbox-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--_space-2)}.checkbox-group:disabled,.checkbox-group[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.field{--_gap: var(--ui-field-gap, 0)}}@layer components.styles{.field{display:flex;flex-direction:column;gap:var(--_gap)}.field__control{display:flex;flex-direction:column}.field--horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.field--horizontal>.field__label{flex:0 0 auto;min-inline-size:calc(0.5rem*15);padding-block-start:calc(0.5rem*1)}.field--horizontal>.field__control{flex:1 1 0;min-inline-size:calc(0.5rem*20)}.field--responsive{flex-direction:column}@container (inline-size >= 30rem){.field--responsive{flex-direction:row;flex-wrap:wrap;align-items:flex-start}}@container (inline-size >= 30rem){.field--responsive>.field__label{flex:0 0 auto;min-inline-size:calc(0.5rem*15);padding-block-start:calc(0.5rem*1)}}@container (inline-size >= 30rem){.field--responsive>.field__control{flex:1 1 0;min-inline-size:calc(0.5rem*20)}}}@layer components.tokens{.fieldset{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_space-half: var(--ui-space-half, 0.25rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_spacing: var(--ui-fieldset-spacing, var(--ui-space-2, 1rem));--_border-color: var(--ui-fieldset-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-fieldset-border-width, var(--ui-border-width-sm, 0.0625rem));--_border-radius: var(--ui-fieldset-border-radius, var(--ui-radius-md, 0.5rem));--_padding: var(--ui-fieldset-padding, var(--ui-space-2, 1rem));--_legend-size: var(--ui-fieldset-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-fieldset-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-fieldset-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.fieldset--compact{--_spacing: var(--ui-fieldset-spacing-compact, var(--ui-space-1, 0.5rem));--_padding: var(--ui-fieldset-padding-compact, var(--ui-space-1, 0.5rem))}}@layer components.styles{.fieldset{display:flex;flex-direction:column;gap:var(--_spacing);min-inline-size:0;padding:0;margin:0;border:none}.fieldset__legend{inline-size:100%;padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.fieldset--bordered{padding:var(--_padding);padding-block-end:calc(var(--_padding) - var(--_border-width));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_border-radius)}.fieldset--bordered>.fieldset__legend{inline-size:auto;padding-inline:var(--_space-half);margin-inline-start:calc(-1*var(--_space-half))}.fieldset:disabled,.fieldset[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.form{--_spacing: var(--ui-form-spacing, var(--ui-space-3, calc(0.5rem * 3)));--_actions-gap: var(--ui-form-actions-gap, var(--ui-space-2, calc(0.5rem * 2)));--_section-spacing: var(--ui-form-section-spacing, var(--ui-space-4, calc(0.5rem * 4)))}.form--compact{--_spacing: var(--ui-form-spacing-compact, var(--ui-space-2, calc(0.5rem * 2)));--_section-spacing: var(--ui-form-section-spacing-compact, var(--ui-space-3, calc(0.5rem * 3)))}}@layer components.styles{.form{display:flex;flex-direction:column;gap:var(--_spacing)}.form__section{display:flex;flex-direction:column;gap:var(--_spacing);padding:0;margin:0;border:0}.form__section+.form__section{padding-block-start:var(--_section-spacing)}.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_actions-gap)}.form--inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form--inline>.form__actions{align-items:flex-end}}@layer components.tokens{.form-error{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_color: var(--ui-form-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_size: var(--ui-form-error-size, var(--ui-font-size-sm, 0.875rem));--_gap: var(--ui-form-error-gap, 0)}}@layer components.styles{.form-error{display:flex;align-items:flex-start;gap:var(--_gap);margin-block-start:var(--_gap);font-size:var(--_size);line-height:var(--_leading-tight-sm);color:var(--_color)}.form-error__icon{flex-shrink:0}}@layer components.tokens{.form-helper{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_color: var(--ui-form-helper-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_size: var(--ui-form-helper-size, var(--ui-font-size-sm, 0.875rem));--_gap: var(--ui-form-helper-gap, 0)}}@layer components.styles{.form-helper{display:block;margin-block-start:var(--_gap);font-size:var(--_size);line-height:var(--_leading-tight-sm);color:var(--_color)}}@layer components.tokens{.input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_space-half: var(--ui-space-half, 0.25rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_height: var(--ui-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-input-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.input--sm{--_height: var(--ui-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.input--lg{--_height: var(--ui-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-input-font-size-lg, var(--ui-font-size-md, 1rem))}.input--filled{--_bg: var(--ui-input-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.input--ghost{--_bg: transparent;--_border-color: transparent}.input--error{--_border-color: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.input--success{--_border-color: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.input{display:inline-flex;align-items:center;block-size:var(--_height);padding-inline:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.input::placeholder{color:var(--_placeholder)}.input:hover:not(:disabled,:focus-visible){border-color:var(--_color-border-strong)}.input:focus-visible,.input--focus{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.input:disabled,.input--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.input:read-only{background:var(--_color-bg-subtle)}.input--block{inline-size:100%}.input-group{display:inline-flex;align-items:stretch;position:relative}.input-group .input{flex:1}.input-group--has-prefix .input{padding-inline-start:calc(var(--_height) + var(--_space-half))}.input-group--has-suffix .input{padding-inline-end:calc(var(--_height) + var(--_space-half))}.input-group__addon{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;inline-size:var(--_height, 2rem);color:var(--_color-text-muted);pointer-events:none}.input-group__addon--start{inset-inline-start:0}.input-group__addon--end{inset-inline-end:0}.input-group__addon--interactive{cursor:pointer;pointer-events:auto}}@layer components.tokens{.label{--_weight-medium: var(--ui-font-weight-medium, 500);--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_weight-normal: var(--ui-font-weight-normal, 400);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_font-size: var(--ui-label-font-size, var(--ui-font-size-sm, 0.875rem));--_color: var(--ui-label-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_required-color: var(--ui-label-required-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.label--lg{--_font-size: var(--ui-label-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.label{display:inline-flex;align-items:baseline;gap:0;font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:var(--_leading-tight-sm);color:var(--_color);cursor:pointer}.label[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}.label__required{color:var(--_required-color)}.label__optional{font-weight:var(--_weight-normal);color:var(--_color-text-muted)}}@layer components.tokens{.number-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size-sm: var(--ui-size-sm, 0.75rem);--_height: var(--ui-number-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-number-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-number-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-number-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-number-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-number-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-number-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-number-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_button-color: var(--ui-number-input-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_button-bg: var(--ui-number-input-button-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_button-hover-bg: var(--ui-number-input-button-hover-bg, var(--ui-color-border, hsl(220, 10%, 90%)))}.number-input--sm{--_height: var(--ui-number-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-number-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.number-input--lg{--_height: var(--ui-number-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-number-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-number-input-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.number-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.number-input:focus-within{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.number-input--block{inline-size:100%}.number-input--disabled,.number-input:has(.number-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.number-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0 var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;text-align:center;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.number-input__field::-webkit-outer-spin-button,.number-input__field::-webkit-inner-spin-button{margin:0;appearance:none}.number-input__field[type=number]{appearance:textfield}.number-input__decrement,.number-input__increment{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:100%;inline-size:var(--_height);padding:0;margin:0;color:var(--_button-color);background:var(--_button-bg);border:none;cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.number-input__decrement:hover:not(:disabled),.number-input__increment:hover:not(:disabled){background:var(--_button-hover-bg)}.number-input__decrement:focus-visible,.number-input__increment:focus-visible{outline:2px solid var(--_color-focus);outline-offset:-0.125rem}.number-input__decrement:disabled,.number-input__increment:disabled{cursor:not-allowed}.number-input__decrement svg,.number-input__increment svg{block-size:var(--_size-sm);inline-size:var(--_size-sm);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.number-input__decrement{border-start-start-radius:calc(var(--_radius) - var(--_border-width-sm));border-end-start-radius:calc(var(--_radius) - var(--_border-width-sm));border-inline-end:var(--_border-width-sm) solid var(--_border-color)}.number-input__increment{border-start-end-radius:calc(var(--_radius) - var(--_border-width-sm));border-end-end-radius:calc(var(--_radius) - var(--_border-width-sm));border-inline-start:var(--_border-width-sm) solid var(--_border-color)}}@layer components.tokens{.password-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-half: var(--ui-space-half, 0.25rem);--_radius-sm: var(--ui-radius-sm, 0.25rem);--_size-md: var(--ui-size-md, 1rem);--_height: var(--ui-password-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-password-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-password-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-password-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-password-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-password-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-password-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-password-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-password-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_toggle-color: var(--ui-password-input-toggle-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_toggle-hover-bg: var(--ui-password-input-toggle-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.password-input--sm{--_height: var(--ui-password-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-password-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.password-input--lg{--_height: var(--ui-password-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-password-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-password-input-font-size-lg, var(--ui-font-size-md, 1rem))}.password-input--error{--_border-color: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.password-input--success{--_border-color: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.password-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.password-input:focus-within,.password-input--focus{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.password-input--block{inline-size:100%}.password-input--disabled,.password-input:has(.password-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.password-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-start:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.password-input__field::placeholder{color:var(--_placeholder)}.password-input__toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--_height) - var(--_space-half)*2);inline-size:calc(var(--_height) - var(--_space-half)*2);margin-inline-end:calc(var(--_space-half));color:var(--_toggle-color);background:rgba(0,0,0,0);border:none;border-radius:var(--_radius-sm);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.password-input__toggle:hover{background:var(--_toggle-hover-bg)}.password-input__toggle:focus-visible{outline:2px solid var(--_color-focus);outline-offset:-0.125rem}.password-input__toggle svg{block-size:var(--_size-md);inline-size:var(--_size-md);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.radio{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-radio-size, calc(0.5rem * 2));--_bg: var(--ui-radio-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_bg-checked: var(--ui-radio-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-color: var(--ui-radio-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-radio-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_dot-color: var(--ui-radio-dot-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.radio--lg{--_size: var(--ui-radio-size-lg, calc(0.5rem * 3))}.radio--error{--_border-color: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.radio--success{--_border-color: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.radio{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);margin:0;vertical-align:middle;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:50%;cursor:pointer;appearance:none;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.radio::before{content:"";block-size:50%;inline-size:50%;background-color:var(--_dot-color);border-radius:50%;opacity:0;transform:scale(0);transition:opacity var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.radio:hover:not(:disabled){border-color:var(--_border-color-focus)}.radio:focus-visible{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.radio:checked{background:var(--_bg-checked);border-color:var(--_bg-checked)}.radio:checked::before{opacity:1;transform:scale(1)}.radio:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.radio-group{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_row-1: var(--ui-row-1, 1rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-2: var(--ui-space-2, 1rem);--_spacing: var(--ui-radio-group-spacing, var(--ui-space-1, 0.5rem));--_legend-size: var(--ui-radio-group-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-radio-group-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-radio-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_legend-spacing: var(--ui-radio-group-legend-spacing, var(--ui-space-1, 0.5rem));--_item-gap: var(--ui-radio-group-item-gap, var(--ui-space-1, 0.5rem))}.radio-group--compact{--_spacing: var(--ui-radio-group-spacing-compact, 0);--_legend-spacing: var(--ui-radio-group-legend-spacing-compact, 0);--_item-gap: var(--ui-radio-group-item-gap-compact, 0)}.radio-group--error{--_legend-color: var(--ui-radio-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}@layer components.styles{.radio-group{display:flex;flex-direction:column;gap:var(--_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.radio-group__legend{padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.radio-group__items{display:flex;flex-direction:column;gap:var(--_spacing)}.radio-group__item{display:flex;align-items:center;gap:var(--_item-gap);line-height:var(--_row-1);cursor:pointer}.radio-group__item:has(:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.radio-group--horizontal>.radio-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--_space-2)}.radio-group:disabled,.radio-group[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.search-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-half: var(--ui-space-half, 0.25rem);--_radius-sm: var(--ui-radius-sm, 0.25rem);--_height: var(--ui-search-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-search-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-search-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-search-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-search-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-search-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-search-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-search-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-search-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_icon-color: var(--ui-search-input-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_icon-size: var(--ui-search-input-icon-size, var(--ui-size-md, 1rem));--_clear-color: var(--ui-search-input-clear-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_clear-hover-bg: var(--ui-search-input-clear-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.search-input--sm{--_height: var(--ui-search-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-search-input-font-size-sm, var(--ui-font-size-xs, 0.75rem));--_icon-size: var(--ui-search-input-icon-size-sm, var(--ui-size-sm, 0.75rem))}.search-input--lg{--_height: var(--ui-search-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-search-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-search-input-font-size-lg, var(--ui-font-size-md, 1rem));--_icon-size: var(--ui-search-input-icon-size-lg, var(--ui-size-lg, 1.25rem))}}@layer components.styles{.search-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.search-input:focus-within,.search-input--focus{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.search-input--block{inline-size:100%}.search-input--disabled,.search-input:has(.search-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.search-input__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--_height);color:var(--_icon-color);pointer-events:none}.search-input__icon svg{block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-end:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.search-input__field::placeholder{color:var(--_placeholder)}.search-input__field::-webkit-search-cancel-button,.search-input__field::-webkit-search-decoration{appearance:none}.search-input--has-clear .search-input__field{padding-inline-end:0}.search-input__clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--_height) - var(--_space-half)*2);inline-size:calc(var(--_height) - var(--_space-half)*2);margin-inline-end:calc(var(--_space-half));color:var(--_clear-color);background:rgba(0,0,0,0);border:none;border-radius:var(--_radius-sm);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.search-input__clear:hover{background:var(--_clear-hover-bg)}.search-input__clear:focus-visible{outline:2px solid var(--_color-focus);outline-offset:-0.125rem}.search-input__clear svg{block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.select{--_space-half: var(--ui-space-half, 0.25rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_height: var(--ui-select-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-select-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-select-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-select-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-select-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-select-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-select-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-select-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_icon-color: var(--ui-select-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.select--sm{--_height: var(--ui-select-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-select-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.select--lg{--_height: var(--ui-select-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-select-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-select-font-size-lg, var(--ui-font-size-md, 1rem))}.select--filled{--_bg: var(--ui-select-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.select--ghost{--_bg: transparent;--_border-color: transparent}.select--error{--_border-color: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.select--success{--_border-color: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.select{display:inline-block;block-size:var(--_height);padding-inline-start:var(--_padding-x);padding-inline-end:calc(var(--_height) - var(--_space-half));font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_color);background-color:var(--_bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);cursor:pointer;appearance:none;transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default);background-repeat:no-repeat;background-position:right var(--_space-half) center;background-size:calc(var(--_height)*.5)}.select:hover:not(:disabled,:focus-visible){border-color:var(--_color-border-strong)}.select:focus-visible,.select--focus{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.select:disabled,.select--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.select--block{inline-size:100%}.select:invalid,.select--placeholder{color:var(--_color-text-muted)}}@layer components.tokens{.slider{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_height: var(--ui-slider-height, var(--ui-row-2, 2rem));--_track-height: var(--ui-slider-track-height, var(--ui-unit, 0.5rem));--_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_track-fill: var(--ui-slider-track-fill, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-radius: var(--ui-slider-track-radius, var(--ui-radius-full, 9999px));--_thumb-size: var(--ui-slider-thumb-size, calc(0.5rem * 2.5));--_thumb-bg: var(--ui-slider-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_thumb-border-color: var(--ui-slider-thumb-border-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_thumb-border-width: var(--ui-slider-thumb-border-width, var(--ui-border-width-md, 0.125rem));--_thumb-radius: var(--ui-slider-thumb-radius, var(--ui-radius-full, 9999px));--_thumb-shadow: var(--ui-slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));--_focus-ring: var(--ui-slider-focus-ring, var(--ui-color-focus, oklch(75% 0.15 250deg)))}.slider--sm{--_height: var(--ui-slider-height-sm, calc(1rem * 1.5));--_track-height: calc(0.5rem * 0.5);--_thumb-size: calc(0.5rem * 2)}.slider--lg{--_height: var(--ui-slider-height-lg, calc(1rem * 2.5));--_track-height: calc(0.5rem * 1.5);--_thumb-size: calc(0.5rem * 3)}.slider--success{--_track-fill: var(--ui-color-success, oklch(60% 0.18 145deg));--_thumb-border-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.slider--warning{--_track-fill: var(--ui-color-warning, oklch(75% 0.18 70deg));--_thumb-border-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.slider--danger{--_track-fill: var(--ui-color-danger, oklch(60% 0.22 25deg));--_thumb-border-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.slider{display:inline-flex;align-items:center;block-size:var(--_height);inline-size:100%;padding:0;margin:0;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.slider::-webkit-slider-runnable-track{block-size:var(--_track-height);background:var(--_track-bg);border-radius:var(--_track-radius)}.slider::-moz-range-track{block-size:var(--_track-height);background:var(--_track-bg);border:none;border-radius:var(--_track-radius)}.slider::-moz-range-progress{block-size:var(--_track-height);background:var(--_track-fill);border-radius:var(--_track-radius)}.slider::-webkit-slider-thumb{block-size:var(--_thumb-size);inline-size:var(--_thumb-size);margin-block-start:calc((var(--_track-height) - var(--_thumb-size))/2);background:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-radius);box-shadow:var(--_thumb-shadow);appearance:none;transition:box-shadow var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.slider::-moz-range-thumb{block-size:var(--_thumb-size);inline-size:var(--_thumb-size);background:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-radius);box-shadow:var(--_thumb-shadow);transition:box-shadow var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.slider:focus-visible{outline:var(--_border-width-md) solid rgba(0,0,0,0)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--_border-width-md) var(--_focus-ring)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--_border-width-md) var(--_focus-ring)}.slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.slider:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.slider:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.textarea{--_row-1: var(--ui-row-1, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_min-height: var(--ui-textarea-min-height, calc(1rem * 4));--_padding-x: var(--ui-textarea-padding-x, var(--ui-space-1, 0.5rem));--_padding-y: var(--ui-textarea-padding-y, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-textarea-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-textarea-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-textarea-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-textarea-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-textarea-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-textarea-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-textarea-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.textarea--sm{--_min-height: var(--ui-textarea-min-height-sm, calc(1rem * 3));--_font-size: var(--ui-textarea-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.textarea--lg{--_min-height: var(--ui-textarea-min-height-lg, calc(1rem * 6));--_padding-x: var(--ui-textarea-padding-x-lg, var(--ui-space-2, 1rem));--_padding-y: var(--ui-textarea-padding-y-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-textarea-font-size-lg, var(--ui-font-size-md, 1rem))}.textarea--filled{--_bg: var(--ui-textarea-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.textarea--ghost{--_bg: transparent;--_border-color: transparent}.textarea--error{--_border-color: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.textarea--success{--_border-color: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.textarea{display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--_min-height);padding-block:var(--_padding-y);padding-inline:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:var(--_row-1);color:var(--_color);background:var(--_bg);border:none;border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default);outline-offset:calc(var(--_border-width-sm)*-1);resize:vertical}.textarea::placeholder{color:var(--_placeholder)}.textarea:hover:not(:disabled,:focus-visible){outline-color:var(--_color-border-strong)}.textarea:focus-visible,.textarea--focus{outline-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.textarea:disabled,.textarea--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed;resize:none}.textarea:read-only{background:var(--_color-bg-subtle);resize:none}.textarea--resize-none{resize:none}.textarea--resize-horizontal{resize:horizontal}.textarea--resize-both{resize:both}@supports(field-sizing: content){.textarea--auto-size{field-sizing:content;resize:none}}}@layer components.tokens{.toggle{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-focus: var(--ui-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_track-width: var(--ui-toggle-track-width, calc(0.5rem * 5));--_track-height: var(--ui-toggle-track-height, calc(0.5rem * 3));--_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_track-bg-checked: var(--ui-toggle-track-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-radius: var(--ui-toggle-track-radius, calc(0.5rem * 1.5));--_thumb-size: var(--ui-toggle-thumb-size, calc(0.5rem * 2.5));--_thumb-bg: var(--ui-toggle-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_thumb-offset: var(--ui-toggle-thumb-offset, calc(0.5rem / 4))}.toggle--sm{--_track-width: calc(0.5rem * 4);--_track-height: calc(0.5rem * 2);--_track-radius: 0.5rem;--_thumb-size: calc(0.5rem * 1.5)}.toggle--lg{--_track-width: calc(0.5rem * 6);--_track-height: calc(0.5rem * 4);--_track-radius: calc(0.5rem * 2);--_thumb-size: calc(0.5rem * 3.5)}}@layer components.styles{.toggle{display:inline-flex;flex-shrink:0;align-items:center;position:relative;block-size:var(--_track-height);inline-size:var(--_track-width);background:var(--_track-bg);border-radius:var(--_track-radius);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.toggle__input{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0;opacity:0;cursor:pointer}.toggle__track{position:absolute;inset:0;background:var(--_track-bg);border-radius:var(--_track-radius);transition:background var(--_duration-fast) var(--_ease-default)}.toggle__thumb{position:absolute;inset-block-start:var(--_thumb-offset);inset-inline-start:var(--_thumb-offset);block-size:var(--_thumb-size);inline-size:var(--_thumb-size);background:var(--_thumb-bg);border-radius:50%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:transform var(--_duration-fast) var(--_ease-default)}.toggle__input:checked~.toggle__track{background:var(--_track-bg-checked)}.toggle__input:checked~.toggle__thumb{transform:translateX(calc(var(--_track-width) - var(--_thumb-size) - var(--_thumb-offset) * 2))}.toggle__input:focus-visible~.toggle__track{outline:2px solid var(--_color-focus);outline-offset:calc(0.5rem/4)}.toggle__input:disabled~.toggle__track,.toggle__input:disabled~.toggle__thumb{opacity:var(--_opacity-disabled);cursor:not-allowed}.toggle:has(.toggle__input:disabled){cursor:not-allowed}}@layer components.tokens{.breadcrumb{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_breadcrumb-separator: var(--ui-breadcrumb-separator, "/");--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-primary: var(--ui-color-primary, oklch(55% 0.22 250deg));--_height: var(--ui-breadcrumb-height, var(--ui-row-1, 1rem));--_gap: var(--ui-breadcrumb-gap, calc(0.5rem * 1));--_separator-color: var(--ui-breadcrumb-separator-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_link-color: var(--ui-breadcrumb-link-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_current-color: var(--ui-breadcrumb-current-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}@layer components.styles{.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_gap);block-size:var(--_height);padding:0;margin:0;font-size:var(--_font-size-sm);line-height:1;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:var(--_gap);block-size:var(--_height)}.breadcrumb__item:not(:last-child)::after{content:var(--_breadcrumb-separator);color:var(--_separator-color)}.breadcrumb__link{text-decoration:none;color:var(--_link-color);transition:color var(--_duration-fast) var(--_ease-default)}.breadcrumb__link:hover{text-decoration:underline;color:var(--_color-primary)}.breadcrumb__item:last-child .breadcrumb__link,.breadcrumb__current{color:var(--_current-color);pointer-events:none}.breadcrumb__item--hidden{display:none}.breadcrumb__ellipsis{color:var(--_separator-color)}}@layer components.tokens{.dropdown-menu{--_space-0: var(--ui-space-0, 0.25rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_z: var(--ui-dropdown-menu-z, var(--ui-z-index-dropdown, 200));--_panel-offset: var(--ui-dropdown-menu-panel-offset, var(--ui-space-1, 0.5rem));--_panel-min-width: var(--ui-dropdown-menu-panel-min-width, auto)}}@layer components.styles{.dropdown-menu{display:inline-block;position:relative}.dropdown-menu__trigger{display:inline-flex;align-items:center;gap:var(--_space-0)}.dropdown-menu__trigger-icon{display:inline-flex;font-size:0.6em;transition:transform var(--_duration-fast) var(--_ease-default)}.dropdown-menu--open .dropdown-menu__trigger-icon{transform:rotate(180deg)}.dropdown-menu__panel{position:absolute;inset-block-start:calc(100% + var(--_panel-offset));inset-inline-start:0;z-index:var(--_z);min-inline-size:var(--_panel-min-width);opacity:0;pointer-events:none;transform:translateY(calc(0.5rem * -1));transition:opacity var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.dropdown-menu--open .dropdown-menu__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu--top .dropdown-menu__panel{inset-block-start:auto;inset-block-end:calc(100% + var(--_panel-offset));transform:translateY(0.5rem)}.dropdown-menu--top.dropdown-menu--open .dropdown-menu__panel{transform:translateY(0)}.dropdown-menu--align-end .dropdown-menu__panel{inset-inline-start:auto;inset-inline-end:0}.dropdown-menu--full-width .dropdown-menu__panel{min-inline-size:100%}}@layer components.tokens{.menu{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-xs: var(--ui-font-size-xs, 0.75rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-danger: var(--ui-color-danger, oklch(60% 0.22 25deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--_min-width: var(--ui-menu-min-width, calc(0.5rem * 16));--_max-height: var(--ui-menu-max-height, calc(0.5rem * 40));--_padding: var(--ui-menu-padding, calc(0.5rem * 1));--_radius: var(--ui-menu-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-menu-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-menu-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_shadow: var(--ui-menu-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)));--_item-padding: var(--ui-menu-item-padding, calc(0.5rem * 1) calc(0.5rem * 2));--_item-radius: var(--ui-menu-item-radius, var(--ui-radius-sm, 0.25rem));--_item-bg-hover: var(--ui-menu-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}@layer components.styles{.menu{min-inline-size:var(--_min-width);max-block-size:var(--_max-height);padding:var(--_padding);overflow-y:auto;background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);outline-offset:calc(var(--_border-width-sm)*-1)}.menu__group{padding:0;margin:0;list-style:none}.menu__label{padding:var(--_item-padding);font-size:var(--_font-size-xs);font-weight:var(--_weight-medium);line-height:var(--_row-1);letter-spacing:0.05em;text-transform:uppercase;color:var(--_color-text-muted)}.menu__item{display:flex;align-items:center;gap:calc(0.5rem*1);padding:var(--_item-padding);font-size:var(--_font-size-sm);line-height:var(--_row-1);text-decoration:none;color:var(--_color-text);background:rgba(0,0,0,0);border:none;border-radius:var(--_item-radius);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.menu__item:hover,.menu__item:focus-visible{background:var(--_item-bg-hover);outline:none}.menu__item--danger{color:var(--_color-danger)}.menu__item--danger:hover,.menu__item--danger:focus-visible{color:var(--_color-danger)}.menu__item--disabled,.menu__item[aria-disabled=true]{opacity:var(--_opacity-disabled);pointer-events:none}.menu__item-icon{flex-shrink:0;block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}.menu__item-shortcut{margin-inline-start:auto;font-size:var(--_font-size-xs);color:var(--_color-text-muted)}.menu__separator{display:flex;align-items:center;block-size:calc(0.5rem*2);margin:0}.menu__separator::before{content:"";flex:1;block-size:var(--_border-width-sm);background:var(--_color-border)}.menu__item--check,.menu__item--radio{position:relative;padding-inline-start:calc(0.5rem*4)}.menu__item-indicator{display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-start:calc(0.5rem*1);block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}}@layer components.tokens{.nav{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_gap: var(--ui-nav-gap, var(--ui-space-1, 0.5rem));--_item-height: var(--ui-nav-item-height, var(--ui-row-2, 2rem));--_item-padding-x: var(--ui-nav-item-padding-x, var(--ui-space-2, 1rem));--_item-font-size: var(--ui-nav-item-font-size, var(--ui-font-size-sm, 0.875rem));--_item-font-weight: var(--ui-nav-item-font-weight, var(--ui-font-weight-medium, 500));--_item-color: var(--ui-nav-item-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_item-color-hover: var(--ui-nav-item-color-hover, var(--ui-color-text, hsl(220, 10%, 10%)));--_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-radius: var(--ui-nav-item-radius, var(--ui-radius-sm, 0.25rem));--_border-color: var(--ui-nav-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.nav--pills{--_item-bg-hover: var(--ui-nav-item-bg-hover, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_item-bg-active: var(--ui-nav-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}@layer components.styles{.nav__list{display:flex;align-items:stretch;gap:var(--_gap);box-sizing:border-box;block-size:var(--_item-height);padding:0;margin:0;list-style:none;box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.nav__item{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--_item-height);padding-inline:var(--_item-padding-x);font-family:var(--_font-sans);font-size:var(--_item-font-size);font-weight:var(--_item-font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--_item-color);background:rgba(0,0,0,0);border:none;box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--_duration-base) var(--_ease-default),background var(--_duration-base) var(--_ease-default),box-shadow var(--_duration-base) var(--_ease-default)}.nav__item:hover{color:var(--_item-color-hover)}.nav__item--active{color:var(--_item-color-active);box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 var(--_item-color-active)}.nav__item--disabled{opacity:var(--_opacity-disabled);pointer-events:none}.nav--pills .nav__list{box-shadow:none}.nav--pills .nav__item{border-radius:var(--_item-radius);box-shadow:none}.nav--pills .nav__item:hover{background:var(--_item-bg-hover)}.nav--pills .nav__item--active{color:var(--_item-color-active);background:var(--_item-bg-active)}.nav--vertical .nav__list{flex-direction:column;align-items:stretch;block-size:auto;box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.nav--vertical .nav__item{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.nav--vertical .nav__item--active{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 var(--_item-color-active)}.nav--vertical.nav--pills .nav__list{box-shadow:none}.nav--vertical.nav--pills .nav__item{box-shadow:none}}@layer components.tokens{.pagination{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_gap: var(--ui-pagination-gap, calc(0.5rem * 0.5));--_item-size: var(--ui-pagination-item-size, calc(0.5rem * 4));--_item-radius: var(--ui-pagination-item-radius, var(--ui-radius-sm, 0.25rem));--_item-bg: var(--ui-pagination-item-bg, transparent);--_item-bg-hover: var(--ui-pagination-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_item-bg-active: var(--ui-pagination-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-color: var(--ui-pagination-item-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_item-color-active: var(--ui-pagination-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.pagination--sm{--_item-size: calc(0.5rem * 3);--_gap: calc(0.5rem * 0.25)}.pagination--lg{--_item-size: calc(0.5rem * 5);--_gap: calc(0.5rem * 0.75)}}@layer components.styles{.pagination{display:flex;align-items:center;gap:var(--_gap)}.pagination__list{display:flex;align-items:center;gap:var(--_gap);padding:0;margin:0;list-style:none}.pagination__item{display:flex}.pagination__link{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_item-size);min-inline-size:var(--_item-size);padding-inline:calc(0.5rem*1);font-size:var(--_font-size-sm);text-decoration:none;color:var(--_item-color);background:var(--_item-bg);border-radius:var(--_item-radius);transition:background var(--_duration-fast) var(--_ease-default),color var(--_duration-fast) var(--_ease-default)}.pagination__link:hover{background:var(--_item-bg-hover)}.pagination__link[aria-current=page],.pagination__link--active{color:var(--_item-color-active);background:var(--_item-bg-active);pointer-events:none}.pagination__link[aria-disabled=true],.pagination__link--disabled{opacity:var(--_opacity-disabled);pointer-events:none}.pagination__prev,.pagination__next{display:inline-flex;align-items:center;gap:calc(0.5rem*.5);padding-inline:calc(0.5rem*1.5)}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_item-size);min-inline-size:var(--_item-size);color:var(--_color-text-muted)}}@layer components.tokens{.tabs{--_space-1: var(--ui-space-1, 0.5rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_weight-medium: var(--ui-font-weight-medium, 500);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_color-primary: var(--ui-color-primary, oklch(55% 0.22 250deg));--_row-1: var(--ui-row-1, 1rem);--_border-color: var(--ui-tabs-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_tab-height: var(--ui-tabs-tab-height, var(--ui-row-2, 2rem));--_tab-padding-x: var(--ui-tabs-tab-padding-x, var(--ui-space-2, 1rem));--_tab-padding-y: var(--ui-tabs-tab-padding-y, var(--ui-space-1, 0.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size, var(--ui-font-size-sm, 0.875rem));--_tab-bg: var(--ui-tabs-tab-bg, transparent);--_tab-bg-active: var(--ui-tabs-tab-bg-active, var(--ui-color-bg, hsl(220, 10%, 98%)));--_panel-padding: var(--ui-tabs-panel-padding, var(--ui-space-3, 1.5rem))}.tabs--sm{--_tab-height: var(--ui-tabs-tab-height-sm, var(--ui-row-1, 1rem));--_tab-padding-x: var(--ui-tabs-tab-padding-x-sm, var(--ui-space-1, 0.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.tabs--lg{--_tab-height: var(--ui-tabs-tab-height-lg, calc(1rem * 2.5));--_tab-padding-x: var(--ui-tabs-tab-padding-x-lg, var(--ui-space-3, 1.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.tabs__list{display:flex;align-items:stretch;gap:var(--_space-1);box-sizing:border-box;block-size:var(--_tab-height);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.tabs__tab{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--_tab-height);padding-inline:var(--_tab-padding-x);margin:0;font-family:var(--_font-sans);font-size:var(--_tab-font-size);font-weight:var(--_weight-medium);line-height:1;color:var(--_color-text-muted);background:var(--_tab-bg);border:none;box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--_duration-base) var(--_ease-default),box-shadow var(--_duration-base) var(--_ease-default)}.tabs__tab:hover{color:var(--_color-text)}.tabs__tab--active{color:var(--_color-primary);background:var(--_tab-bg-active);box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 var(--_color-primary)}.tabs__panel{display:none;padding:var(--_panel-padding);line-height:var(--_row-1)}.tabs__panel--active{display:block}.tabs--vertical{display:flex}.tabs--vertical>.tabs__list{flex-direction:column;block-size:auto;inline-size:auto;box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.tabs--vertical>.tabs__list>.tabs__tab{block-size:var(--_tab-height);box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.tabs--vertical>.tabs__list>.tabs__tab--active{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 var(--_color-primary)}.tabs--vertical>.tabs__panel{flex:1}}@layer components.tokens{.dialog{--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_header-padding: var(--ui-dialog-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_body-padding: var(--ui-dialog-body-padding, calc(0.5rem * 3));--_footer-padding: var(--ui-dialog-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_border-color: var(--ui-dialog-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}@layer components.styles{.dialog .modal__content{padding:0}.dialog__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--_header-padding);border-block-end:1px solid var(--_border-color)}.dialog__title{margin:0;font-size:var(--_font-size-lg);font-weight:var(--_weight-semibold);line-height:calc(0.5rem*3)}.dialog__close{flex-shrink:0;margin-inline-start:auto}.dialog__body{flex:1 1 auto;padding:var(--_body-padding);overflow-y:auto}.dialog__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*1.5);padding:var(--_footer-padding);border-block-start:1px solid var(--_border-color)}.dialog--borderless .dialog__header{border-block-end:none}.dialog--borderless .dialog__footer{border-block-start:none}}@layer components.tokens{.drawer{--_z-drawer: var(--ui-z-index-drawer, 800);--_overlay-bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-out: var(--ui-ease-out, ease-out);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-in: var(--ui-ease-in, ease-in);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_size: var(--ui-drawer-size, calc(0.5rem * 40));--_max-size: var(--ui-drawer-max-size, 90%);--_bg: var(--ui-drawer-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_shadow: var(--ui-drawer-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)));--_header-padding: var(--ui-drawer-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_body-padding: var(--ui-drawer-body-padding, calc(0.5rem * 3));--_footer-padding: var(--ui-drawer-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_border-color: var(--ui-drawer-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.drawer--sm{--_size: calc(0.5rem * 30)}.drawer--lg{--_size: calc(0.5rem * 50)}.drawer--full{--_size: 100%;--_max-size: 100%}}@layer components.styles{.drawer-overlay{position:fixed;inset:0;z-index:var(--_z-drawer);background:var(--_overlay-bg)}.drawer-overlay[data-state=open]{animation:drawer-overlay-in var(--_duration-normal) var(--_ease-out)}.drawer-overlay[data-state=closed]{animation:drawer-overlay-out var(--_duration-fast) var(--_ease-in)}@keyframes drawer-overlay-in{from{opacity:0}}@keyframes drawer-overlay-out{to{opacity:0}}.drawer{display:flex;flex-direction:column;position:fixed;z-index:var(--_z-drawer);background:var(--_bg);box-shadow:var(--_shadow)}.drawer--end{inset-block:0;inset-inline-end:0;inline-size:var(--_size);max-inline-size:var(--_max-size);box-shadow:calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.drawer--start{inset-block:0;inset-inline-start:0;inline-size:var(--_size);max-inline-size:var(--_max-size);box-shadow:var(--_border-width-sm) 0 0 var(--_border-color)}.drawer--top{inset-block-start:0;inset-inline:0;block-size:var(--_size);max-block-size:var(--_max-size);box-shadow:0 var(--_border-width-sm) 0 var(--_border-color)}.drawer--bottom{inset-block-end:0;inset-inline:0;block-size:var(--_size);max-block-size:var(--_max-size);box-shadow:0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.drawer--end[data-state=open]{animation:drawer-slide-in-end var(--_duration-normal) var(--_ease-out)}.drawer--end[data-state=closed]{animation:drawer-slide-out-end var(--_duration-fast) var(--_ease-in)}.drawer--start[data-state=open]{animation:drawer-slide-in-start var(--_duration-normal) var(--_ease-out)}.drawer--start[data-state=closed]{animation:drawer-slide-out-start var(--_duration-fast) var(--_ease-in)}.drawer--top[data-state=open]{animation:drawer-slide-in-top var(--_duration-normal) var(--_ease-out)}.drawer--top[data-state=closed]{animation:drawer-slide-out-top var(--_duration-fast) var(--_ease-in)}.drawer--bottom[data-state=open]{animation:drawer-slide-in-bottom var(--_duration-normal) var(--_ease-out)}.drawer--bottom[data-state=closed]{animation:drawer-slide-out-bottom var(--_duration-fast) var(--_ease-in)}@keyframes drawer-slide-in-end{from{transform:translateX(100%)}}@keyframes drawer-slide-out-end{to{transform:translateX(100%)}}@keyframes drawer-slide-in-start{from{transform:translateX(-100%)}}@keyframes drawer-slide-out-start{to{transform:translateX(-100%)}}@keyframes drawer-slide-in-top{from{transform:translateY(-100%)}}@keyframes drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes drawer-slide-in-bottom{from{transform:translateY(100%)}}@keyframes drawer-slide-out-bottom{to{transform:translateY(100%)}}.drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--_header-padding);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.drawer__title{margin:0;font-size:var(--_font-size-lg);font-weight:var(--_weight-semibold);line-height:var(--_row-1)}.drawer__description{margin:0;font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.drawer__close{flex-shrink:0;margin-inline-start:auto}.drawer__body{flex:1 1 auto;padding:var(--_body-padding);overflow-y:auto;line-height:var(--_row-1)}.drawer__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*2);padding:var(--_footer-padding);box-shadow:inset 0 var(--_border-width-sm) 0 var(--_border-color)}@media(prefers-reduced-motion: reduce){.drawer-overlay[data-state],.drawer[data-state]{animation:none}}}@layer components.tokens{.modal{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-modal-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_radius: var(--ui-modal-radius, var(--ui-radius-lg, calc(0.5rem * 1.5)));--_shadow: var(--ui-modal-shadow, 0 calc(0.5rem * 3) calc(0.5rem * 6) rgb(0 0 0 / 0.25));--_padding: var(--ui-modal-padding, calc(0.5rem * 3));--_max-width: var(--ui-modal-max-width, calc(0.5rem * 60));--_max-height: var(--ui-modal-max-height, calc(100vh - 0.5rem * 8));--_z: var(--ui-modal-z, var(--ui-z-index-modal, 400))}.modal--sm{--_max-width: var(--ui-modal-max-width-sm, calc(0.5rem * 40))}.modal--lg{--_max-width: var(--ui-modal-max-width-lg, calc(0.5rem * 80))}.modal--full{--_max-width: calc(100vw - 0.5rem * 4);--_max-height: calc(100vh - 0.5rem * 4);--_radius: 0}}@layer components.styles{.modal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--_z);padding:calc(0.5rem*2)}.modal__content{display:flex;flex-direction:column;position:relative;inline-size:100%;max-block-size:var(--_max-height);max-inline-size:var(--_max-width);padding:var(--_padding);overflow:hidden;background:var(--_bg);border-radius:var(--_radius);box-shadow:var(--_shadow)}.modal__body{flex:1 1 auto;overflow-y:auto}.modal--entering .modal__content,.modal--visible .modal__content{opacity:1;transform:scale(1)}.modal--exiting .modal__content,.modal--hidden .modal__content{opacity:0;transform:scale(0.95)}.modal--animate .modal__content{transition:opacity var(--_duration-normal) var(--_ease-default),transform var(--_duration-normal) var(--_ease-default)}.modal--hidden{visibility:hidden;pointer-events:none}}@layer components.tokens{.overlay{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--_z: var(--ui-overlay-z, var(--ui-z-index-overlay, 300))}.overlay--light{--_bg: var(--ui-overlay-bg-light, rgba(255, 255, 255, 0.7))}.overlay--blur{--_bg: var(--ui-overlay-bg-blur, rgba(0, 0, 0, 0.3))}}@layer components.styles{.overlay{position:fixed;inset:0;z-index:var(--_z);background:var(--_bg)}.overlay--blur{backdrop-filter:blur(calc(0.5rem * 0.5))}.overlay--entering,.overlay--visible{opacity:1}.overlay--exiting,.overlay--hidden{opacity:0;pointer-events:none}.overlay--animate{transition:opacity var(--_duration-normal) var(--_ease-default)}}@layer components.tokens{.popover{--_row-1: var(--ui-row-1, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-md: var(--ui-font-size-md, 1rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-popover-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-popover-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-popover-radius, var(--ui-radius-md, calc(0.5rem * 1)));--_shadow: var(--ui-popover-shadow, 0 calc(0.5rem / 2) calc(0.5rem * 2) rgb(0 0 0 / 0.15));--_padding: var(--ui-popover-padding, calc(0.5rem * 2));--_max-width: var(--ui-popover-max-width, calc(0.5rem * 40));--_z: var(--ui-popover-z, var(--ui-z-index-popover, 500));--_arrow-size: var(--ui-popover-arrow-size, calc(0.5rem))}}@layer components.styles{.popover{position:absolute;z-index:var(--_z);max-inline-size:var(--_max-width);padding:var(--_padding);line-height:var(--_row-1);background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);outline-offset:calc(var(--_border-width-sm)*-1)}.popover__header{padding-block-end:calc(0.5rem*2);margin-block-end:calc(0.5rem*2);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.popover__title{margin:0;font-size:var(--_font-size-md);font-weight:var(--_weight-semibold)}.popover--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--_bg);transform:translateX(-50%)}.popover--top::before{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:calc(var(--_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-start-color:var(--_border-color);transform:translateX(-50%)}.popover--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--_bg);transform:translateX(-50%)}.popover--bottom::before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:calc(var(--_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-end-color:var(--_border-color);transform:translateX(-50%)}.popover--visible{opacity:1}.popover--hidden{opacity:0;pointer-events:none}.popover--animate{transition:opacity var(--_duration-fast) var(--_ease-default)}}@layer components.tokens{.tooltip{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-tooltip-bg, var(--ui-color-text, hsl(220, 10%, 10%)));--_color: var(--ui-tooltip-color, var(--ui-color-bg, hsl(220, 10%, 98%)));--_radius: var(--ui-tooltip-radius, var(--ui-radius-sm, calc(0.5rem / 2)));--_padding-x: var(--ui-tooltip-padding-x, calc(0.5rem * 1));--_padding-y: var(--ui-tooltip-padding-y, calc(0.5rem / 2));--_font-size: var(--ui-tooltip-font-size, var(--ui-font-size-sm, 0.875rem));--_z: var(--ui-tooltip-z, var(--ui-z-index-tooltip, 600));--_arrow-size: var(--ui-tooltip-arrow-size, calc(0.5rem / 2))}}@layer components.styles{.tooltip{position:absolute;z-index:var(--_z);max-inline-size:calc(0.5rem*25);padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);line-height:calc(0.5rem*2);text-align:center;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.tooltip--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--_bg);transform:translateX(-50%)}.tooltip--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--_bg);transform:translateX(-50%)}.tooltip--start::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-inline-start-color:var(--_bg);transform:translateY(-50%)}.tooltip--end::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:100%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-inline-end-color:var(--_bg);transform:translateY(-50%)}.tooltip--visible{opacity:1}.tooltip--hidden{opacity:0;pointer-events:none}.tooltip--animate{transition:opacity var(--_duration-fast) var(--_ease-default)}@supports(anchor-name: --tooltip){.tooltip--anchored{position:fixed;position-anchor:--tooltip;inset:auto;inset-area:block-start center;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin-block-end:var(--_arrow-size)}.tooltip--anchored::after{content:none}.tooltip-anchor{anchor-name:--tooltip}}}@layer components.tokens{.blockquote{--_space-1: var(--ui-space-1, 0.5rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_leading-sm: var(--ui-line-height-sm, 1.5rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_border-color: var(--ui-blockquote-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-width: var(--ui-blockquote-border-width, var(--ui-border-width-lg, 0.25rem));--_padding-inline: var(--ui-blockquote-padding-inline, var(--ui-space-3, 1.5rem));--_color: var(--ui-blockquote-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_font-size: var(--ui-blockquote-font-size, var(--ui-font-size-lg, 1.25rem));--_line-height: var(--ui-blockquote-line-height, var(--ui-line-height-lg, 2rem))}.blockquote--accent{--_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}@layer components.styles{.blockquote{padding-inline-start:var(--_padding-inline);margin:0;font-size:var(--_font-size);font-style:italic;line-height:var(--_line-height);color:var(--_color);border-inline-start:var(--_border-width) solid var(--_border-color)}.blockquote__cite{display:block;margin-block-start:var(--_space-1);font-size:var(--_font-size-sm);font-style:normal;line-height:var(--_leading-sm);color:var(--_color-text-muted)}}@layer components.tokens{.code{--_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--_leading-tight-sm: var(--ui-line-height-tight-sm, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size: var(--ui-code-font-size, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-code-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_padding-x: var(--ui-code-padding-x, var(--ui-space-1, 0.5rem));--_padding-y: var(--ui-code-padding-y, var(--ui-space-0, 0.25rem));--_radius: var(--ui-code-radius, var(--ui-radius-sm, 0.25rem))}.code--sm{--_font-size: var(--ui-font-size-xs, 0.75rem)}.code-block{--_font-size: var(--ui-code-font-size-block, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-code-bg-block, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_padding: var(--ui-code-padding-block, var(--ui-space-3, 1.5rem));--_radius: var(--ui-code-radius-block, var(--ui-radius-md, 0.5rem));--_border-color: var(--ui-code-border-color-block, var(--ui-color-border, hsl(220, 10%, 90%)))}}@layer components.styles{.code{padding:var(--_padding-y) var(--_padding-x);font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_leading-tight-sm);background:var(--_bg);border-radius:var(--_radius)}.code-block{display:block;padding:calc(var(--_padding) - var(--_border-width-sm));overflow-x:auto;font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_leading-tight-sm);white-space:pre;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius)}.code-block code{padding:0;font-size:inherit;background:none}}@layer components.tokens{.code-block{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--_space-4: var(--ui-space-4, 2rem);--_space-2: var(--ui-space-2, 1rem);--_bg: var(--ui-code-block-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_color: var(--ui-code-block-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_border-color: var(--ui-code-block-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_padding: var(--ui-code-block-padding, var(--ui-space-3, 1.5rem));--_font-size: var(--ui-code-block-font-size, var(--ui-font-size-sm, 0.875rem));--_line-height: var(--ui-code-block-line-height, var(--ui-line-height-tight-sm, 1rem));--_radius: var(--ui-code-block-radius, var(--ui-radius-md, 0.5rem))}.code-block--compact{--_padding: var(--ui-code-block-padding-compact, var(--ui-space-1, 0.5rem))}.code-block--line-numbers{--_line-number-color: var(--ui-code-block-line-number-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_line-number-border-color: var(--ui-code-block-line-number-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}@layer components.styles{.code-block{display:block;padding:calc(var(--_padding) - var(--_border-width-sm));overflow-x:auto;font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_line-height);white-space:pre;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius)}.code-block__code{padding:0;font:inherit;color:inherit;background:none;border:none}.code-block--line-numbers{counter-reset:line-number;padding-inline-start:0}.code-block--line-numbers .code-block__line{display:block}.code-block--line-numbers .code-block__line-number{display:inline-block;counter-increment:line-number;box-sizing:border-box;min-inline-size:var(--_space-4);padding-inline-end:var(--_space-2);margin-inline-end:var(--_space-2);font-variant-numeric:tabular-nums;text-align:end;color:var(--_line-number-color);border-inline-end:var(--_border-width-sm) solid var(--_line-number-border-color);user-select:none}.code-block--line-numbers .code-block__line-number::before{content:counter(line-number)}}@layer components.tokens{.heading{--_font-size: var(--ui-heading-font-size, var(--ui-font-size-xl, 1.5rem));--_line-height: var(--ui-heading-line-height, var(--ui-line-height-xl, 2rem));--_weight: var(--ui-heading-weight, var(--ui-font-weight-bold, 700));--_color: var(--ui-heading-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.heading--4xl{--_font-size: var(--ui-heading-font-size-4xl, var(--ui-font-size-4xl, 2.5rem));--_line-height: var(--ui-heading-line-height-4xl, var(--ui-line-height-4xl, 3rem))}.heading--3xl{--_font-size: var(--ui-heading-font-size-3xl, var(--ui-font-size-3xl, 2rem));--_line-height: var(--ui-heading-line-height-3xl, var(--ui-line-height-3xl, 2.5rem))}.heading--2xl{--_font-size: var(--ui-heading-font-size-2xl, var(--ui-font-size-2xl, 1.75rem));--_line-height: var(--ui-heading-line-height-2xl, var(--ui-line-height-2xl, 2rem))}.heading--xl{--_font-size: var(--ui-heading-font-size-xl, var(--ui-font-size-xl, 1.5rem));--_line-height: var(--ui-heading-line-height-xl, var(--ui-line-height-xl, 2rem))}.heading--lg{--_font-size: var(--ui-heading-font-size-lg, var(--ui-font-size-lg, 1.25rem));--_line-height: var(--ui-heading-line-height-lg, var(--ui-line-height-lg, 2rem))}.heading--md{--_font-size: var(--ui-heading-font-size-md, var(--ui-font-size-md, 1rem));--_line-height: var(--ui-heading-line-height-md, var(--ui-line-height-tight-md, 1.5rem))}.heading--sm{--_font-size: var(--ui-heading-font-size-sm, var(--ui-font-size-sm, 0.875rem));--_line-height: var(--ui-heading-line-height-sm, var(--ui-line-height-tight-sm, 1rem))}}@layer components.styles{.heading{margin:0;text-wrap:balance;font-size:var(--_font-size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color)}}@layer components.tokens{.kbd{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_space-quarter: var(--ui-space-quarter, 0.125rem);--_font-size: var(--ui-kbd-font-size, var(--ui-font-size-sm, 0.875rem));--_font-family: var(--ui-kbd-font-family, var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace));--_padding-x: var(--ui-kbd-padding-x, var(--ui-space-0, 0.25rem));--_padding-y: var(--ui-kbd-padding-y, var(--ui-space-0, 0.25rem));--_bg: var(--ui-kbd-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_border-color: var(--ui-kbd-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-kbd-radius, var(--ui-radius-sm, 0.25rem));--_color: var(--ui-kbd-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}@layer components.styles{.kbd{display:inline-flex;align-items:center;padding:var(--_padding-y) var(--_padding-x);font-family:var(--_font-family);font-size:var(--_font-size);line-height:1;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);box-shadow:0 var(--_space-quarter) 0 var(--_border-color)}}@layer components.tokens{.link{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-focus: var(--ui-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color: var(--ui-link-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color-hover: var(--ui-link-color-hover, var(--ui-color-primary-hover, color-mix(in srgb, var(--_color) 85%, black)));--_color-visited: var(--ui-link-color-visited, var(--_color));--_decoration: var(--ui-link-decoration, underline);--_decoration-hover: var(--ui-link-decoration-hover, underline)}.link--muted{--_color: var(--ui-link-color-muted, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_color-hover: var(--ui-link-color-muted-hover, var(--ui-color-text, hsl(220, 10%, 10%)))}.link--subtle{--_decoration: none;--_decoration-hover: underline}}@layer components.styles{.link{text-decoration:var(--_decoration);color:var(--_color);cursor:pointer;transition:color var(--_duration-fast) var(--_ease-default);text-underline-offset:calc(0.5rem/4)}.link:hover{text-decoration:var(--_decoration-hover);color:var(--_color-hover)}.link:focus-visible{border-radius:calc(0.5rem/4);outline:2px solid var(--_color-focus);outline-offset:calc(0.5rem/4)}.link:visited{color:var(--_color-visited)}.link--disabled,.link[aria-disabled=true]{color:var(--_color-text-muted);opacity:0.5;cursor:not-allowed;pointer-events:none}.link--external::after{content:"↗";display:inline-block;margin-inline-start:calc(0.5rem/4);font-size:0.75em}}@layer components.tokens{.list{--_spacing: var(--ui-list-spacing, var(--ui-unit, 0.5rem));--_marker-color: var(--ui-list-marker-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_indent: var(--ui-list-indent, var(--ui-space-3, 1.5rem));--_line-height: var(--ui-list-line-height, var(--ui-line-height-md, 1.5rem))}.list--compact{--_spacing: 0}.list--loose{--_spacing: calc(0.5rem * 2)}}@layer components.styles{.list{display:flex;flex-direction:column;gap:var(--_spacing);padding-inline-start:var(--_indent);margin:0;line-height:var(--_line-height)}.list::marker,.list li::marker{color:var(--_marker-color)}.list--unstyled{padding-inline-start:0;list-style:none}.list--inline{flex-direction:row;flex-wrap:wrap;padding-inline-start:0;list-style:none}.list .list{margin-block-start:var(--_spacing)}.list__item{line-height:var(--_line-height)}}@layer components.tokens{.mark{--_bg: var(--ui-mark-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--_color: var(--ui-mark-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_padding-x: var(--ui-mark-padding-x, var(--ui-space-quarter, 0.125rem));--_padding-y: var(--ui-mark-padding-y, 0);--_radius: var(--ui-mark-radius, var(--ui-radius-sm, 0.25rem))}}@layer components.styles{.mark{padding:var(--_padding-y) var(--_padding-x);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}}@layer utilities{.m-0{margin:0}.m-1{margin:var(--ui-space-1)}.m-2{margin:var(--ui-space-2)}.m-3{margin:var(--ui-space-3)}.m-4{margin:var(--ui-space-4)}.m-6{margin:var(--ui-space-6)}.m-8{margin:var(--ui-space-8)}.mt-0{margin-block-start:0}.mt-1{margin-block-start:var(--ui-space-1)}.mt-2{margin-block-start:var(--ui-space-2)}.mt-3{margin-block-start:var(--ui-space-3)}.mt-4{margin-block-start:var(--ui-space-4)}.mt-6{margin-block-start:var(--ui-space-6)}.mt-8{margin-block-start:var(--ui-space-8)}.me-0{margin-inline-end:0}.me-1{margin-inline-end:var(--ui-space-1)}.me-2{margin-inline-end:var(--ui-space-2)}.me-3{margin-inline-end:var(--ui-space-3)}.me-4{margin-inline-end:var(--ui-space-4)}.me-6{margin-inline-end:var(--ui-space-6)}.me-8{margin-inline-end:var(--ui-space-8)}.mb-0{margin-block-end:0}.mb-1{margin-block-end:var(--ui-space-1)}.mb-2{margin-block-end:var(--ui-space-2)}.mb-3{margin-block-end:var(--ui-space-3)}.mb-4{margin-block-end:var(--ui-space-4)}.mb-6{margin-block-end:var(--ui-space-6)}.mb-8{margin-block-end:var(--ui-space-8)}.ms-0{margin-inline-start:0}.ms-1{margin-inline-start:var(--ui-space-1)}.ms-2{margin-inline-start:var(--ui-space-2)}.ms-3{margin-inline-start:var(--ui-space-3)}.ms-4{margin-inline-start:var(--ui-space-4)}.ms-6{margin-inline-start:var(--ui-space-6)}.ms-8{margin-inline-start:var(--ui-space-8)}.mx-0{margin-inline:0}.mx-1{margin-inline:var(--ui-space-1)}.mx-2{margin-inline:var(--ui-space-2)}.mx-3{margin-inline:var(--ui-space-3)}.mx-4{margin-inline:var(--ui-space-4)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-1{margin-block:var(--ui-space-1)}.my-2{margin-block:var(--ui-space-2)}.my-3{margin-block:var(--ui-space-3)}.my-4{margin-block:var(--ui-space-4)}.p-0{padding:0}.p-1{padding:var(--ui-space-1)}.p-2{padding:var(--ui-space-2)}.p-3{padding:var(--ui-space-3)}.p-4{padding:var(--ui-space-4)}.p-6{padding:var(--ui-space-6)}.p-8{padding:var(--ui-space-8)}.pt-0{padding-block-start:0}.pt-1{padding-block-start:var(--ui-space-1)}.pt-2{padding-block-start:var(--ui-space-2)}.pt-3{padding-block-start:var(--ui-space-3)}.pt-4{padding-block-start:var(--ui-space-4)}.pt-6{padding-block-start:var(--ui-space-6)}.pt-8{padding-block-start:var(--ui-space-8)}.pe-0{padding-inline-end:0}.pe-1{padding-inline-end:var(--ui-space-1)}.pe-2{padding-inline-end:var(--ui-space-2)}.pe-3{padding-inline-end:var(--ui-space-3)}.pe-4{padding-inline-end:var(--ui-space-4)}.pe-6{padding-inline-end:var(--ui-space-6)}.pe-8{padding-inline-end:var(--ui-space-8)}.pb-0{padding-block-end:0}.pb-1{padding-block-end:var(--ui-space-1)}.pb-2{padding-block-end:var(--ui-space-2)}.pb-3{padding-block-end:var(--ui-space-3)}.pb-4{padding-block-end:var(--ui-space-4)}.pb-6{padding-block-end:var(--ui-space-6)}.pb-8{padding-block-end:var(--ui-space-8)}.ps-0{padding-inline-start:0}.ps-1{padding-inline-start:var(--ui-space-1)}.ps-2{padding-inline-start:var(--ui-space-2)}.ps-3{padding-inline-start:var(--ui-space-3)}.ps-4{padding-inline-start:var(--ui-space-4)}.ps-6{padding-inline-start:var(--ui-space-6)}.ps-8{padding-inline-start:var(--ui-space-8)}.px-0{padding-inline:0}.px-1{padding-inline:var(--ui-space-1)}.px-2{padding-inline:var(--ui-space-2)}.px-3{padding-inline:var(--ui-space-3)}.px-4{padding-inline:var(--ui-space-4)}.py-0{padding-block:0}.py-1{padding-block:var(--ui-space-1)}.py-2{padding-block:var(--ui-space-2)}.py-3{padding-block:var(--ui-space-3)}.py-4{padding-block:var(--ui-space-4)}.gap-0{gap:0}.gap-1{gap:var(--ui-space-1)}.gap-2{gap:var(--ui-space-2)}.gap-3{gap:var(--ui-space-3)}.gap-4{gap:var(--ui-space-4)}.gap-6{gap:var(--ui-space-6)}.gap-8{gap:var(--ui-space-8)}}@layer utilities{.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;block-size:1px;inline-size:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%)}}@layer utilities{.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.font-normal{font-weight:var(--ui-font-weight-normal)}.font-medium{font-weight:var(--ui-font-weight-medium)}.font-semibold{font-weight:var(--ui-font-weight-semibold)}.font-bold{font-weight:var(--ui-font-weight-bold)}.text-xs{font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-xs)}.text-sm{font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-sm)}.text-md{font-size:var(--ui-font-size-md);line-height:var(--ui-line-height-md)}.text-lg{font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-lg)}.text-xl{font-size:var(--ui-font-size-xl);line-height:var(--ui-line-height-xl)}.text-2xl{font-size:var(--ui-font-size-2xl);line-height:var(--ui-line-height-2xl)}.text-3xl{font-size:var(--ui-font-size-3xl);line-height:var(--ui-line-height-3xl)}.text-4xl{font-size:var(--ui-font-size-4xl);line-height:var(--ui-line-height-4xl)}.text-lead{font-size:var(--ui-lead-size);font-weight:var(--ui-lead-weight);line-height:var(--ui-lead-line-height);letter-spacing:var(--ui-lead-tracking)}.text-eyebrow{font-size:var(--ui-eyebrow-size);font-weight:var(--ui-eyebrow-weight);line-height:var(--ui-eyebrow-line-height);letter-spacing:var(--ui-eyebrow-tracking);text-transform:uppercase}.text-caption{font-size:var(--ui-caption-size);font-weight:var(--ui-caption-weight);line-height:var(--ui-caption-line-height);letter-spacing:var(--ui-caption-tracking)}.text-body-sm{font-size:var(--ui-body-sm-size);font-weight:var(--ui-body-sm-weight);line-height:var(--ui-body-sm-line-height);letter-spacing:var(--ui-body-sm-tracking)}.font-sans{font-family:var(--ui-font-sans)}.font-mono{font-family:var(--ui-font-mono)}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--ui-color-primary)}.text-muted{color:var(--ui-color-text-muted)}.text-success{color:var(--ui-color-success)}.text-warning{color:var(--ui-color-warning)}.text-danger{color:var(--ui-color-danger)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-nowrap{text-wrap:nowrap}.truncate-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.truncate-4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.prose{max-inline-size:65ch}.prose-sm{max-inline-size:45ch}.prose-lg{max-inline-size:75ch}.tracking-display{letter-spacing:var(--ui-letter-spacing-display)}.tracking-body{letter-spacing:var(--ui-letter-spacing-body)}.tracking-caps{letter-spacing:var(--ui-letter-spacing-caps)}}@layer utilities{.border{border:var(--ui-border-width-sm) solid var(--ui-color-border)}.border-0{border:none}.rounded{border-radius:var(--ui-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--ui-radius-sm)}.rounded-lg{border-radius:var(--ui-radius-lg)}.rounded-full{border-radius:var(--ui-radius-full)}.bg{background:var(--ui-color-bg)}.bg-subtle{background:var(--ui-color-bg-subtle)}.bg-muted{background:var(--ui-color-bg-muted)}.bg-transparent{background:rgba(0,0,0,0)}}@layer utilities{.visually-hidden{position:absolute;block-size:calc(0.5rem/8);inline-size:calc(0.5rem/8);padding:0;margin:calc(0.5rem/-8);overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.visually-hidden--focusable:focus-visible,.visually-hidden--focusable:active{position:static;block-size:auto;inline-size:auto;margin:0;overflow:visible;white-space:normal;clip:auto;clip-path:none}}@view-transition{navigation:auto}@layer utilities{@keyframes vt-fade-in{from{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-slide-in-up{from{opacity:0;transform:translateY(1.25rem)}}@keyframes vt-slide-out-up{to{opacity:0;transform:translateY(-1.25rem)}}@keyframes vt-slide-in-down{from{opacity:0;transform:translateY(-1.25rem)}}@keyframes vt-slide-out-down{to{opacity:0;transform:translateY(1.25rem)}}@keyframes vt-slide-in-start{from{opacity:0;transform:translateX(-1.25rem)}}@keyframes vt-slide-out-start{to{opacity:0;transform:translateX(-1.25rem)}}@keyframes vt-slide-in-end{from{opacity:0;transform:translateX(1.25rem)}}@keyframes vt-slide-out-end{to{opacity:0;transform:translateX(1.25rem)}}@keyframes vt-scale-in{from{opacity:0;transform:scale(0.95)}}@keyframes vt-scale-out{to{opacity:0;transform:scale(1.05)}}.transition-name-sidebar{view-transition-name:sidebar}.transition-name-main{view-transition-name:main}.transition-name-header{view-transition-name:header}.transition-name-hero{view-transition-name:hero}.transition-name-card{view-transition-name:card}.transition-name-modal{view-transition-name:modal}.transition-name-slide-up{view-transition-name:slide-up}.transition-name-slide-down{view-transition-name:slide-down}.transition-name-slide-start{view-transition-name:slide-start}.transition-name-slide-end{view-transition-name:slide-end}.transition-name-scale{view-transition-name:scale}.transition-name-fade{view-transition-name:fade}.transition-name-none{view-transition-name:none}::view-transition-old(sidebar),::view-transition-new(sidebar),::view-transition-old(header),::view-transition-new(header){animation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--ui-duration-base);animation-timing-function:var(--ui-ease-default)}::view-transition-old(fade){animation:vt-fade-out var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(fade){animation:vt-fade-in var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-up),::view-transition-old(main){animation:vt-slide-out-up var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-up),::view-transition-new(main){animation:vt-slide-in-up var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-down){animation:vt-slide-out-down var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-down){animation:vt-slide-in-down var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-start){animation:vt-slide-out-start var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-start){animation:vt-slide-in-start var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-end){animation:vt-slide-out-end var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-end){animation:vt-slide-in-end var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(scale),::view-transition-old(modal),::view-transition-old(card){animation:vt-scale-out var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(scale),::view-transition-new(modal),::view-transition-new(card){animation:vt-scale-in var(--ui-duration-base) var(--ui-ease-out)}::view-transition-group(hero){animation-duration:var(--ui-duration-slow);animation-timing-function:var(--ui-ease-in-out)}@media(prefers-reduced-motion: reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation-duration:0s !important}}}@layer utilities{.snap-x{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.snap-y{overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.snap-x-proximity{overflow-x:auto;scroll-snap-type:x proximity}.snap-y-proximity{overflow-y:auto;scroll-snap-type:y proximity}.snap-none{scroll-snap-type:none}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-always{scroll-snap-stop:always}.snap-p-1{scroll-padding:var(--ui-space-1)}.snap-p-2{scroll-padding:var(--ui-space-2)}.snap-p-4{scroll-padding:var(--ui-space-4)}}@layer utilities{@supports(animation-timeline: scroll()){.scroll-progress{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-toast, 700);block-size:var(--ui-scroll-progress-height, var(--ui-space-half, 0.25rem));inline-size:100%;background:var(--ui-scroll-progress-bg, var(--ui-color-primary));transform-origin:inline-start;scale:0 1;animation:scroll-progress-fill auto linear;animation-timeline:scroll()}@keyframes scroll-progress-fill{to{scale:1 1}}.view-fade{animation:view-fade-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-fade-in{from{opacity:0}to{opacity:1}}.view-slide-up{animation:view-slide-up-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-slide-up-in{from{opacity:0;transform:translateY(var(--ui-space-4, 2rem))}to{opacity:1;transform:translateY(0)}}.view-slide-start{animation:view-slide-start-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-slide-start-in{from{opacity:0;transform:translateX(calc(var(--ui-space-4, 2rem) * -1))}to{opacity:1;transform:translateX(0)}}.view-scale{animation:view-scale-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-scale-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}@media(prefers-reduced-motion: reduce){.scroll-progress,.view-fade,.view-slide-up,.view-slide-start,.view-scale{opacity:1;transform:none;scale:1 1;animation:none}}}}@layer utilities{.container-inline{container-type:inline-size}.container-size{container-type:size}.container-normal{container-type:normal}}.debug-grid,.debug-grid-rows,.debug-baseline{position:relative}.debug-grid{--debug-color: color-mix(in oklch, var(--ui-color-primary, oklch(55% 0.22 250deg)) 15%, transparent)}.debug-grid::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to right, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px);pointer-events:none;background-size:var(--ui-unit) var(--ui-unit);background-position:0 0}.debug-grid-rows{--debug-color: color-mix(in oklch, var(--ui-color-primary, oklch(55% 0.22 250deg)) 10%, transparent);--debug-color-strong: color-mix(in oklch, var(--ui-color-primary, oklch(55% 0.22 250deg)) 25%, transparent)}.debug-grid-rows::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to right, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color-strong) 1px, transparent 1px);pointer-events:none;background-size:var(--ui-unit) var(--ui-unit),var(--ui-unit) var(--ui-unit),var(--ui-unit) var(--ui-row);background-position:0 0}.debug-baseline{--debug-color: color-mix(in oklch, var(--ui-color-danger, oklch(60% 0.22 25deg)) 20%, transparent)}.debug-baseline::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px);pointer-events:none;background-size:100% var(--ui-unit)}.debug-outline *{outline:1px solid rgba(255,0,0,.5)}
1
+ @layer reset, tokens.core, tokens.scale, tokens.semantic, base, primitives, components.tokens, components.styles, utilities, themes;@layer tokens.core{:root{--ui-scale: 1;--ui-unit: calc(8px * var(--ui-scale));--ui-color-primary: oklch(55% 0.22 250);--ui-color-success: oklch(60% 0.18 145);--ui-color-warning: oklch(75% 0.18 70);--ui-color-danger: oklch(60% 0.22 25);--ui-color-neutral: oklch(50% 0.02 250);--ui-font-sans: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--ui-font-mono: ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, "Liberation Mono", monospace;--ui-font-size-base: calc(1rem * var(--ui-scale));--ui-radius-base: var(--ui-unit);--ui-border-width-base: calc(var(--ui-unit) * 0.125);--ui-shadow-strength: 20%}}@layer tokens.scale{:root{--ui-color-primary-light: color-mix(in oklch, var(--ui-color-primary) 50%, white);--ui-color-primary-dark: color-mix(in oklch, var(--ui-color-primary) 75%, black);--ui-color-primary-subtle: color-mix(in oklch, var(--ui-color-primary) 12%, white);--ui-color-primary-hover: color-mix(in oklch, var(--ui-color-primary) 85%, black);--ui-color-success-light: color-mix(in oklch, var(--ui-color-success) 50%, white);--ui-color-success-dark: color-mix(in oklch, var(--ui-color-success) 75%, black);--ui-color-success-subtle: color-mix(in oklch, var(--ui-color-success) 12%, white);--ui-color-success-hover: color-mix(in oklch, var(--ui-color-success) 85%, black);--ui-color-warning-light: color-mix(in oklch, var(--ui-color-warning) 50%, white);--ui-color-warning-dark: color-mix(in oklch, var(--ui-color-warning) 75%, black);--ui-color-warning-subtle: color-mix(in oklch, var(--ui-color-warning) 12%, white);--ui-color-warning-hover: color-mix(in oklch, var(--ui-color-warning) 85%, black);--ui-color-danger-light: color-mix(in oklch, var(--ui-color-danger) 50%, white);--ui-color-danger-dark: color-mix(in oklch, var(--ui-color-danger) 75%, black);--ui-color-danger-subtle: color-mix(in oklch, var(--ui-color-danger) 12%, white);--ui-color-danger-hover: color-mix(in oklch, var(--ui-color-danger) 85%, black);--ui-color-neutral-50: color-mix(in oklch, var(--ui-color-neutral) 3%, white);--ui-color-neutral-100: color-mix(in oklch, var(--ui-color-neutral) 6%, white);--ui-color-neutral-200: color-mix(in oklch, var(--ui-color-neutral) 12%, white);--ui-color-neutral-300: color-mix(in oklch, var(--ui-color-neutral) 25%, white);--ui-color-neutral-400: color-mix(in oklch, var(--ui-color-neutral) 50%, white);--ui-color-neutral-500: var(--ui-color-neutral);--ui-color-neutral-600: color-mix(in oklch, var(--ui-color-neutral) 85%, black);--ui-color-neutral-700: color-mix(in oklch, var(--ui-color-neutral) 70%, black);--ui-color-neutral-800: color-mix(in oklch, var(--ui-color-neutral) 50%, black);--ui-color-neutral-900: color-mix(in oklch, var(--ui-color-neutral) 35%, black)}}@layer tokens.scale{:root{--ui-space-px: calc(var(--ui-unit) * 0.125);--ui-space-quarter: calc(var(--ui-unit) * 0.25);--ui-space-half: calc(var(--ui-unit) * 0.5);--ui-space-0: calc(var(--ui-unit) * 0.5);--ui-space-1: var(--ui-unit);--ui-space-2: calc(var(--ui-unit) * 2);--ui-space-3: calc(var(--ui-unit) * 3);--ui-space-4: calc(var(--ui-unit) * 4);--ui-space-6: calc(var(--ui-unit) * 6);--ui-space-8: calc(var(--ui-unit) * 8)}}@layer tokens.scale{:root{--ui-font-size-xs: calc(var(--ui-font-size-base) * 0.75);--ui-font-size-sm: calc(var(--ui-font-size-base) * 0.875);--ui-font-size-md: var(--ui-font-size-base);--ui-font-size-lg: calc(var(--ui-font-size-base) * 1.25);--ui-font-size-xl: calc(var(--ui-font-size-base) * 1.5);--ui-font-size-2xl: calc(var(--ui-font-size-base) * 1.75);--ui-font-size-3xl: calc(var(--ui-font-size-base) * 2);--ui-font-size-4xl: calc(var(--ui-font-size-base) * 2.5);--ui-line-height-tight-xs: var(--ui-row-1);--ui-line-height-tight-sm: var(--ui-row-1);--ui-line-height-tight-md: calc(var(--ui-unit) * 3);--ui-line-height-tight-lg: calc(var(--ui-unit) * 3);--ui-line-height-xs: var(--ui-row-1);--ui-line-height-sm: calc(var(--ui-unit) * 3);--ui-line-height-md: calc(var(--ui-unit) * 3);--ui-line-height-lg: var(--ui-row-2);--ui-line-height-xl: var(--ui-row-2);--ui-line-height-2xl: var(--ui-row-2);--ui-line-height-3xl: calc(var(--ui-unit) * 5);--ui-line-height-4xl: calc(var(--ui-unit) * 6);--ui-font-weight-normal: 400;--ui-font-weight-medium: 500;--ui-font-weight-semibold: 600;--ui-font-weight-bold: 700;--ui-letter-spacing-display: -0.02em;--ui-letter-spacing-body: 0;--ui-letter-spacing-caps: 0.08em}}@layer tokens.semantic{:root{--ui-heading-1-size: var(--ui-font-size-4xl);--ui-heading-1-line-height: var(--ui-line-height-4xl);--ui-heading-1-weight: var(--ui-font-weight-bold);--ui-heading-1-tracking: var(--ui-letter-spacing-display);--ui-heading-2-size: var(--ui-font-size-3xl);--ui-heading-2-line-height: var(--ui-line-height-3xl);--ui-heading-2-weight: var(--ui-font-weight-bold);--ui-heading-2-tracking: -0.01em;--ui-heading-3-size: var(--ui-font-size-2xl);--ui-heading-3-line-height: var(--ui-line-height-2xl);--ui-heading-3-weight: var(--ui-font-weight-semibold);--ui-heading-3-tracking: var(--ui-letter-spacing-body);--ui-heading-4-size: var(--ui-font-size-xl);--ui-heading-4-line-height: var(--ui-line-height-xl);--ui-heading-4-weight: var(--ui-font-weight-semibold);--ui-heading-4-tracking: var(--ui-letter-spacing-body);--ui-heading-5-size: var(--ui-font-size-lg);--ui-heading-5-line-height: var(--ui-line-height-sm);--ui-heading-5-weight: var(--ui-font-weight-medium);--ui-heading-5-tracking: var(--ui-letter-spacing-body);--ui-body-size: var(--ui-font-size-md);--ui-body-line-height: var(--ui-line-height-md);--ui-body-weight: var(--ui-font-weight-normal);--ui-body-tracking: var(--ui-letter-spacing-body);--ui-body-sm-size: var(--ui-font-size-sm);--ui-body-sm-line-height: var(--ui-line-height-sm);--ui-body-sm-weight: var(--ui-font-weight-normal);--ui-body-sm-tracking: var(--ui-letter-spacing-body);--ui-caption-size: var(--ui-font-size-xs);--ui-caption-line-height: var(--ui-line-height-xs);--ui-caption-weight: var(--ui-font-weight-normal);--ui-caption-tracking: 0.01em;--ui-lead-size: var(--ui-font-size-lg);--ui-lead-line-height: var(--ui-line-height-lg);--ui-lead-weight: var(--ui-font-weight-normal);--ui-lead-tracking: var(--ui-letter-spacing-body);--ui-eyebrow-size: var(--ui-font-size-xs);--ui-eyebrow-line-height: var(--ui-line-height-xs);--ui-eyebrow-weight: var(--ui-font-weight-semibold);--ui-eyebrow-tracking: var(--ui-letter-spacing-caps)}}@layer tokens.scale{:root{--ui-row: calc(var(--ui-unit) * 2);--ui-row-1: var(--ui-row);--ui-row-2: calc(var(--ui-row) * 2);--ui-row-3: calc(var(--ui-row) * 3);--ui-row-4: calc(var(--ui-row) * 4);--ui-row-5: calc(var(--ui-row) * 5);--ui-row-6: calc(var(--ui-row) * 6)}}@layer tokens.scale{:root{--ui-radius-sm: calc(var(--ui-radius-base) * 0.5);--ui-radius-md: var(--ui-radius-base);--ui-radius-lg: calc(var(--ui-radius-base) * 2);--ui-radius-full: 9999px}}@layer tokens.scale{:root{--ui-border-width-sm: var(--ui-border-width-base);--ui-border-width-md: calc(var(--ui-border-width-base) * 2);--ui-border-width-lg: calc(var(--ui-border-width-base) * 4)}}@layer tokens.scale{:root{--ui-shadow-sm: 0 calc(var(--ui-unit) * 0.125) calc(var(--ui-unit) * 0.25) color-mix(in oklch, var(--ui-color-neutral) var(--ui-shadow-strength), transparent);--ui-shadow-md: 0 calc(var(--ui-unit) * 0.5) calc(var(--ui-unit) * 0.75) color-mix(in oklch, var(--ui-color-neutral) calc(var(--ui-shadow-strength) * 0.75), transparent);--ui-shadow-lg: 0 calc(var(--ui-unit) * 1.25) calc(var(--ui-unit) * 2) color-mix(in oklch, var(--ui-color-neutral) calc(var(--ui-shadow-strength) * 0.6), transparent)}}@layer tokens.scale{:root{--ui-z-index-base: 0;--ui-z-index-sticky: 100;--ui-z-index-dropdown: 200;--ui-z-index-overlay: 300;--ui-z-index-modal: 400;--ui-z-index-popover: 500;--ui-z-index-tooltip: 600;--ui-z-index-toast: 700;--ui-z-index-drawer: 800;--ui-z-index-debug: 9999}}@layer tokens.scale{:root{--ui-duration-instant: 50ms;--ui-duration-fast: 100ms;--ui-duration-base: 150ms;--ui-duration-normal: 200ms;--ui-duration-slow: 250ms;--ui-duration-slower: 400ms;--ui-ease-default: cubic-bezier(0.4, 0, 0.2, 1);--ui-ease-in: cubic-bezier(0.4, 0, 1, 1);--ui-ease-out: cubic-bezier(0, 0, 0.2, 1);--ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){:root{--ui-duration-instant: 0ms;--ui-duration-fast: 0ms;--ui-duration-base: 0ms;--ui-duration-normal: 0ms;--ui-duration-slow: 0ms;--ui-duration-slower: 0ms}}}@layer tokens.semantic{:root{color-scheme:light dark;--ui-color-text: light-dark(var(--ui-color-neutral-900), var(--ui-color-neutral-100));--ui-color-text-muted: light-dark(var(--ui-color-neutral-500), var(--ui-color-neutral-400));--ui-color-text-inverse: light-dark(var(--ui-color-neutral-50), var(--ui-color-neutral-900));--ui-color-bg: light-dark(var(--ui-color-neutral-50), var(--ui-color-neutral-900));--ui-color-bg-subtle: light-dark(var(--ui-color-neutral-100), var(--ui-color-neutral-800));--ui-color-bg-muted: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700));--ui-color-bg-inset: light-dark(var(--ui-color-neutral-300), var(--ui-color-neutral-600));--ui-color-border: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700));--ui-color-border-strong: light-dark(var(--ui-color-neutral-300), var(--ui-color-neutral-600));--ui-color-interactive: var(--ui-color-primary);--ui-color-interactive-hover: var(--ui-color-primary-dark);--ui-color-focus: var(--ui-color-primary-light);--ui-opacity-disabled: 0.5;--ui-opacity-loading: 0.7;--ui-overlay-bg: rgb(0 0 0 / 0.5);--ui-overlay-bg-light: rgb(255 255 255 / 0.7);--ui-overlay-bg-blur: rgb(0 0 0 / 0.3);--ui-overlay-bg-subtle: rgb(0 0 0 / 0.1)}}@layer themes{[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@media(forced-colors: active){:root{--ui-color-focus: Highlight}}@media(prefers-contrast: more){:root{--ui-color-border: light-dark(var(--ui-color-neutral-400), var(--ui-color-neutral-400));--ui-color-border-strong: light-dark(var(--ui-color-neutral-600), var(--ui-color-neutral-300));--ui-color-text-muted: light-dark(var(--ui-color-neutral-600), var(--ui-color-neutral-300));--ui-color-bg-subtle: light-dark(var(--ui-color-neutral-200), var(--ui-color-neutral-700))}}@media(prefers-contrast: less){:root{--ui-color-border: var(--ui-color-neutral-150);--ui-color-border-strong: var(--ui-color-neutral-200)}}[data-density=compact]{--ui-scale: 0.875}[data-density=comfortable]{--ui-scale: 1.125}}@layer tokens.semantic{:root{--ui-input-height: var(--ui-row-2);--ui-input-padding-x: var(--ui-space-2);--ui-input-padding-y: var(--ui-space-1);--ui-input-radius: var(--ui-radius-md);--ui-input-border-width: var(--ui-border-width-sm);--ui-input-bg: var(--ui-color-bg);--ui-input-border: var(--ui-color-border);--ui-input-border-focus: var(--ui-color-interactive);--ui-input-text: var(--ui-color-text);--ui-input-placeholder: var(--ui-color-text-muted)}}@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0}}@layer base{.root{font-family:var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--ui-font-size-md, 1rem);line-height:var(--ui-line-height-md, calc(0.5rem * 3));color:var(--ui-color-text, hsl(220, 10%, 10%));background:var(--ui-color-bg, hsl(220, 10%, 98%))}}@layer base{h1{margin-block-end:var(--ui-space-4);font-size:var(--ui-heading-1-size);font-weight:var(--ui-heading-1-weight);line-height:var(--ui-heading-1-line-height);letter-spacing:var(--ui-heading-1-tracking)}h2{margin-block-end:var(--ui-space-3);font-size:var(--ui-heading-2-size);font-weight:var(--ui-heading-2-weight);line-height:var(--ui-heading-2-line-height);letter-spacing:var(--ui-heading-2-tracking)}h3{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-3-size);font-weight:var(--ui-heading-3-weight);line-height:var(--ui-heading-3-line-height);letter-spacing:var(--ui-heading-3-tracking)}h4{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-4-size);font-weight:var(--ui-heading-4-weight);line-height:var(--ui-heading-4-line-height);letter-spacing:var(--ui-heading-4-tracking)}h5,h6{margin-block-end:var(--ui-space-1);font-size:var(--ui-heading-5-size);font-weight:var(--ui-heading-5-weight);line-height:var(--ui-heading-5-line-height);letter-spacing:var(--ui-heading-5-tracking)}p{margin-block-end:var(--ui-space-2);font-size:var(--ui-body-size);line-height:var(--ui-body-line-height);letter-spacing:var(--ui-body-tracking)}p:last-child{margin-block-end:0}strong,b{font-weight:var(--ui-font-weight-bold);line-height:0}small{font-size:var(--ui-caption-size);line-height:0}code{padding:0 var(--ui-space-1);font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:0;vertical-align:baseline;background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-sm)}pre{padding:var(--ui-space-2);margin-block-end:var(--ui-space-2);overflow-x:auto;font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:var(--ui-body-sm-line-height);background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-md)}pre code{padding:0;background:none}a{text-decoration:underline;color:var(--ui-color-primary);transition:color var(--ui-duration-fast) var(--ui-ease-default)}a:hover{color:var(--ui-color-primary-hover)}a:visited{color:var(--ui-color-primary)}@media(width < 45.625rem){h1{font-size:var(--ui-font-size-2xl);line-height:var(--ui-line-height-2xl)}h2{font-size:var(--ui-font-size-xl);line-height:var(--ui-line-height-xl)}h3{font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-sm)}h4{font-size:1.125rem;line-height:var(--ui-line-height-sm)}}@media(width > 67.5rem){h1{font-size:calc(var(--ui-unit)*6);line-height:calc(var(--ui-unit)*7)}h2{font-size:var(--ui-font-size-4xl);line-height:var(--ui-line-height-4xl)}}}@layer primitives{.app-shell{min-block-size:100vh}}@layer primitives{.aspect-ratio{aspect-ratio:var(--aspect-ratio, 1/1);overflow:hidden}.aspect-ratio>img,.aspect-ratio>video,.aspect-ratio>iframe{block-size:100%;inline-size:100%;object-fit:cover}.aspect-ratio--square{--aspect-ratio: 1 / 1}.aspect-ratio--video{--aspect-ratio: 16 / 9}.aspect-ratio--photo{--aspect-ratio: 4 / 3}.aspect-ratio--wide{--aspect-ratio: 21 / 9}.aspect-ratio--portrait{--aspect-ratio: 3 / 4}}@layer primitives{.box{--_space-1: var(--ui-space-1, 0.5rem);--_space-2: var(--ui-space-2, 1rem);--_space-3: var(--ui-space-3, 1.5rem);--_space-4: var(--ui-space-4, 2rem);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_radius-md: var(--ui-radius-md, 0.5rem);--_radius-lg: var(--ui-radius-lg, 1rem);--_padding: var(--box-padding, 0);--_bg: var(--box-bg, transparent);--_color: var(--box-color, inherit);--_radius: var(--box-radius, 0);padding:var(--_padding);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.box--p-1{--_padding: var(--_space-1)}.box--p-2{--_padding: var(--_space-2)}.box--p-3{--_padding: var(--_space-3)}.box--p-4{--_padding: var(--_space-4)}.box--bg-subtle{--_bg: var(--_color-bg-subtle)}.box--bg-muted{--_bg: var(--_color-bg-muted)}.box--rounded{--_radius: var(--_radius-md)}.box--rounded-lg{--_radius: var(--_radius-lg)}}@layer primitives{.center{display:flex;align-items:center;justify-content:center}.center--column{flex-direction:column}}@layer primitives{.column{--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-4: var(--ui-space-4);--_space-6: var(--ui-space-6);--_space-8: var(--ui-space-8);display:flex;flex-direction:column;gap:var(--column-gap, var(--_space-2))}.column--xs{--column-gap: var(--_space-1)}.column--sm{--column-gap: var(--_space-2)}.column--md{--column-gap: var(--_space-4)}.column--lg{--column-gap: var(--_space-6)}.column--xl{--column-gap: var(--_space-8)}}@layer primitives{.container{--_unit: var(--ui-unit);--_space-4: var(--ui-space-4);max-inline-size:var(--container-width, calc(var(--_unit) * 120));padding-inline:var(--_space-4)}.container--center{margin-inline:auto}.container--sm{--container-width: calc(var(--_unit) * 80)}.container--md{--container-width: calc(var(--_unit) * 100)}.container--lg{--container-width: calc(var(--_unit) * 120)}.container--xl{--container-width: calc(var(--_unit) * 160)}.container--full{max-inline-size:none}}@layer primitives{.content{--_unit: var(--ui-unit);--_padding-block: var(--ui-content-padding-block, var(--ui-space-4));--_padding-inline: var(--ui-content-padding-inline, var(--ui-space-4));--_gap: var(--ui-content-gap, var(--ui-space-3));display:flex;flex-direction:column;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline)}.content--prose{max-inline-size:calc(var(--_unit)*80)}.content--flush{padding-block:0;padding-inline:0}}@layer primitives{.footer{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_shadow-color: color-mix(in oklch, var(--ui-color-neutral, oklch(50% 0.02 250deg)) 8%, transparent);--_height: var(--ui-footer-height, var(--ui-row-3));--_bg: var(--ui-footer-bg, var(--ui-color-bg));--_padding-inline: var(--ui-footer-padding-inline, var(--ui-space-3));--_border-color: var(--ui-footer-border-color, var(--ui-color-border));--_z: var(--ui-footer-z, var(--ui-z-index-sticky));display:flex;align-items:center;z-index:var(--_z);block-size:var(--_height);padding-inline:var(--_padding-inline);background:var(--_bg)}.footer__start{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.footer__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--_space-2)}.footer__end{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.footer--sticky{position:sticky;inset-block-end:0}.footer--fixed{position:fixed;inset-block-end:0;inset-inline:0}.footer--bordered{box-shadow:inset 0 var(--_border-width-sm) 0 0 var(--_border-color)}.footer--raised{box-shadow:0 calc(var(--_border-width-sm)*-1) 6px var(--_shadow-color)}}@layer primitives{.grid{--_space-4: var(--ui-space-4, 2rem);display:grid;gap:var(--grid-gap, var(--_space-4));grid-template-columns:repeat(var(--grid-cols, 1), minmax(0, 1fr))}.grid--2{--grid-cols: 2}.grid--3{--grid-cols: 3}.grid--4{--grid-cols: 4}.grid--auto{grid-template-columns:repeat(auto-fit, minmax(var(--grid-min, 16rem), 1fr))}.grid--subgrid{display:grid;grid-template-columns:subgrid}.grid--subgrid-rows{display:grid;grid-template-rows:subgrid}.grid--subgrid-both{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.grid-col-span-4{grid-column:span 4}.grid-col-span-full{grid-column:1/-1}.grid-row-span-2{grid-row:span 2}.grid-row-span-3{grid-row:span 3}.grid-row-span-full{grid-row:1/-1}}@layer primitives{.main{--_unit: var(--ui-unit);padding-block-start:var(--topbar-height, 0);margin-inline-start:var(--sidebar-width, calc(var(--_unit) * 30))}.main--sidebar-end{margin-inline-start:0;margin-inline-end:var(--sidebar-width, calc(var(--_unit) * 30))}.main--full{margin-inline-start:0;margin-inline-end:0}}@layer primitives{.nav-rail{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_width: var(--ui-nav-rail-width, var(--ui-row-4));--_bg: var(--ui-nav-rail-bg, var(--ui-color-bg-subtle));--_border-color: var(--ui-nav-rail-border-color, var(--ui-color-border));--_gap: var(--ui-nav-rail-gap, var(--ui-space-1));--_z: var(--ui-nav-rail-z, var(--ui-z-index-sticky));display:flex;flex-direction:column;align-items:center;position:fixed;inset-block:var(--topbar-height, 0);inset-inline-start:0;z-index:var(--_z);inline-size:var(--_width);padding-block:var(--_space-2);background:var(--_bg);box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 0 var(--_border-color)}.nav-rail__items{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--_gap)}.nav-rail__actions{display:flex;flex-direction:column;align-items:center;gap:var(--_gap);margin-block-start:auto}.nav-rail--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--_border-width-sm) 0 0 0 var(--_border-color)}}@layer primitives{.page-header{--_body-line-height: var(--ui-body-line-height);--_space-1: var(--ui-space-1);--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_z-sticky: var(--ui-z-index-sticky);--_color-bg: var(--ui-color-bg);--_padding-block: var(--ui-page-header-padding-block, var(--ui-space-3));--_padding-inline: var(--ui-page-header-padding-inline, 0);--_gap: var(--ui-page-header-gap, var(--ui-space-2));--_border-color: var(--ui-page-header-border-color, var(--ui-color-border));display:flex;flex-wrap:wrap;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);line-height:var(--_body-line-height)}.page-header__title{display:flex;flex:1;flex-direction:column;gap:var(--_space-1)}.page-header__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.page-header__breadcrumb{flex-basis:100%}.page-header--bordered{box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.page-header--sticky{position:sticky;inset-block-start:0;z-index:var(--_z-sticky);background:var(--_color-bg)}}@layer primitives{.row{--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-4: var(--ui-space-4);--_space-6: var(--ui-space-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--row-gap, var(--_space-2))}.row--xs{--row-gap: var(--_space-1)}.row--sm{--row-gap: var(--_space-2)}.row--md{--row-gap: var(--_space-4)}.row--lg{--row-gap: var(--_space-6)}.row--start{justify-content:flex-start}.row--center{justify-content:center}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}}@layer primitives{.sidebar{--_z-sticky: var(--ui-z-index-sticky);--_unit: var(--ui-unit);--_color-bg-subtle: var(--ui-color-bg-subtle);--_border-width-sm: var(--ui-border-width-sm);--_color-border: var(--ui-color-border);display:flex;flex-direction:column;position:fixed;inset-block-start:var(--topbar-height, 0);inset-inline-start:0;z-index:var(--_z-sticky);block-size:calc(100vh - var(--topbar-height, 0px));inline-size:var(--sidebar-width, calc(var(--_unit) * 30));overflow-y:auto;background:var(--_color-bg-subtle);box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 0 var(--_color-border)}.sidebar--sm{--sidebar-width: calc(var(--_unit) * 24)}.sidebar--md{--sidebar-width: calc(var(--_unit) * 30)}.sidebar--lg{--sidebar-width: calc(var(--_unit) * 40)}.sidebar--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--_border-width-sm) 0 0 0 var(--_color-border)}}@layer primitives{.sidebar-nav{--_border-width-sm: var(--ui-border-width-sm);--_space-2: var(--ui-space-2);--_space-1: var(--ui-space-1);--_space-half: var(--ui-space-half);--_size-xs: var(--ui-size-xs);--_weight-medium: var(--ui-font-weight-medium);--_color-text-muted: var(--ui-color-text-muted);--_duration-fast: var(--ui-duration-fast);--_easing-default: var(--ui-easing-default);--_color-focus: var(--ui-color-focus);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size-md: var(--ui-size-md);--_width: var(--ui-sidebar-nav-width, calc(var(--ui-unit) * 30));--_bg: var(--ui-sidebar-nav-bg, var(--ui-color-bg-subtle));--_border-color: var(--ui-sidebar-nav-border-color, var(--ui-color-border));--_padding: var(--ui-sidebar-nav-padding, var(--ui-space-2));display:flex;flex-direction:column;block-size:100%;inline-size:var(--_width);background:var(--_bg)}.sidebar-nav__header{--_padding: var(--ui-sidebar-nav-header-padding, var(--ui-space-2));flex-shrink:0;padding:var(--_padding);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.sidebar-nav__content{flex:1;padding:var(--_padding);overflow-y:auto}.sidebar-nav__footer{--_padding: var(--ui-sidebar-nav-footer-padding, var(--ui-space-2));flex-shrink:0;padding:var(--_padding);box-shadow:inset 0 var(--_border-width-sm) 0 0 var(--_border-color)}.sidebar-nav__group{margin-block-end:var(--_space-2)}.sidebar-nav__group-label{--_font-size: var(--ui-sidebar-nav-group-label-size, var(--ui-size-xs));--_color: var(--ui-sidebar-nav-group-label-color, var(--ui-color-text-muted));--_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-font-weight-bold));display:block;padding:var(--_space-1) var(--_space-2);margin:0;font-size:var(--_font-size);font-weight:var(--_weight);letter-spacing:0.05em;text-transform:uppercase;color:var(--_color)}.sidebar-nav__group-items{display:flex;flex-direction:column;gap:var(--_space-half);padding:0;margin:0;list-style:none}.sidebar-nav__subgroup{margin:0}.sidebar-nav__subgroup-label{display:block;list-style:none;padding:var(--_space-1) var(--_space-2);margin:0;margin-block-start:var(--_space-1);font-size:var(--_size-xs);font-weight:var(--_weight-medium);color:var(--_color-text-muted);cursor:pointer;user-select:none}.sidebar-nav__subgroup-label::-webkit-details-marker{display:none}.sidebar-nav__item{--_height: var(--ui-sidebar-nav-item-height, var(--ui-row-2));--_padding-inline: var(--ui-sidebar-nav-item-padding-inline, var(--ui-space-2));--_font-size: var(--ui-sidebar-nav-item-size, var(--ui-size-sm));--_color: var(--ui-sidebar-nav-item-color, var(--ui-color-text));--_bg: var(--ui-sidebar-nav-item-bg, transparent);--_radius: var(--ui-sidebar-nav-item-radius, var(--ui-radius-sm));display:flex;align-items:center;gap:var(--_space-1);min-block-size:var(--_height);padding-inline:var(--_padding-inline);font-size:var(--_font-size);font-weight:var(--_weight, normal);text-decoration:none;color:var(--_color);background:var(--_bg);border-radius:var(--_radius);cursor:pointer;transition:background var(--_duration-fast) var(--_easing-default),color var(--_duration-fast) var(--_easing-default)}.sidebar-nav__item:hover{--_bg: var(--ui-sidebar-nav-item-hover-bg, var(--ui-color-bg-muted))}.sidebar-nav__item:visited{color:var(--_color)}.sidebar-nav__item:focus-visible{outline:2px solid var(--_color-focus);outline-offset:-0.125rem}.sidebar-nav__item--active{--_bg: var(--ui-sidebar-nav-item-active-bg, var(--ui-color-primary-subtle));--_color: var(--ui-sidebar-nav-item-active-color, var(--ui-color-primary-hover));--_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-font-weight-medium))}.sidebar-nav__item--nested{--_padding-inline-start: var(--ui-sidebar-nav-item-nested-indent, var(--ui-space-4));padding-inline-start:var(--_padding-inline-start)}.sidebar-nav__item--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed;pointer-events:none}.sidebar-nav__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size-md);inline-size:var(--_size-md)}.sidebar-nav__label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav__badge{flex-shrink:0;margin-inline-start:auto}.sidebar-nav--collapsed{--_width: var(--ui-sidebar-nav-width-collapsed, var(--ui-row-3))}.sidebar-nav--collapsed .sidebar-nav__label,.sidebar-nav--collapsed .sidebar-nav__badge,.sidebar-nav--collapsed .sidebar-nav__group-label,.sidebar-nav--collapsed .sidebar-nav__subgroup-label{display:none}.sidebar-nav--collapsed .sidebar-nav__item{justify-content:center;padding-inline:var(--_space-1)}}@layer primitives{.topbar{--_space-2: var(--ui-space-2);--_border-width-sm: var(--ui-border-width-sm);--_shadow-sm: var(--ui-shadow-sm);--_height: var(--ui-topbar-height, var(--ui-row-3));--_bg: var(--ui-topbar-bg, var(--ui-color-bg));--_padding-inline: var(--ui-topbar-padding-inline, var(--ui-space-3));--_border-color: var(--ui-topbar-border-color, var(--ui-color-border));--_z: var(--ui-topbar-z, var(--ui-z-index-sticky));display:flex;align-items:center;z-index:var(--_z);block-size:var(--_height);padding-inline:var(--_padding-inline);background:var(--_bg)}.topbar__start{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.topbar__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--_space-2)}.topbar__end{display:flex;flex-shrink:0;align-items:center;gap:var(--_space-2)}.topbar--sticky{position:sticky;inset-block-start:0}.topbar--fixed{position:fixed;inset-block-start:0;inset-inline:0}.topbar--bordered{box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.topbar--raised{box-shadow:var(--_shadow-sm)}}@layer components.tokens{.button{--_space-1: var(--ui-space-1, 0.5rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_duration-fast: var(--ui-duration-fast, 100ms);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-quarter: var(--ui-space-quarter, 0.125rem);--_opacity-loading: var(--ui-opacity-loading, 0.7);--_accent: var(--ui-button-accent, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_height: var(--ui-button-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-button-padding-x, var(--ui-space-2, 1rem));--_font-size: var(--ui-button-font-size, var(--ui-font-size-sm, 0.875rem));--_font-weight: var(--ui-button-font-weight, var(--ui-font-weight-medium, 500));--_radius: var(--ui-button-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--_accent);--_bg-hover: color-mix(in oklch, var(--_accent) 80%, black);--_color: var(--ui-button-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.button--sm{--ui-ctx-size: var(--ui-size-sm, 0.75rem);--_height: var(--ui-button-height-sm, calc(var(--ui-row, 1rem) * 1.5));--_font-size: var(--ui-button-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.button--md{--ui-ctx-size: var(--ui-size-md, 1rem);--_height: var(--ui-button-height-md, var(--ui-row-2, 2rem));--_font-size: var(--ui-button-font-size-md, var(--ui-font-size-sm, 0.875rem))}.button--lg{--ui-ctx-size: var(--ui-size-lg, 1.25rem);--_height: var(--ui-button-height-lg, calc(var(--ui-row, 1rem) * 2.5));--_padding-x: var(--ui-button-padding-x-lg, var(--ui-space-3, 1.5rem));--_font-size: var(--ui-button-font-size-lg, var(--ui-font-size-md, 1rem))}.button--secondary{--_bg: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_bg-hover: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_color: var(--ui-color-text, hsl(220, 10%, 10%))}.button--ghost{--_bg: transparent;--_bg-hover: color-mix(in oklch, var(--_accent) 10%, transparent);--_color: var(--_accent)}.button--outline{--_bg: transparent;--_bg-hover: var(--_accent);--_color: var(--_accent);--_color-hover: var(--ui-color-text-inverse, hsl(220, 10%, 98%));--_border: var(--ui-border-width-sm, 0.0625rem) solid currentColor}.button--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.button--link{--_bg: transparent;--_bg-hover: transparent;--_color: var(--_accent);--_color-hover: color-mix(in oklch, var(--_accent) 70%, black);--_height: auto;--_padding-x: 0;--_radius: 0}.button--icon{--_padding-x: 0}.button--radius-none{--_radius: 0}.button--radius-sm{--_radius: var(--ui-radius-sm, 0.25rem)}.button--radius-lg{--_radius: var(--ui-radius-lg, 1rem)}.button--radius-full{--_radius: 9999px}}@layer components.styles{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--_space-1);block-size:var(--_height);padding-inline:var(--_padding-x);margin:0;font-family:var(--_font-sans);font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--_color);background:var(--_bg);border:var(--_border, none);border-radius:var(--_radius);cursor:pointer;transition:background-color var(--_duration-base) var(--_ease-default),color var(--_duration-base) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.button:hover,.button--hover{color:var(--_color-hover, var(--_color));background:var(--_bg-hover)}.button:focus-visible,.button--focus{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:var(--_border-width-md)}.button:active,.button--active{transform:scale(0.98)}.button:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.button:disabled:hover{background:var(--_bg);transform:none}.button--icon{inline-size:var(--_height)}.button--block{inline-size:100%}.button--link{text-decoration:underline;text-underline-offset:var(--_space-quarter)}.button--link:hover{text-decoration-thickness:var(--_space-quarter)}.button__icon{flex-shrink:0;block-size:1em;inline-size:1em}.button__icon--start{order:-1}.button__icon--end{order:1}.button--loading{position:relative;opacity:var(--_opacity-loading);pointer-events:none}.button--loading::after{content:"";position:absolute;block-size:1em;inline-size:1em;border:0.125rem solid currentcolor;border-radius:50%;animation:button-spin .6s linear infinite;border-inline-end-color:rgba(0,0,0,0)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.button--loading::after{animation:none}}}@layer components.tokens{.button-group{--_radius: var(--ui-button-group-radius, var(--ui-radius-md, calc(0.5rem / 2)));--_border-width: var(--ui-button-group-border-width, var(--ui-border-width-sm, 0.0625rem))}}@layer components.styles{.button-group{display:inline-flex}.button-group>.button:not(:first-child,:last-child){border-radius:0}.button-group>.button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.button-group>.button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.button-group>.button+.button{margin-inline-start:calc(0.5rem/-8)}.button-group>.button:focus-visible{z-index:1}.button-group--vertical{flex-direction:column}.button-group--vertical>.button:not(:first-child,:last-child){border-radius:0}.button-group--vertical>.button:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.button-group--vertical>.button:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.button-group--vertical>.button+.button{border-block-start-width:0;margin-inline-start:0}.button-group--attached>.button{border-inline-end-width:0}.button-group--attached>.button:last-child{border-inline-end-width:var(--_border-width)}.button-group--attached>.button+.button{margin-inline-start:0}}@layer components.tokens{.close-button{--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, ease);--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-close-button-size, var(--ui-row-2, 2rem));--_icon-size: var(--ui-close-button-icon-size, var(--ui-size-md, 1rem));--_color: var(--ui-close-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_bg: var(--ui-close-button-bg, transparent);--_hover-bg: var(--ui-close-button-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_radius: var(--ui-close-button-radius, var(--ui-radius-md, 0.5rem))}.close-button--sm{--_size: var(--ui-close-button-size-sm, calc(0.5rem * 3));--_icon-size: var(--ui-close-button-icon-size-sm, var(--ui-size-sm, 0.75rem))}.close-button--lg{--_size: var(--ui-close-button-size-lg, var(--ui-row-3, 3rem));--_icon-size: var(--ui-close-button-icon-size-lg, var(--ui-size-lg, 1.25rem))}.close-button--subtle{--_color: var(--ui-close-button-subtle-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_hover-bg: var(--ui-close-button-subtle-hover-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}@layer components.styles{.close-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);padding:0;margin:0;font:inherit;color:var(--_color);background:var(--_bg);border:none;border-radius:var(--_radius);cursor:pointer;appearance:none;transition:background-color var(--_duration-base) var(--_ease-default),color var(--_duration-base) var(--_ease-default)}.close-button:hover,.close-button--hover{color:var(--_color-text);background:var(--_hover-bg)}.close-button:focus-visible,.close-button--focus{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:var(--_border-width-md)}.close-button:active,.close-button--active{transform:scale(0.92)}.close-button:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.close-button:disabled:hover{color:var(--_color);background:var(--_bg);transform:none}.close-button__icon{flex-shrink:0;block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.divider{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color: var(--ui-divider-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_line-size: var(--ui-divider-line-size, var(--ui-border-width-sm, 0.0625rem));--_height: var(--ui-divider-height, var(--ui-unit, 0.5rem));--_gap: var(--ui-divider-gap, calc(0.5rem * 2))}.divider:not(:empty){--_height: var(--ui-row-1, 1rem)}}@layer components.styles{.divider{display:flex;align-items:center;block-size:var(--_height);margin:var(--_gap) 0;font-size:var(--_font-size-sm);line-height:1;color:var(--_color-text-muted);border:none}.divider::before,.divider::after{content:"";flex:1;block-size:var(--_line-size);background:var(--_color)}.divider:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.divider:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.divider:empty::after{display:none}.divider--vertical{flex-direction:column;align-self:stretch;margin:0 var(--_gap);writing-mode:vertical-rl}.divider--vertical::before,.divider--vertical::after{flex:1;block-size:auto;inline-size:var(--_line-size)}.divider--start::before{display:none}.divider--start:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.divider--end::after{display:none}.divider--end:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.divider--dashed::before,.divider--dashed::after{background:repeating-linear-gradient(90deg, var(--_color) 0, var(--_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}.divider--vertical.divider--dashed::before,.divider--vertical.divider--dashed::after{background:repeating-linear-gradient(180deg, var(--_color) 0, var(--_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}}@layer components.tokens{.scroll-area{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_max-height: var(--ui-scroll-area-max-height, calc(1rem * 10));--_scrollbar-size: var(--ui-scroll-area-scrollbar-size, calc(0.5rem * 1));--_thumb-color: var(--ui-scroll-area-thumb-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_thumb-hover-color: var(--ui-scroll-area-thumb-hover-color, var(--ui-color-neutral-400, hsl(220, 10%, 60%)));--_track-color: var(--ui-scroll-area-track-color, transparent);--_thumb-radius: var(--ui-scroll-area-thumb-radius, var(--ui-radius-full, 9999px))}.scroll-area--sm{--_max-height: var(--ui-scroll-area-max-height-sm, calc(1rem * 5))}.scroll-area--lg{--_max-height: var(--ui-scroll-area-max-height-lg, calc(1rem * 15))}.scroll-area--xl{--_max-height: var(--ui-scroll-area-max-height-xl, calc(1rem * 20))}.scroll-area--thin{--_scrollbar-size: var(--ui-scroll-area-scrollbar-size-thin, calc(0.5rem * 0.5))}}@layer components.styles{.scroll-area{overflow:hidden}.scroll-area__viewport{max-block-size:var(--_max-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--_thumb-color) var(--_track-color)}.scroll-area__viewport::-webkit-scrollbar{block-size:var(--_scrollbar-size);inline-size:var(--_scrollbar-size)}.scroll-area__viewport::-webkit-scrollbar-track{background:var(--_track-color)}.scroll-area__viewport::-webkit-scrollbar-thumb{background:var(--_thumb-color);border-radius:var(--_thumb-radius)}.scroll-area__viewport::-webkit-scrollbar-thumb:hover{background:var(--_thumb-hover-color)}.scroll-area--horizontal>.scroll-area__viewport{max-block-size:none;overflow-x:auto;overflow-y:hidden}.scroll-area--both>.scroll-area__viewport{overflow-x:auto;overflow-y:auto}.scroll-area--auto-hide>.scroll-area__viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:background var(--_duration-fast) var(--_ease-default)}.scroll-area--auto-hide>.scroll-area__viewport:hover::-webkit-scrollbar-thumb{background:var(--_thumb-color)}}@layer components.tokens{.spacer{--_size: var(--ui-spacer-size, 1)}}@layer components.styles{.spacer{flex:var(--_size)}}@layer components.tokens{.avatar{--_weight-medium: var(--ui-font-weight-medium, 500);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_color-bg: var(--ui-color-bg, hsl(220, 10%, 98%));--_size: var(--ui-avatar-size, calc(0.5rem * 5));--_bg: var(--ui-avatar-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_color: var(--ui-avatar-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_font-size: var(--ui-avatar-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-avatar-radius, 50%)}.avatar--xs{--_size: var(--ui-avatar-size-xs, calc(0.5rem * 3));--_font-size: var(--ui-avatar-font-size-xs, var(--ui-font-size-xs, 0.75rem))}.avatar--sm{--_size: var(--ui-avatar-size-sm, calc(0.5rem * 4));--_font-size: var(--ui-avatar-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.avatar--lg{--_size: var(--ui-avatar-size-lg, calc(0.5rem * 6));--_font-size: var(--ui-avatar-font-size-lg, var(--ui-font-size-md, 1rem))}.avatar--xl{--_size: var(--ui-avatar-size-xl, calc(0.5rem * 8));--_font-size: var(--ui-avatar-font-size-xl, var(--ui-font-size-lg, 1.25rem))}.avatar--square{--_radius: var(--ui-avatar-radius-square, var(--ui-radius-md, 0.5rem))}}@layer components.styles{.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;block-size:var(--_size);inline-size:var(--_size);overflow:hidden;font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:1;text-transform:uppercase;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.avatar__image{position:absolute;inset:0;block-size:100%;inline-size:100%;object-fit:cover;border-radius:inherit}.avatar__fallback{display:flex;align-items:center;justify-content:center;block-size:100%;inline-size:100%;user-select:none}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group>.avatar{margin-inline-start:calc(var(--_size)*-0.25);border:var(--_border-width-sm) solid var(--_color-bg)}.avatar-group>.avatar:last-child{margin-inline-start:0}}@layer components.tokens{.badge{--_accent: var(--ui-badge-accent, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_height: var(--ui-badge-height, calc(var(--ui-row, 1rem) * 1.5));--_padding-x: var(--ui-badge-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-badge-font-size, var(--ui-font-size-xs, 0.75rem));--_font-weight: var(--ui-badge-font-weight, var(--ui-font-weight-medium, 500));--_radius: var(--ui-badge-radius, var(--ui-radius-full, 9999px));--_bg: var(--_accent);--_color: var(--ui-badge-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.badge--sm{--_height: var(--ui-badge-height-sm, var(--ui-row, 1rem));--_padding-x: var(--ui-badge-padding-x-sm, var(--ui-space-0, 0.25rem));--_font-size: var(--ui-badge-font-size-sm, calc(var(--ui-font-size-xs, 0.75rem) * 0.85))}.badge--lg{--_height: var(--ui-badge-height-lg, var(--ui-row-2, 2rem));--_padding-x: var(--ui-badge-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-badge-font-size-lg, var(--ui-font-size-md, 1rem))}.badge--primary{--_accent: var(--ui-color-primary, oklch(55% 0.22 250deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.badge--success{--_accent: var(--ui-color-success, oklch(60% 0.18 145deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.badge--warning{--_accent: var(--ui-color-warning, oklch(75% 0.18 70deg));--_color: var(--ui-color-text, hsl(220, 10%, 10%))}.badge--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg));--_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}}@layer components.styles{.badge{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_height);padding-inline:var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:1;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}}@layer components.tokens{.card{--_row-1: var(--ui-row-1, 1rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_padding: var(--ui-card-padding, var(--ui-space-4, 2rem));--_border-width: var(--ui-card-border-width, var(--ui-border-width-sm, 0.0625rem));--_bg: var(--ui-card-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-card-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-card-radius, var(--ui-radius-md, 0.5rem))}.card--subtle{--_bg: var(--ui-card-bg-subtle, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}.card--muted{--_bg: var(--ui-card-bg-muted, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.card--sm{--_padding: var(--ui-card-padding-sm, var(--ui-space-2, 1rem))}.card--lg{--_padding: var(--ui-card-padding-lg, var(--ui-space-6, 3rem))}.card--flush{--_padding: 0;--_border-width: 0}.card--interactive:hover{--_bg: var(--ui-card-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_border-color: var(--ui-card-border-color-hover, var(--ui-color-border-strong, hsl(220, 10%, 80%)))}.card--interactive:active{--_bg: var(--ui-card-bg-active, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}}@layer components.styles{.card{padding:calc(var(--_padding) - var(--_border-width));line-height:var(--_row-1);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius)}.card--responsive{display:flex;flex-direction:column}@container (inline-size >= 30rem){.card--responsive{flex-direction:row}}.card--responsive>.card__media{inline-size:100%}@container (inline-size >= 30rem){.card--responsive>.card__media{flex:0 0 auto;inline-size:40%}}.card--responsive>.card__body{flex:1 1 auto}.card--interactive{cursor:pointer;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}}@layer components.tokens{.data-list{--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_radius-sm: var(--ui-radius-sm, 0.25rem);--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_gap: var(--ui-data-list-gap, calc(0.5rem * 2));--_item-gap: var(--ui-data-list-item-gap, calc(0.5rem * 1));--_label-color: var(--ui-data-list-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_value-color: var(--ui-data-list-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.data-list--sm{--_gap: calc(0.5rem * 1);--_item-gap: 0}.data-list--lg{--_gap: calc(0.5rem * 3);--_item-gap: calc(0.5rem * 1)}}@layer components.styles{.data-list{display:flex;flex-direction:column;gap:var(--_gap);margin:0;line-height:var(--_row-1)}.data-list__item{display:flex;flex-direction:column;gap:var(--_item-gap)}.data-list__label{font-size:var(--_font-size-sm);font-weight:var(--_weight-medium);line-height:var(--_row-1);color:var(--_label-color)}.data-list__value{margin:0;line-height:var(--_row-1);color:var(--_value-color)}.data-list--horizontal .data-list__item{flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(0.5rem*2)}.data-list--horizontal .data-list__label{flex-shrink:0}.data-list--horizontal .data-list__value{text-align:end}.data-list--divided .data-list__item{padding-block-end:calc(var(--_gap) - var(--_border-width-sm));border-block-end:var(--_border-width-sm) solid var(--_color-border)}.data-list--divided .data-list__item:last-child{padding-block-end:0;border-block-end:none}.data-list--striped .data-list__item:nth-child(odd){padding:calc(0.5rem*1);background:var(--_color-bg-subtle);border-radius:var(--_radius-sm)}.data-list--sm{font-size:var(--_font-size-sm)}.data-list--lg{font-size:var(--_font-size-lg)}}@layer components.tokens{.icon{--_size: var(--ui-icon-size, var(--ui-ctx-size, 1rem));--_stroke: var(--ui-icon-stroke, 2)}.icon--xs{--_size: var(--ui-icon-size-xs, var(--ui-size-xs, 0.5rem))}.icon--sm{--_size: var(--ui-icon-size-sm, var(--ui-size-sm, 0.75rem))}.icon--md{--_size: var(--ui-icon-size-md, var(--ui-size-md, 1rem))}.icon--lg{--_size: var(--ui-icon-size-lg, var(--ui-size-lg, 1.25rem))}.icon--xl{--_size: var(--ui-icon-size-xl, var(--ui-size-xl, 1.5rem))}.icon--stroke-thin{--_stroke: var(--ui-icon-stroke-thin, 1)}.icon--stroke-thick{--_stroke: var(--ui-icon-stroke-thick, 2.5)}}@layer components.styles{.icon{display:inline-block;flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;color:currentcolor;fill:none;stroke:currentcolor;stroke-width:var(--_stroke);stroke-linecap:round;stroke-linejoin:round}.icon--filled{fill:currentcolor;stroke:none}.icon--spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.icon--spin{animation:none}}}@layer components.tokens{.image{--_row-1: var(--ui-row-1, 1rem);--_size: var(--ui-image-size, auto);--_radius: var(--ui-image-radius, 0);--_object-fit: var(--ui-image-object-fit, cover);--_bg: var(--ui-image-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_caption-color: var(--ui-image-caption-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_caption-font-size: var(--ui-image-caption-font-size, var(--ui-font-size-sm, 0.875rem));--_caption-spacing: var(--ui-image-caption-spacing, var(--ui-space-1, 0.5rem))}.image--sm{--_size: var(--ui-image-size-sm, calc(0.5rem * 12))}.image--md{--_size: var(--ui-image-size-md, calc(0.5rem * 24))}.image--lg{--_size: var(--ui-image-size-lg, calc(0.5rem * 40))}.image--xl{--_size: var(--ui-image-size-xl, calc(0.5rem * 60))}.image--full{--_size: 100%}.image--rounded{--_radius: var(--ui-image-radius-rounded, var(--ui-radius-lg, 1rem))}.image--circle{--_radius: var(--ui-image-radius-circle, 50%)}.image--cover{--_object-fit: cover}.image--contain{--_object-fit: contain}}@layer components.styles{.image{display:inline-block;max-inline-size:100%;padding:0;margin:0}.image__img{display:block;block-size:var(--_size);inline-size:var(--_size);max-inline-size:100%;object-fit:var(--_object-fit);background:var(--_bg);border-radius:var(--_radius)}.image__img:not([src]),.image__img[src=""]{aspect-ratio:1/1;min-block-size:calc(0.5rem*8);min-inline-size:calc(0.5rem*8)}.image__caption{margin-block-start:var(--_caption-spacing);font-size:var(--_caption-font-size);line-height:var(--_row-1);color:var(--_caption-color)}.image--circle .image__img{aspect-ratio:1/1}}@layer components.tokens{.stat{--_tracking-display: var(--ui-letter-spacing-display, -0.02em);--_gap: var(--ui-stat-gap, var(--ui-space-1, 0.5rem))}.stat__value{--_font-size: var(--ui-stat-value-font-size, var(--ui-font-size-3xl, 2rem));--_font-weight: var(--ui-stat-value-font-weight, var(--ui-font-weight-bold, 700));--_line-height: var(--ui-stat-value-line-height, var(--ui-line-height-3xl, 2.5rem));--_color: var(--ui-stat-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.stat__label{--_font-size: var(--ui-stat-label-font-size, var(--ui-font-size-sm, 0.875rem));--_color: var(--ui-stat-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_line-height: var(--ui-stat-label-line-height, var(--ui-line-height-sm, 1.5rem))}.stat--sm .stat__value{--_font-size: var(--ui-font-size-xl, 1.5rem);--_line-height: var(--ui-line-height-xl, 2rem)}}@layer components.styles{.stat{display:flex;flex-direction:column;gap:var(--_gap)}.stat__value{font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:var(--_line-height);letter-spacing:var(--_tracking-display);color:var(--_color)}.stat__label{font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}}@layer components.tokens{.status{--_size: var(--ui-status-size, calc(0.5rem * 1));--_color: var(--ui-status-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_gap: var(--ui-status-gap, calc(0.5rem * 1))}.status--success{--_color: var(--ui-color-success, oklch(60% 0.18 145deg))}.status--warning{--_color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.status--danger{--_color: var(--ui-color-danger, oklch(60% 0.22 25deg))}.status--info{--_color: var(--ui-color-primary, oklch(55% 0.22 250deg))}.status--sm{--_size: calc(0.5rem * 0.75);--_gap: calc(0.5rem * 0.75)}.status--lg{--_size: calc(0.5rem * 1.5);--_gap: calc(0.5rem * 1.5)}}@layer components.styles{.status{display:inline-flex;align-items:center;gap:var(--_gap)}.status__dot{flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);background:var(--_color);border-radius:50%}.status--pulse .status__dot{position:relative}.status--pulse .status__dot::before{content:"";position:absolute;inset:0;background:var(--_color);border-radius:50%;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion: reduce){.status--pulse .status__dot::before{animation:none}}}@layer components.tokens{.table{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_unit: var(--ui-unit, 0.5rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--_font-size: var(--ui-table-font-size, var(--ui-font-size-sm, 0.875rem));--_border-color: var(--ui-table-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_header-bg: var(--ui-table-header-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_cell-padding-x: var(--ui-table-cell-padding-x, var(--ui-space-2, 1rem));--_cell-padding-y: var(--ui-table-cell-padding-y, var(--ui-space-1, 0.5rem))}.table--compact{--_cell-padding-y: var(--ui-space-0, 0.25rem);--_cell-padding-x: var(--ui-space-1, 0.5rem);--_font-size: var(--ui-font-size-xs, 0.75rem)}}@layer components.styles{.table{inline-size:100%;font-size:var(--_font-size);border-collapse:separate;border-spacing:0}.table th,.table td{padding-block-start:var(--_cell-padding-y);padding-block-end:calc(var(--_cell-padding-y) - var(--_border-width-sm));padding-inline:var(--_cell-padding-x);line-height:calc(var(--_unit)*3);text-align:start;border-block-end:var(--_border-width-sm) solid var(--_border-color)}.table th{font-weight:var(--_weight-medium);background:var(--_header-bg)}.table--striped tbody tr:nth-child(odd){background:var(--_color-bg-muted)}.table--striped th{background:var(--_header-bg)}}@layer components.tokens{.tag{--_weight-medium: var(--ui-font-weight-medium, 500);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_opacity-loading: var(--ui-opacity-loading, 0.7);--_height: var(--ui-tag-height, calc(0.5rem * 3));--_padding-x: var(--ui-tag-padding-x, var(--ui-space-1, 0.5rem));--_gap: var(--ui-tag-gap, calc(0.5rem * 0.5));--_radius: var(--ui-tag-radius, var(--ui-radius-full, 9999px));--_font-size: var(--ui-tag-font-size, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-tag-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_color: var(--ui-tag-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.tag--sm{--_height: var(--ui-tag-height-sm, calc(0.5rem * 2.5));--_padding-x: var(--ui-tag-padding-x-sm, calc(0.5rem * 1));--_font-size: var(--ui-tag-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.tag--lg{--_height: var(--ui-tag-height-lg, calc(0.5rem * 3.5));--_padding-x: var(--ui-tag-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-tag-font-size-lg, var(--ui-font-size-md, 1rem))}.tag--primary{--_bg: var(--ui-tag-primary-bg, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-tag-primary-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.tag--success{--_bg: var(--ui-tag-success-bg, var(--ui-color-success, oklch(60% 0.18 145deg)));--_color: var(--ui-tag-success-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.tag--warning{--_bg: var(--ui-tag-warning-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--_color: var(--ui-tag-warning-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.tag--danger{--_bg: var(--ui-tag-danger-bg, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_color: var(--ui-tag-danger-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}@layer components.styles{.tag{display:inline-flex;align-items:center;gap:var(--_gap);block-size:var(--_height);padding-inline:var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:1;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.tag:disabled,.tag[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}.tag__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;margin-inline-start:calc(var(--_gap)*-0.5);color:currentcolor;background:none;border:none;opacity:var(--_opacity-loading);cursor:pointer}.tag__remove:hover{opacity:1}.tag-group{display:flex;flex-wrap:wrap;gap:calc(0.5rem*.5)}}@layer components.tokens{.accordion{--_border-color: var(--ui-accordion-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-accordion-border-width, var(--ui-border-width-sm, 0.0625rem));--_radius: var(--ui-accordion-radius, var(--ui-radius-md, calc(0.5rem * 1)))}.accordion>.disclosure{--_border-width: 0}}@layer components.styles{.accordion{border-radius:var(--_radius);outline:var(--_border-width) solid var(--_border-color);outline-offset:calc(var(--_border-width)*-1)}.accordion>.disclosure{border:none;border-radius:0}.accordion>.disclosure+.disclosure{border-block-start:var(--_border-width) solid var(--_border-color)}.accordion>.disclosure:first-child .disclosure__trigger{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_radius)}.accordion>.disclosure:last-child .disclosure__trigger{border-end-start-radius:var(--_radius);border-end-end-radius:var(--_radius)}.accordion>.disclosure:last-child .disclosure__content{border-end-start-radius:var(--_radius);border-end-end-radius:var(--_radius)}.accordion--borderless{border:none}.accordion--borderless>.disclosure+.disclosure{border-block-start:none}.accordion--separated{display:flex;flex-direction:column;gap:calc(0.5rem*1);border:none}.accordion--separated>.disclosure{border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius)}.accordion--separated>.disclosure+.disclosure{border-block-start:var(--_border-width) solid var(--_border-color)}}@layer components.tokens{.disclosure{--_weight-medium: var(--ui-font-weight-medium, 500);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_duration-normal: var(--ui-duration-normal, 200ms);--_border-color: var(--ui-disclosure-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-disclosure-border-width, var(--ui-border-width-sm, 0.0625rem));--_radius: var(--ui-disclosure-radius, var(--ui-radius-md, calc(0.5rem * 1)));--_trigger-height: var(--ui-disclosure-trigger-height, var(--ui-row-3, calc(1rem * 3)));--_padding-x: var(--ui-disclosure-padding-x, calc(0.5rem * 2));--_padding-y: var(--ui-disclosure-padding-y, calc(0.5rem * 2))}.disclosure--borderless{--_border-width: 0}}@layer components.styles{.disclosure{box-sizing:border-box;border-radius:var(--_radius);outline:var(--_border-width) solid var(--_border-color);outline-offset:calc(var(--_border-width)*-1)}.disclosure:not([open]){block-size:var(--_trigger-height)}.disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);block-size:var(--_trigger-height);inline-size:100%;padding-inline:var(--_padding-x);font-weight:var(--_weight-medium);line-height:1;text-align:start;cursor:pointer;list-style:none}.disclosure__trigger::-webkit-details-marker{display:none}.disclosure__trigger::marker{display:none}.disclosure__trigger:hover{background:var(--_color-bg-subtle)}.disclosure__icon{flex-shrink:0;transition:transform var(--_duration-fast) var(--_ease-default)}.disclosure[open] .disclosure__icon{transform:rotate(180deg)}.disclosure__content{padding:0 var(--_padding-x) var(--_padding-y)}.disclosure--animate .disclosure__content{animation:disclosure-open var(--_duration-normal) var(--_ease-default)}@keyframes disclosure-open{from{opacity:0;transform:translateY(calc(0.5rem * -1))}to{opacity:1;transform:translateY(0)}}.disclosure--borderless{border:none;border-radius:0}.disclosure--flush .disclosure__trigger{padding-inline:0}.disclosure--flush .disclosure__content{padding-inline:0}@media(prefers-reduced-motion: reduce){.disclosure--animate .disclosure__content{animation:none}.disclosure__icon{transition:none}}}@layer components.tokens{.alert{--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_accent: var(--ui-alert-accent, var(--ui-color-border, hsl(220, 10%, 90%)));--_padding: var(--ui-alert-padding, var(--ui-space-2, 1rem));--_border-width: var(--ui-alert-border-width, var(--ui-border-width-sm, 0.0625rem));--_gap: var(--ui-alert-gap, var(--ui-space-1, 0.5rem));--_radius: var(--ui-alert-radius, var(--ui-radius-md, 0.5rem));--_bg: color-mix(in oklch, var(--_accent) 8%, white);--_border-color: var(--_accent);--_color: var(--ui-alert-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_font-size: var(--ui-alert-font-size, inherit);--_padding-end: 0;--_icon-color: var(--_accent)}.alert--info{--_accent: var(--ui-color-primary, oklch(55% 0.22 250deg))}.alert--success{--_accent: var(--ui-color-success, oklch(60% 0.18 145deg))}.alert--warning{--_accent: var(--ui-color-warning, oklch(75% 0.18 70deg))}.alert--danger{--_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.alert--sm{--_padding: var(--ui-alert-padding-sm, var(--ui-space-1, 0.5rem));--_gap: var(--ui-alert-gap-sm, calc(0.5rem * 0.5));--_font-size: var(--ui-alert-font-size-sm, var(--ui-font-size-sm, 0.875rem))}.alert--lg{--_padding: var(--ui-alert-padding-lg, var(--ui-space-4, 2rem));--_gap: var(--ui-alert-gap-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-alert-font-size-lg, var(--ui-font-size-lg, 1.25rem))}.alert--dismissible{--_padding-end: var(--ui-alert-padding-end, calc(0.5rem * 5))}}@layer components.styles{.alert{display:flex;align-items:flex-start;gap:var(--_gap);padding:calc(var(--_padding) - var(--_border-width));padding-inline:var(--_padding);padding-inline-end:calc(var(--_padding) + var(--_padding-end));font-size:var(--_font-size);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);border-inline-start-width:calc(var(--_border-width)*4)}.alert__icon{flex-shrink:0;color:var(--_icon-color)}.alert__content{flex:1;min-inline-size:0}.alert__title{margin:0;font-weight:var(--_weight-medium);line-height:var(--_row-1)}.alert__description{margin:0;margin-block-start:calc(0.5rem*1);font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.alert__close{flex-shrink:0;align-self:flex-start;padding:0;color:var(--_color-text-muted);background:none;border:none;cursor:pointer}.alert__close:hover{color:var(--_color-text)}}@property --ui-progress-value{syntax:"<percentage>";inherits:false;initial-value:0%}@layer components.tokens{.progress{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_height: var(--ui-progress-height, calc(0.5rem * 1));--_bg: var(--ui-progress-bg, var(--ui-color-bg-inset, hsl(220, 10%, 80%)));--_fill: var(--ui-progress-fill, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_radius: var(--ui-progress-radius, var(--ui-radius-full, 9999px))}.progress--sm{--_height: calc(0.5rem * 1)}.progress--lg{--_height: calc(0.5rem * 2)}.progress--success{--_fill: var(--ui-color-success, oklch(60% 0.18 145deg))}.progress--warning{--_fill: var(--ui-color-warning, oklch(75% 0.18 70deg))}.progress--danger{--_fill: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.progress{position:relative;block-size:var(--_height);overflow:hidden;background:var(--_bg);border-radius:var(--_radius)}.progress__bar{block-size:100%;inline-size:var(--ui-progress-value, auto);background:var(--_fill);border-radius:var(--_radius);transition:inline-size var(--_duration-normal) var(--_ease-default),--ui-progress-value var(--_duration-normal) var(--_ease-default)}.progress--indeterminate .progress__bar{inline-size:30%;animation:progress-indeterminate 1.5s infinite ease-in-out}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.progress--striped .progress__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:0.5rem 0.5rem}.progress--animated .progress__bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{from{background-position:0.5rem 0}to{background-position:0 0}}@media(prefers-reduced-motion: reduce){.progress--indeterminate .progress__bar{animation:none}.progress--animated .progress__bar{animation:none}}}@property --ui-progress-circle-value{syntax:"<number>";inherits:false;initial-value:0}@layer components.tokens{.progress-circle{--_duration-slow: var(--ui-duration-slow, 250ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_size: var(--ui-progress-circle-size, calc(var(--ui-unit, 0.5rem) * 6));--_stroke-width: var(--ui-progress-circle-stroke-width, 8);--_fill-color: var(--ui-progress-circle-fill-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-color: var(--ui-progress-circle-track-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_value: var(--ui-progress-circle-value, 0);--_circumference: 282.743}.progress-circle--sm{--_size: var(--ui-progress-circle-size-sm, calc(var(--ui-unit, 0.5rem) * 4))}.progress-circle--lg{--_size: var(--ui-progress-circle-size-lg, calc(var(--ui-unit, 0.5rem) * 8))}.progress-circle--xl{--_size: var(--ui-progress-circle-size-xl, calc(var(--ui-unit, 0.5rem) * 12))}.progress-circle--success{--_fill-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.progress-circle--warning{--_fill-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.progress-circle--danger{--_fill-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.progress-circle{display:inline-block;flex-shrink:0;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;transform:rotate(-90deg)}.progress-circle__track{fill:none;stroke:var(--_track-color);stroke-width:var(--_stroke-width)}.progress-circle__fill{fill:none;stroke:var(--_fill-color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-dasharray:var(--_circumference);stroke-dashoffset:calc(var(--_circumference)*(1 - var(--_value)/100));transition:stroke-dashoffset var(--_duration-slow) var(--_ease-default),--ui-progress-circle-value var(--_duration-slow) var(--_ease-default)}.progress-circle--indeterminate{animation:progress-circle-rotate 1.4s linear infinite}.progress-circle--indeterminate .progress-circle__fill{stroke-dashoffset:calc(var(--_circumference)*.25);transition:none}@keyframes progress-circle-rotate{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion: reduce){.progress-circle--indeterminate{animation:none}}}@layer components.tokens{.skeleton{--_bg: var(--ui-skeleton-bg, var(--ui-color-bg-inset, hsl(220, 10%, 80%)));--_shimmer: var(--ui-skeleton-shimmer, rgba(255, 255, 255, 0.5));--_radius: var(--ui-skeleton-radius, var(--ui-radius-sm, calc(0.5rem / 2)))}}@layer components.styles{.skeleton{display:block;position:relative;overflow:hidden;background:var(--_bg);border-radius:var(--_radius)}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--_shimmer) 50%, transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}.skeleton--text{block-size:calc(0.5rem*2);inline-size:100%}.skeleton--heading{block-size:calc(0.5rem*3);inline-size:60%}.skeleton--circle{block-size:calc(0.5rem*5);inline-size:calc(0.5rem*5);border-radius:50%}.skeleton--rect{block-size:calc(0.5rem*20);inline-size:100%}.skeleton--static::after{animation:none}.skeleton--pulse{animation:skeleton-pulse 1.5s infinite ease-in-out}.skeleton--pulse::after{display:none}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion: reduce){.skeleton::after{animation:none}.skeleton--pulse{animation:none}}}@layer components.tokens{.spinner{--_size: var(--ui-spinner-size, calc(var(--ui-unit, 0.5rem) * 4));--_border-width: var(--ui-spinner-border-width, var(--ui-border-width-md, 0.125rem));--_color: var(--ui-spinner-color, currentcolor);--_track-color: var(--ui-spinner-track-color, transparent);--_duration: var(--ui-spinner-duration, 750ms)}.spinner--xs{--_size: var(--ui-spinner-size-xs, calc(var(--ui-unit, 0.5rem) * 2));--_border-width: var(--ui-spinner-border-width-xs, var(--ui-border-width-sm, 0.0625rem))}.spinner--sm{--_size: var(--ui-spinner-size-sm, calc(var(--ui-unit, 0.5rem) * 3));--_border-width: var(--ui-spinner-border-width-sm, var(--ui-border-width-md, 0.125rem))}.spinner--lg{--_size: var(--ui-spinner-size-lg, calc(var(--ui-unit, 0.5rem) * 5));--_border-width: var(--ui-spinner-border-width-lg, var(--ui-border-width-md, 0.125rem))}.spinner--xl{--_size: var(--ui-spinner-size-xl, calc(var(--ui-unit, 0.5rem) * 6));--_border-width: var(--ui-spinner-border-width-xl, var(--ui-border-width-lg, 0.25rem))}}@layer components.styles{.spinner{display:inline-block;flex-shrink:0;box-sizing:border-box;block-size:var(--_size);inline-size:var(--_size);vertical-align:middle;border:var(--_border-width) solid var(--_track-color);border-radius:50%;border-block-start-color:var(--_color);animation:spinner-rotate var(--_duration) linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.spinner{animation:none}}}@layer components.tokens{.toast-viewport{--_z-toast: var(--ui-z-index-toast, 700);--_gap: var(--ui-toast-viewport-gap, calc(0.5rem * 1));--_padding: var(--ui-toast-viewport-padding, calc(0.5rem * 2));--_max-width: var(--ui-toast-viewport-max-width, 420px)}.toast{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-out: var(--ui-ease-out, ease-out);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-in: var(--ui-ease-in, ease-in);--_padding: var(--ui-toast-padding, calc(0.5rem * 2));--_gap: var(--ui-toast-gap, calc(0.5rem * 1));--_radius: var(--ui-toast-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-toast-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-toast-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_shadow: var(--ui-toast-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)))}.toast--success{--_border-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.toast--warning{--_border-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.toast--danger{--_border-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}.toast--info{--_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}@layer components.styles{.toast-viewport{display:flex;flex-direction:column;gap:var(--_gap);position:fixed;z-index:var(--_z-toast);max-inline-size:var(--_max-width);padding:var(--_padding);pointer-events:none;list-style:none}.toast-viewport--top-end{inset-block-start:0;inset-inline-end:0}.toast-viewport--top-start{inset-block-start:0;inset-inline-start:0}.toast-viewport--bottom-end{inset-block-end:0;inset-inline-end:0}.toast-viewport--bottom-start{inset-block-end:0;inset-inline-start:0}.toast-viewport--top-center{inset-block-start:0;inset-inline-start:50%;transform:translateX(-50%)}.toast-viewport--bottom-center{inset-block-end:0;inset-inline-start:50%;transform:translateX(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--_gap);padding:var(--_padding);background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);pointer-events:auto;outline-offset:calc(var(--_border-width-sm)*-1)}.toast__icon{flex-shrink:0}.toast__content{flex:1;min-inline-size:0}.toast__title{margin:0;font-weight:var(--_weight-medium);line-height:var(--_row-1)}.toast__description{margin:0;font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.toast__action{flex-shrink:0}.toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_row-1);inline-size:var(--_row-1);padding:0;color:var(--_color-text-muted);background:none;border:none;cursor:pointer}.toast__close:hover{color:var(--_color-text)}.toast[data-state=open]{animation:toast-slide-in var(--_duration-normal) var(--_ease-out)}.toast[data-state=closed]{animation:toast-slide-out var(--_duration-fast) var(--_ease-in)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}}@keyframes toast-slide-out{to{opacity:0;transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.toast[data-state]{animation:none}}}@layer components.tokens{.checkbox{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-checkbox-size, calc(0.5rem * 2));--_radius: var(--ui-checkbox-radius, var(--ui-radius-sm, 0.25rem));--_bg: var(--ui-checkbox-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_bg-checked: var(--ui-checkbox-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-color: var(--ui-checkbox-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-checkbox-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_check-color: var(--ui-checkbox-check-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.checkbox--lg{--_size: var(--ui-checkbox-size-lg, calc(0.5rem * 3))}.checkbox--error{--_border-color: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.checkbox--success{--_border-color: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.checkbox{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);margin:0;vertical-align:middle;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);cursor:pointer;appearance:none;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.checkbox::before{content:"";block-size:65%;inline-size:65%;background-color:var(--_check-color);opacity:0;clip-path:polygon(20% 55%, 40% 75%, 80% 25%, 85% 30%, 40% 85%, 15% 60%);transition:opacity var(--_duration-fast) var(--_ease-default)}.checkbox:hover:not(:disabled){border-color:var(--_border-color-focus)}.checkbox:focus-visible{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.checkbox:checked{background:var(--_bg-checked);border-color:var(--_bg-checked)}.checkbox:checked::before{opacity:1}.checkbox:indeterminate{background:var(--_bg-checked);border-color:var(--_bg-checked)}.checkbox:indeterminate::before{opacity:1;clip-path:polygon(15% 45%, 85% 45%, 85% 55%, 15% 55%)}.checkbox:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.checkbox-group{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_row-1: var(--ui-row-1, 1rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-2: var(--ui-space-2, 1rem);--_spacing: var(--ui-checkbox-group-spacing, var(--ui-space-1, 0.5rem));--_legend-size: var(--ui-checkbox-group-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-checkbox-group-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-checkbox-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_legend-spacing: var(--ui-checkbox-group-legend-spacing, var(--ui-space-1, 0.5rem));--_item-gap: var(--ui-checkbox-group-item-gap, var(--ui-space-1, 0.5rem))}.checkbox-group--compact{--_spacing: var(--ui-checkbox-group-spacing-compact, 0);--_legend-spacing: var(--ui-checkbox-group-legend-spacing-compact, 0);--_item-gap: var(--ui-checkbox-group-item-gap-compact, 0)}.checkbox-group--error{--_legend-color: var(--ui-checkbox-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}@layer components.styles{.checkbox-group{display:flex;flex-direction:column;gap:var(--_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.checkbox-group__legend{padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.checkbox-group__items{display:flex;flex-direction:column;gap:var(--_spacing)}.checkbox-group__item{display:flex;align-items:center;gap:var(--_item-gap);line-height:var(--_row-1);cursor:pointer}.checkbox-group__item:has(:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.checkbox-group--horizontal>.checkbox-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--_space-2)}.checkbox-group:disabled,.checkbox-group[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.field{--_gap: var(--ui-field-gap, 0)}}@layer components.styles{.field{display:flex;flex-direction:column;gap:var(--_gap)}.field__control{display:flex;flex-direction:column}.field--horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.field--horizontal>.field__label{flex:0 0 auto;min-inline-size:calc(0.5rem*15);padding-block-start:calc(0.5rem*1)}.field--horizontal>.field__control{flex:1 1 0;min-inline-size:calc(0.5rem*20)}.field--responsive{flex-direction:column}@container (inline-size >= 30rem){.field--responsive{flex-direction:row;flex-wrap:wrap;align-items:flex-start}}@container (inline-size >= 30rem){.field--responsive>.field__label{flex:0 0 auto;min-inline-size:calc(0.5rem*15);padding-block-start:calc(0.5rem*1)}}@container (inline-size >= 30rem){.field--responsive>.field__control{flex:1 1 0;min-inline-size:calc(0.5rem*20)}}}@layer components.tokens{.fieldset{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_space-half: var(--ui-space-half, 0.25rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_spacing: var(--ui-fieldset-spacing, var(--ui-space-2, 1rem));--_border-color: var(--ui-fieldset-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-fieldset-border-width, var(--ui-border-width-sm, 0.0625rem));--_border-radius: var(--ui-fieldset-border-radius, var(--ui-radius-md, 0.5rem));--_padding: var(--ui-fieldset-padding, var(--ui-space-2, 1rem));--_legend-size: var(--ui-fieldset-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-fieldset-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-fieldset-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.fieldset--compact{--_spacing: var(--ui-fieldset-spacing-compact, var(--ui-space-1, 0.5rem));--_padding: var(--ui-fieldset-padding-compact, var(--ui-space-1, 0.5rem))}}@layer components.styles{.fieldset{display:flex;flex-direction:column;gap:var(--_spacing);min-inline-size:0;padding:0;margin:0;border:none}.fieldset__legend{inline-size:100%;padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.fieldset--bordered{padding:var(--_padding);padding-block-end:calc(var(--_padding) - var(--_border-width));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_border-radius)}.fieldset--bordered>.fieldset__legend{inline-size:auto;padding-inline:var(--_space-half);margin-inline-start:calc(-1*var(--_space-half))}.fieldset:disabled,.fieldset[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.form{--_spacing: var(--ui-form-spacing, var(--ui-space-3, calc(0.5rem * 3)));--_actions-gap: var(--ui-form-actions-gap, var(--ui-space-2, calc(0.5rem * 2)));--_section-spacing: var(--ui-form-section-spacing, var(--ui-space-4, calc(0.5rem * 4)))}.form--compact{--_spacing: var(--ui-form-spacing-compact, var(--ui-space-2, calc(0.5rem * 2)));--_section-spacing: var(--ui-form-section-spacing-compact, var(--ui-space-3, calc(0.5rem * 3)))}}@layer components.styles{.form{display:flex;flex-direction:column;gap:var(--_spacing)}.form__section{display:flex;flex-direction:column;gap:var(--_spacing);padding:0;margin:0;border:0}.form__section+.form__section{padding-block-start:var(--_section-spacing)}.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_actions-gap)}.form--inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form--inline>.form__actions{align-items:flex-end}}@layer components.tokens{.form-error{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_color: var(--ui-form-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_size: var(--ui-form-error-size, var(--ui-font-size-sm, 0.875rem));--_gap: var(--ui-form-error-gap, 0)}}@layer components.styles{.form-error{display:flex;align-items:flex-start;gap:var(--_gap);margin-block-start:var(--_gap);font-size:var(--_size);line-height:var(--_leading-tight-sm);color:var(--_color)}.form-error__icon{flex-shrink:0}}@layer components.tokens{.form-helper{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_color: var(--ui-form-helper-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_size: var(--ui-form-helper-size, var(--ui-font-size-sm, 0.875rem));--_gap: var(--ui-form-helper-gap, 0)}}@layer components.styles{.form-helper{display:block;margin-block-start:var(--_gap);font-size:var(--_size);line-height:var(--_leading-tight-sm);color:var(--_color)}}@layer components.tokens{.input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_space-half: var(--ui-space-half, 0.25rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_height: var(--ui-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-input-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.input--sm{--_height: var(--ui-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.input--lg{--_height: var(--ui-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-input-font-size-lg, var(--ui-font-size-md, 1rem))}.input--filled{--_bg: var(--ui-input-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.input--ghost{--_bg: transparent;--_border-color: transparent}.input--error{--_border-color: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.input--success{--_border-color: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.input{display:inline-flex;align-items:center;block-size:var(--_height);padding-inline:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.input::placeholder{color:var(--_placeholder)}.input:hover:not(:disabled,:focus-visible){border-color:var(--_color-border-strong)}.input:focus-visible,.input--focus{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.input:disabled,.input--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.input:read-only{background:var(--_color-bg-subtle)}.input--block{inline-size:100%}.input-group{display:inline-flex;align-items:stretch;position:relative}.input-group .input{flex:1}.input-group--has-prefix .input{padding-inline-start:calc(var(--_height) + var(--_space-half))}.input-group--has-suffix .input{padding-inline-end:calc(var(--_height) + var(--_space-half))}.input-group__addon{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;inline-size:var(--_height, 2rem);color:var(--_color-text-muted);pointer-events:none}.input-group__addon--start{inset-inline-start:0}.input-group__addon--end{inset-inline-end:0}.input-group__addon--interactive{cursor:pointer;pointer-events:auto}}@layer components.tokens{.label{--_weight-medium: var(--ui-font-weight-medium, 500);--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_weight-normal: var(--ui-font-weight-normal, 400);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_font-size: var(--ui-label-font-size, var(--ui-font-size-sm, 0.875rem));--_color: var(--ui-label-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_required-color: var(--ui-label-required-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.label--lg{--_font-size: var(--ui-label-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.label{display:inline-flex;align-items:baseline;gap:0;font-size:var(--_font-size);font-weight:var(--_weight-medium);line-height:var(--_leading-tight-sm);color:var(--_color);cursor:pointer}.label[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}.label__required{color:var(--_required-color)}.label__optional{font-weight:var(--_weight-normal);color:var(--_color-text-muted)}}@layer components.tokens{.number-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size-sm: var(--ui-size-sm, 0.75rem);--_height: var(--ui-number-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-number-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-number-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-number-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-number-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-number-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-number-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-number-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_button-color: var(--ui-number-input-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_button-bg: var(--ui-number-input-button-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_button-hover-bg: var(--ui-number-input-button-hover-bg, var(--ui-color-border, hsl(220, 10%, 90%)))}.number-input--sm{--_height: var(--ui-number-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-number-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.number-input--lg{--_height: var(--ui-number-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-number-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-number-input-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.number-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.number-input:focus-within{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.number-input--block{inline-size:100%}.number-input--disabled,.number-input:has(.number-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.number-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0 var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;text-align:center;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.number-input__field::-webkit-outer-spin-button,.number-input__field::-webkit-inner-spin-button{margin:0;appearance:none}.number-input__field[type=number]{appearance:textfield}.number-input__decrement,.number-input__increment{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:100%;inline-size:var(--_height);padding:0;margin:0;color:var(--_button-color);background:var(--_button-bg);border:none;cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.number-input__decrement:hover:not(:disabled),.number-input__increment:hover:not(:disabled){background:var(--_button-hover-bg)}.number-input__decrement:focus-visible,.number-input__increment:focus-visible{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:-0.125rem}.number-input__decrement:disabled,.number-input__increment:disabled{cursor:not-allowed}.number-input__decrement svg,.number-input__increment svg{block-size:var(--_size-sm);inline-size:var(--_size-sm);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.number-input__decrement{border-start-start-radius:calc(var(--_radius) - var(--_border-width-sm));border-end-start-radius:calc(var(--_radius) - var(--_border-width-sm));border-inline-end:var(--_border-width-sm) solid var(--_border-color)}.number-input__increment{border-start-end-radius:calc(var(--_radius) - var(--_border-width-sm));border-end-end-radius:calc(var(--_radius) - var(--_border-width-sm));border-inline-start:var(--_border-width-sm) solid var(--_border-color)}}@layer components.tokens{.password-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-half: var(--ui-space-half, 0.25rem);--_radius-sm: var(--ui-radius-sm, 0.25rem);--_size-md: var(--ui-size-md, 1rem);--_height: var(--ui-password-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-password-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-password-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-password-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-password-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-password-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-password-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-password-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-password-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_toggle-color: var(--ui-password-input-toggle-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_toggle-hover-bg: var(--ui-password-input-toggle-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.password-input--sm{--_height: var(--ui-password-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-password-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.password-input--lg{--_height: var(--ui-password-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-password-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-password-input-font-size-lg, var(--ui-font-size-md, 1rem))}.password-input--error{--_border-color: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.password-input--success{--_border-color: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.password-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.password-input:focus-within,.password-input--focus{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.password-input--block{inline-size:100%}.password-input--disabled,.password-input:has(.password-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.password-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-start:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.password-input__field::placeholder{color:var(--_placeholder)}.password-input__toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--_height) - var(--_space-half)*2);inline-size:calc(var(--_height) - var(--_space-half)*2);margin-inline-end:calc(var(--_space-half));color:var(--_toggle-color);background:rgba(0,0,0,0);border:none;border-radius:var(--_radius-sm);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.password-input__toggle:hover{background:var(--_toggle-hover-bg)}.password-input__toggle:focus-visible{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:-0.125rem}.password-input__toggle svg{block-size:var(--_size-md);inline-size:var(--_size-md);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.radio{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_size: var(--ui-radio-size, calc(0.5rem * 2));--_bg: var(--ui-radio-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_bg-checked: var(--ui-radio-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-color: var(--ui-radio-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-radio-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_dot-color: var(--ui-radio-dot-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.radio--lg{--_size: var(--ui-radio-size-lg, calc(0.5rem * 3))}.radio--error{--_border-color: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.radio--success{--_border-color: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.radio{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--_size);inline-size:var(--_size);margin:0;vertical-align:middle;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:50%;cursor:pointer;appearance:none;transition:background-color var(--_duration-fast) var(--_ease-default),border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.radio::before{content:"";block-size:50%;inline-size:50%;background-color:var(--_dot-color);border-radius:50%;opacity:0;transform:scale(0);transition:opacity var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.radio:hover:not(:disabled){border-color:var(--_border-color-focus)}.radio:focus-visible{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.radio:checked{background:var(--_bg-checked);border-color:var(--_bg-checked)}.radio:checked::before{opacity:1;transform:scale(1)}.radio:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.radio-group{--_leading-tight-sm: var(--ui-line-height-tight-sm, var(--ui-row-1, 1rem));--_row-1: var(--ui-row-1, 1rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-2: var(--ui-space-2, 1rem);--_spacing: var(--ui-radio-group-spacing, var(--ui-space-1, 0.5rem));--_legend-size: var(--ui-radio-group-legend-size, var(--ui-font-size-sm, 0.875rem));--_legend-weight: var(--ui-radio-group-legend-weight, var(--ui-font-weight-medium, 500));--_legend-color: var(--ui-radio-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_legend-spacing: var(--ui-radio-group-legend-spacing, var(--ui-space-1, 0.5rem));--_item-gap: var(--ui-radio-group-item-gap, var(--ui-space-1, 0.5rem))}.radio-group--compact{--_spacing: var(--ui-radio-group-spacing-compact, 0);--_legend-spacing: var(--ui-radio-group-legend-spacing-compact, 0);--_item-gap: var(--ui-radio-group-item-gap-compact, 0)}.radio-group--error{--_legend-color: var(--ui-radio-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}@layer components.styles{.radio-group{display:flex;flex-direction:column;gap:var(--_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.radio-group__legend{padding:0;font-size:var(--_legend-size);font-weight:var(--_legend-weight);line-height:var(--_leading-tight-sm);color:var(--_legend-color)}.radio-group__items{display:flex;flex-direction:column;gap:var(--_spacing)}.radio-group__item{display:flex;align-items:center;gap:var(--_item-gap);line-height:var(--_row-1);cursor:pointer}.radio-group__item:has(:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.radio-group--horizontal>.radio-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--_space-2)}.radio-group:disabled,.radio-group[aria-disabled=true]{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.search-input{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_space-half: var(--ui-space-half, 0.25rem);--_radius-sm: var(--ui-radius-sm, 0.25rem);--_height: var(--ui-search-input-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-search-input-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-search-input-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-search-input-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-search-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-search-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-search-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_text: var(--ui-search-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-search-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_icon-color: var(--ui-search-input-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_icon-size: var(--ui-search-input-icon-size, var(--ui-size-md, 1rem));--_clear-color: var(--ui-search-input-clear-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_clear-hover-bg: var(--ui-search-input-clear-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.search-input--sm{--_height: var(--ui-search-input-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-search-input-font-size-sm, var(--ui-font-size-xs, 0.75rem));--_icon-size: var(--ui-search-input-icon-size-sm, var(--ui-size-sm, 0.75rem))}.search-input--lg{--_height: var(--ui-search-input-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-search-input-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-search-input-font-size-lg, var(--ui-font-size-md, 1rem));--_icon-size: var(--ui-search-input-icon-size-lg, var(--ui-size-lg, 1.25rem))}}@layer components.styles{.search-input{display:inline-flex;align-items:center;block-size:var(--_height);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default)}.search-input:focus-within,.search-input--focus{border-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.search-input--block{inline-size:100%}.search-input--disabled,.search-input:has(.search-input__field:disabled){opacity:var(--_opacity-disabled);cursor:not-allowed}.search-input__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--_height);color:var(--_icon-color);pointer-events:none}.search-input__icon svg{block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-end:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_text);background:rgba(0,0,0,0);border:none;outline:none}.search-input__field::placeholder{color:var(--_placeholder)}.search-input__field::-webkit-search-cancel-button,.search-input__field::-webkit-search-decoration{appearance:none}.search-input--has-clear .search-input__field{padding-inline-end:0}.search-input__clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--_height) - var(--_space-half)*2);inline-size:calc(var(--_height) - var(--_space-half)*2);margin-inline-end:calc(var(--_space-half));color:var(--_clear-color);background:rgba(0,0,0,0);border:none;border-radius:var(--_radius-sm);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.search-input__clear:hover{background:var(--_clear-hover-bg)}.search-input__clear:focus-visible{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:-0.125rem}.search-input__clear svg{block-size:var(--_icon-size);inline-size:var(--_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer components.tokens{.select{--_space-half: var(--ui-space-half, 0.25rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_height: var(--ui-select-height, var(--ui-row-2, 2rem));--_padding-x: var(--ui-select-padding-x, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-select-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-select-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-select-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-select-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-select-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-select-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_icon-color: var(--ui-select-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.select--sm{--_height: var(--ui-select-height-sm, calc(1rem * 1.5));--_font-size: var(--ui-select-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.select--lg{--_height: var(--ui-select-height-lg, calc(1rem * 2.5));--_padding-x: var(--ui-select-padding-x-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-select-font-size-lg, var(--ui-font-size-md, 1rem))}.select--filled{--_bg: var(--ui-select-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.select--ghost{--_bg: transparent;--_border-color: transparent}.select--error{--_border-color: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.select--success{--_border-color: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.select{display:inline-block;block-size:var(--_height);padding-inline-start:var(--_padding-x);padding-inline-end:calc(var(--_height) - var(--_space-half));font-family:inherit;font-size:var(--_font-size);line-height:1;color:var(--_color);background-color:var(--_bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);cursor:pointer;appearance:none;transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default);background-repeat:no-repeat;background-position:right var(--_space-half) center;background-size:calc(var(--_height)*.5)}.select:hover:not(:disabled,:focus-visible){border-color:var(--_color-border-strong)}.select:focus-visible,.select--focus{border-color:var(--_border-color-focus);outline:var(--_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--_border-width-sm);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.select:disabled,.select--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}.select--block{inline-size:100%}.select:invalid,.select--placeholder{color:var(--_color-text-muted)}}@layer components.tokens{.slider{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_height: var(--ui-slider-height, var(--ui-row-2, 2rem));--_track-height: var(--ui-slider-track-height, var(--ui-unit, 0.5rem));--_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-inset, hsl(220, 10%, 80%)));--_track-fill: var(--ui-slider-track-fill, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-radius: var(--ui-slider-track-radius, var(--ui-radius-full, 9999px));--_thumb-size: var(--ui-slider-thumb-size, calc(0.5rem * 2.5));--_thumb-bg: var(--ui-slider-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_thumb-border-color: var(--ui-slider-thumb-border-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_thumb-border-width: var(--ui-slider-thumb-border-width, var(--ui-border-width-md, 0.125rem));--_thumb-radius: var(--ui-slider-thumb-radius, var(--ui-radius-full, 9999px));--_thumb-shadow: var(--ui-slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));--_focus-ring: var(--ui-slider-focus-ring, var(--ui-color-focus, oklch(75% 0.15 250deg)));--_fill-pct: var(--ui-slider-fill-pct, 50%)}.slider--sm{--_height: var(--ui-slider-height-sm, calc(1rem * 1.5));--_track-height: calc(0.5rem * 0.5);--_thumb-size: calc(0.5rem * 2)}.slider--lg{--_height: var(--ui-slider-height-lg, calc(1rem * 2.5));--_track-height: calc(0.5rem * 1.5);--_thumb-size: calc(0.5rem * 3)}.slider--success{--_track-fill: var(--ui-color-success, oklch(60% 0.18 145deg));--_thumb-border-color: var(--ui-color-success, oklch(60% 0.18 145deg))}.slider--warning{--_track-fill: var(--ui-color-warning, oklch(75% 0.18 70deg));--_thumb-border-color: var(--ui-color-warning, oklch(75% 0.18 70deg))}.slider--danger{--_track-fill: var(--ui-color-danger, oklch(60% 0.22 25deg));--_thumb-border-color: var(--ui-color-danger, oklch(60% 0.22 25deg))}}@layer components.styles{.slider{display:inline-flex;align-items:center;block-size:var(--_height);inline-size:100%;padding:0;margin:0;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.slider::-webkit-slider-runnable-track{block-size:var(--_track-height);background:linear-gradient(to right, var(--_track-fill) var(--_fill-pct, 50%), var(--_track-bg) var(--_fill-pct, 50%));border-radius:var(--_track-radius)}.slider::-moz-range-track{block-size:var(--_track-height);background:var(--_track-bg);border:none;border-radius:var(--_track-radius)}.slider::-moz-range-progress{block-size:var(--_track-height);background:var(--_track-fill);border-radius:var(--_track-radius)}.slider::-webkit-slider-thumb{block-size:var(--_thumb-size);inline-size:var(--_thumb-size);margin-block-start:calc((var(--_track-height) - var(--_thumb-size))/2);background:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-radius);box-shadow:var(--_thumb-shadow);appearance:none;transition:box-shadow var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.slider::-moz-range-thumb{block-size:var(--_thumb-size);inline-size:var(--_thumb-size);background:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-radius);box-shadow:var(--_thumb-shadow);transition:box-shadow var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.slider:focus-visible{outline:var(--_border-width-md) solid rgba(0,0,0,0)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--_border-width-md) var(--_focus-ring)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--_border-width-md) var(--_focus-ring)}.slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.slider:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.slider:disabled{opacity:var(--_opacity-disabled);cursor:not-allowed}}@layer components.tokens{.textarea{--_row-1: var(--ui-row-1, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--_min-height: var(--ui-textarea-min-height, calc(1rem * 4));--_padding-x: var(--ui-textarea-padding-x, var(--ui-space-1, 0.5rem));--_padding-y: var(--ui-textarea-padding-y, var(--ui-space-1, 0.5rem));--_font-size: var(--ui-textarea-font-size, var(--ui-font-size-sm, 0.875rem));--_radius: var(--ui-textarea-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-textarea-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-textarea-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-color-focus: var(--ui-textarea-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color: var(--ui-textarea-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_placeholder: var(--ui-textarea-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.textarea--sm{--_min-height: var(--ui-textarea-min-height-sm, calc(1rem * 3));--_font-size: var(--ui-textarea-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.textarea--lg{--_min-height: var(--ui-textarea-min-height-lg, calc(1rem * 6));--_padding-x: var(--ui-textarea-padding-x-lg, var(--ui-space-2, 1rem));--_padding-y: var(--ui-textarea-padding-y-lg, var(--ui-space-2, 1rem));--_font-size: var(--ui-textarea-font-size-lg, var(--ui-font-size-md, 1rem))}.textarea--filled{--_bg: var(--ui-textarea-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_border-color: transparent}.textarea--ghost{--_bg: transparent;--_border-color: transparent}.textarea--error{--_border-color: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--_border-color-focus: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.textarea--success{--_border-color: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--_border-color-focus: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}@layer components.styles{.textarea{display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--_min-height);padding-block:var(--_padding-y);padding-inline:var(--_padding-x);font-family:inherit;font-size:var(--_font-size);line-height:var(--_row-1);color:var(--_color);background:var(--_bg);border:none;border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);transition:border-color var(--_duration-fast) var(--_ease-default),box-shadow var(--_duration-fast) var(--_ease-default);outline-offset:calc(var(--_border-width-sm)*-1);resize:vertical}.textarea::placeholder{color:var(--_placeholder)}.textarea:hover:not(:disabled,:focus-visible){outline-color:var(--_color-border-strong)}.textarea:focus-visible,.textarea--focus{outline-color:var(--_border-color-focus);box-shadow:0 0 0 var(--_border-width-md) var(--_color-focus)}.textarea:disabled,.textarea--disabled{opacity:var(--_opacity-disabled);cursor:not-allowed;resize:none}.textarea:read-only{background:var(--_color-bg-subtle);resize:none}.textarea--resize-none{resize:none}.textarea--resize-horizontal{resize:horizontal}.textarea--resize-both{resize:both}@supports(field-sizing: content){.textarea--auto-size{field-sizing:content;resize:none}}}@layer components.tokens{.toggle{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-focus: var(--ui-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_track-width: var(--ui-toggle-track-width, calc(0.5rem * 5));--_track-height: var(--ui-toggle-track-height, calc(0.5rem * 3));--_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-inset, hsl(220, 10%, 80%)));--_track-bg-checked: var(--ui-toggle-track-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_track-radius: var(--ui-toggle-track-radius, calc(0.5rem * 1.5));--_thumb-size: var(--ui-toggle-thumb-size, calc(0.5rem * 2.5));--_thumb-bg: var(--ui-toggle-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_thumb-offset: var(--ui-toggle-thumb-offset, calc(0.5rem / 4))}.toggle--sm{--_track-width: calc(0.5rem * 4);--_track-height: calc(0.5rem * 2);--_track-radius: 0.5rem;--_thumb-size: calc(0.5rem * 1.5)}.toggle--lg{--_track-width: calc(0.5rem * 6);--_track-height: calc(0.5rem * 4);--_track-radius: calc(0.5rem * 2);--_thumb-size: calc(0.5rem * 3.5)}}@layer components.styles{.toggle{display:inline-flex;flex-shrink:0;align-items:center;position:relative;block-size:var(--_track-height);inline-size:var(--_track-width);background:var(--_track-bg);border-radius:var(--_track-radius);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.toggle__input{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0;opacity:0;cursor:pointer}.toggle__track{position:absolute;inset:0;background:var(--_track-bg);border-radius:var(--_track-radius);transition:background var(--_duration-fast) var(--_ease-default)}.toggle__thumb{position:absolute;inset-block-start:var(--_thumb-offset);inset-inline-start:var(--_thumb-offset);block-size:var(--_thumb-size);inline-size:var(--_thumb-size);background:var(--_thumb-bg);border-radius:50%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:transform var(--_duration-fast) var(--_ease-default)}.toggle__input:checked~.toggle__track{background:var(--_track-bg-checked)}.toggle__input:checked~.toggle__thumb{transform:translateX(calc(var(--_track-width) - var(--_thumb-size) - var(--_thumb-offset) * 2))}.toggle__input:focus-visible~.toggle__track{outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:calc(0.5rem/4)}.toggle__input:disabled~.toggle__track,.toggle__input:disabled~.toggle__thumb{opacity:var(--_opacity-disabled);cursor:not-allowed}.toggle:has(.toggle__input:disabled){cursor:not-allowed}}@layer components.tokens{.breadcrumb{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_breadcrumb-separator: var(--ui-breadcrumb-separator, "/");--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-primary: var(--ui-color-primary, oklch(55% 0.22 250deg));--_height: var(--ui-breadcrumb-height, var(--ui-row-1, 1rem));--_gap: var(--ui-breadcrumb-gap, calc(0.5rem * 1));--_separator-color: var(--ui-breadcrumb-separator-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_link-color: var(--ui-breadcrumb-link-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_current-color: var(--ui-breadcrumb-current-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}@layer components.styles{.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_gap);block-size:var(--_height);padding:0;margin:0;font-size:var(--_font-size-sm);line-height:1;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:var(--_gap);block-size:var(--_height)}.breadcrumb__item:not(:last-child)::after{content:var(--_breadcrumb-separator);color:var(--_separator-color)}.breadcrumb__link{text-decoration:none;color:var(--_link-color);transition:color var(--_duration-fast) var(--_ease-default)}.breadcrumb__link:hover{text-decoration:underline;color:var(--_color-primary)}.breadcrumb__item:last-child .breadcrumb__link,.breadcrumb__current{color:var(--_current-color);pointer-events:none}.breadcrumb__item--hidden{display:none}.breadcrumb__ellipsis{color:var(--_separator-color)}}@layer components.tokens{.dropdown-menu{--_space-0: var(--ui-space-0, 0.25rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_z: var(--ui-dropdown-menu-z, var(--ui-z-index-dropdown, 200));--_panel-offset: var(--ui-dropdown-menu-panel-offset, var(--ui-space-1, 0.5rem));--_panel-min-width: var(--ui-dropdown-menu-panel-min-width, auto)}}@layer components.styles{.dropdown-menu{display:inline-block;position:relative}.dropdown-menu__trigger{display:inline-flex;align-items:center;gap:var(--_space-0)}.dropdown-menu__trigger-icon{display:inline-flex;font-size:0.6em;transition:transform var(--_duration-fast) var(--_ease-default)}.dropdown-menu--open .dropdown-menu__trigger-icon{transform:rotate(180deg)}.dropdown-menu__panel{position:absolute;inset-block-start:calc(100% + var(--_panel-offset));inset-inline-start:0;z-index:var(--_z);min-inline-size:var(--_panel-min-width);opacity:0;pointer-events:none;transform:translateY(calc(0.5rem * -1));transition:opacity var(--_duration-fast) var(--_ease-default),transform var(--_duration-fast) var(--_ease-default)}.dropdown-menu--open .dropdown-menu__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu--top .dropdown-menu__panel{inset-block-start:auto;inset-block-end:calc(100% + var(--_panel-offset));transform:translateY(0.5rem)}.dropdown-menu--top.dropdown-menu--open .dropdown-menu__panel{transform:translateY(0)}.dropdown-menu--align-end .dropdown-menu__panel{inset-inline-start:auto;inset-inline-end:0}.dropdown-menu--full-width .dropdown-menu__panel{min-inline-size:100%}}@layer components.tokens{.menu{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-xs: var(--ui-font-size-xs, 0.75rem);--_weight-medium: var(--ui-font-weight-medium, 500);--_row-1: var(--ui-row-1, 1rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-danger: var(--ui-color-danger, oklch(60% 0.22 25deg));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--_min-width: var(--ui-menu-min-width, calc(0.5rem * 16));--_max-height: var(--ui-menu-max-height, calc(0.5rem * 40));--_padding: var(--ui-menu-padding, calc(0.5rem * 1));--_radius: var(--ui-menu-radius, var(--ui-radius-md, 0.5rem));--_bg: var(--ui-menu-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-menu-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_shadow: var(--ui-menu-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)));--_item-padding: var(--ui-menu-item-padding, calc(0.5rem * 1) calc(0.5rem * 2));--_item-radius: var(--ui-menu-item-radius, var(--ui-radius-sm, 0.25rem));--_item-bg-hover: var(--ui-menu-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}@layer components.styles{.menu{min-inline-size:var(--_min-width);max-block-size:var(--_max-height);padding:var(--_padding);overflow-y:auto;background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);outline-offset:calc(var(--_border-width-sm)*-1)}.menu__group{padding:0;margin:0;list-style:none}.menu__label{padding:var(--_item-padding);font-size:var(--_font-size-xs);font-weight:var(--_weight-medium);line-height:var(--_row-1);letter-spacing:0.05em;text-transform:uppercase;color:var(--_color-text-muted)}.menu__item{display:flex;align-items:center;gap:calc(0.5rem*1);padding:var(--_item-padding);font-size:var(--_font-size-sm);line-height:var(--_row-1);text-decoration:none;color:var(--_color-text);background:rgba(0,0,0,0);border:none;border-radius:var(--_item-radius);cursor:pointer;transition:background var(--_duration-fast) var(--_ease-default)}.menu__item:hover,.menu__item:focus-visible{background:var(--_item-bg-hover);outline:none}.menu__item--danger{color:var(--_color-danger)}.menu__item--danger:hover,.menu__item--danger:focus-visible{color:var(--_color-danger)}.menu__item--disabled,.menu__item[aria-disabled=true]{opacity:var(--_opacity-disabled);pointer-events:none}.menu__item-icon{flex-shrink:0;block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}.menu__item-shortcut{margin-inline-start:auto;font-size:var(--_font-size-xs);color:var(--_color-text-muted)}.menu__separator{display:flex;align-items:center;block-size:calc(0.5rem*2);margin:0}.menu__separator::before{content:"";flex:1;block-size:var(--_border-width-sm);background:var(--_color-border)}.menu__item--check,.menu__item--radio{position:relative;padding-inline-start:calc(0.5rem*4)}.menu__item-indicator{display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-start:calc(0.5rem*1);block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}}@layer components.tokens{.nav{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_border-width-md: var(--ui-border-width-md, 0.125rem);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_gap: var(--ui-nav-gap, var(--ui-space-1, 0.5rem));--_item-height: var(--ui-nav-item-height, var(--ui-row-2, 2rem));--_item-padding-x: var(--ui-nav-item-padding-x, var(--ui-space-2, 1rem));--_item-font-size: var(--ui-nav-item-font-size, var(--ui-font-size-sm, 0.875rem));--_item-font-weight: var(--ui-nav-item-font-weight, var(--ui-font-weight-medium, 500));--_item-color: var(--ui-nav-item-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_item-color-hover: var(--ui-nav-item-color-hover, var(--ui-color-text, hsl(220, 10%, 10%)));--_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-radius: var(--ui-nav-item-radius, var(--ui-radius-sm, 0.25rem));--_border-color: var(--ui-nav-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.nav--pills{--_item-bg-hover: var(--ui-nav-item-bg-hover, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_item-bg-active: var(--ui-nav-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}@layer components.styles{.nav__list{display:flex;align-items:stretch;gap:var(--_gap);box-sizing:border-box;block-size:var(--_item-height);padding:0;margin:0;list-style:none;box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.nav__item{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--_item-height);padding-inline:var(--_item-padding-x);font-family:var(--_font-sans);font-size:var(--_item-font-size);font-weight:var(--_item-font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--_item-color);background:rgba(0,0,0,0);border:none;box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--_duration-base) var(--_ease-default),background var(--_duration-base) var(--_ease-default),box-shadow var(--_duration-base) var(--_ease-default)}.nav__item:hover{color:var(--_item-color-hover)}.nav__item--active{color:var(--_item-color-active);box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 var(--_item-color-active)}.nav__item--disabled{opacity:var(--_opacity-disabled);pointer-events:none}.nav--pills .nav__list{box-shadow:none}.nav--pills .nav__item{border-radius:var(--_item-radius);box-shadow:none}.nav--pills .nav__item:hover{background:var(--_item-bg-hover)}.nav--pills .nav__item--active{color:var(--_item-color-active);background:var(--_item-bg-active)}.nav--vertical .nav__list{flex-direction:column;align-items:stretch;block-size:auto;box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.nav--vertical .nav__item{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.nav--vertical .nav__item--active{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 var(--_item-color-active)}.nav--vertical.nav--pills .nav__list{box-shadow:none}.nav--vertical.nav--pills .nav__item{box-shadow:none}}@layer components.tokens{.pagination{--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_opacity-disabled: var(--ui-opacity-disabled, 0.5);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_gap: var(--ui-pagination-gap, calc(0.5rem * 0.5));--_item-size: var(--ui-pagination-item-size, calc(0.5rem * 4));--_item-radius: var(--ui-pagination-item-radius, var(--ui-radius-sm, 0.25rem));--_item-bg: var(--ui-pagination-item-bg, transparent);--_item-bg-hover: var(--ui-pagination-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_item-bg-active: var(--ui-pagination-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_item-color: var(--ui-pagination-item-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_item-color-active: var(--ui-pagination-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.pagination--sm{--_item-size: calc(0.5rem * 3);--_gap: calc(0.5rem * 0.25)}.pagination--lg{--_item-size: calc(0.5rem * 5);--_gap: calc(0.5rem * 0.75)}}@layer components.styles{.pagination{display:flex;align-items:center;gap:var(--_gap)}.pagination__list{display:flex;align-items:center;gap:var(--_gap);padding:0;margin:0;list-style:none}.pagination__item{display:flex}.pagination__link{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_item-size);min-inline-size:var(--_item-size);padding-inline:calc(0.5rem*1);font-size:var(--_font-size-sm);text-decoration:none;color:var(--_item-color);background:var(--_item-bg);border-radius:var(--_item-radius);transition:background var(--_duration-fast) var(--_ease-default),color var(--_duration-fast) var(--_ease-default)}.pagination__link:hover{background:var(--_item-bg-hover)}.pagination__link[aria-current=page],.pagination__link--active{color:var(--_item-color-active);background:var(--_item-bg-active);pointer-events:none}.pagination__link[aria-disabled=true],.pagination__link--disabled{opacity:var(--_opacity-disabled);pointer-events:none}.pagination__prev,.pagination__next{display:inline-flex;align-items:center;gap:calc(0.5rem*.5);padding-inline:calc(0.5rem*1.5)}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_item-size);min-inline-size:var(--_item-size);color:var(--_color-text-muted)}}@layer components.tokens{.tabs{--_space-1: var(--ui-space-1, 0.5rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--_weight-medium: var(--ui-font-weight-medium, 500);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_duration-base: var(--ui-duration-base, 150ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--_color-primary: var(--ui-color-primary, oklch(55% 0.22 250deg));--_row-1: var(--ui-row-1, 1rem);--_border-color: var(--ui-tabs-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_tab-height: var(--ui-tabs-tab-height, var(--ui-row-2, 2rem));--_tab-padding-x: var(--ui-tabs-tab-padding-x, var(--ui-space-2, 1rem));--_tab-padding-y: var(--ui-tabs-tab-padding-y, var(--ui-space-1, 0.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size, var(--ui-font-size-sm, 0.875rem));--_tab-bg: var(--ui-tabs-tab-bg, transparent);--_tab-bg-active: var(--ui-tabs-tab-bg-active, var(--ui-color-bg, hsl(220, 10%, 98%)));--_panel-padding: var(--ui-tabs-panel-padding, var(--ui-space-3, 1.5rem))}.tabs--sm{--_tab-height: var(--ui-tabs-tab-height-sm, var(--ui-row-1, 1rem));--_tab-padding-x: var(--ui-tabs-tab-padding-x-sm, var(--ui-space-1, 0.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.tabs--lg{--_tab-height: var(--ui-tabs-tab-height-lg, calc(1rem * 2.5));--_tab-padding-x: var(--ui-tabs-tab-padding-x-lg, var(--ui-space-3, 1.5rem));--_tab-font-size: var(--ui-tabs-tab-font-size-lg, var(--ui-font-size-md, 1rem))}}@layer components.styles{.tabs__list{display:flex;align-items:stretch;gap:var(--_space-1);box-sizing:border-box;block-size:var(--_tab-height);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.tabs__tab{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--_tab-height);padding-inline:var(--_tab-padding-x);margin:0;font-family:var(--_font-sans);font-size:var(--_tab-font-size);font-weight:var(--_weight-medium);line-height:1;color:var(--_color-text-muted);background:var(--_tab-bg);border:none;box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--_duration-base) var(--_ease-default),box-shadow var(--_duration-base) var(--_ease-default)}.tabs__tab:hover{color:var(--_color-text)}.tabs__tab--active{color:var(--_color-primary);background:var(--_tab-bg-active);box-shadow:inset 0 calc(var(--_border-width-md)*-1) 0 var(--_color-primary)}.tabs__panel{display:none;padding:var(--_panel-padding);line-height:var(--_row-1)}.tabs__panel--active{display:block}.tabs--vertical{display:flex}.tabs--vertical>.tabs__list{flex-direction:column;block-size:auto;inline-size:auto;box-shadow:inset calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.tabs--vertical>.tabs__list>.tabs__tab{block-size:var(--_tab-height);box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.tabs--vertical>.tabs__list>.tabs__tab--active{box-shadow:inset calc(var(--_border-width-md)*-1) 0 0 var(--_color-primary)}.tabs--vertical>.tabs__panel{flex:1}}@layer components.tokens{.dialog{--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_header-padding: var(--ui-dialog-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_body-padding: var(--ui-dialog-body-padding, calc(0.5rem * 3));--_footer-padding: var(--ui-dialog-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_border-color: var(--ui-dialog-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_border-width: var(--ui-dialog-border-width, var(--ui-border-width-sm, 0.0625rem))}}@layer components.styles{.dialog .modal__content{padding:0}.dialog__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--_header-padding);border-block-end:var(--_border-width) solid var(--_border-color)}.dialog__title{margin:0;font-size:var(--_font-size-lg);font-weight:var(--_weight-semibold);line-height:calc(0.5rem*3)}.dialog__close{flex-shrink:0;margin-inline-start:auto}.dialog__body{flex:1 1 auto;padding:var(--_body-padding);overflow-y:auto}.dialog__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*1.5);padding:var(--_footer-padding);border-block-start:var(--_border-width) solid var(--_border-color)}.dialog--borderless .dialog__header{border-block-end:none}.dialog--borderless .dialog__footer{border-block-start:none}}@layer components.tokens{.drawer{--_z-drawer: var(--ui-z-index-drawer, 800);--_overlay-bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-out: var(--ui-ease-out, ease-out);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-in: var(--ui-ease-in, ease-in);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-lg: var(--ui-font-size-lg, 1.25rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_row-1: var(--ui-row-1, 1rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_size: var(--ui-drawer-size, calc(0.5rem * 40));--_max-size: var(--ui-drawer-max-size, 90%);--_bg: var(--ui-drawer-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_shadow: var(--ui-drawer-shadow, var(--ui-shadow-lg, 0 0.625rem 1rem hsla(220, 10%, 20%, 0.15)));--_header-padding: var(--ui-drawer-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_body-padding: var(--ui-drawer-body-padding, calc(0.5rem * 3));--_footer-padding: var(--ui-drawer-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--_border-color: var(--ui-drawer-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.drawer--sm{--_size: calc(0.5rem * 30)}.drawer--lg{--_size: calc(0.5rem * 50)}.drawer--full{--_size: 100%;--_max-size: 100%}}@layer components.styles{.drawer-overlay{position:fixed;inset:0;z-index:var(--_z-drawer);background:var(--_overlay-bg)}.drawer-overlay[data-state=open]{animation:drawer-overlay-in var(--_duration-normal) var(--_ease-out)}.drawer-overlay[data-state=closed]{animation:drawer-overlay-out var(--_duration-fast) var(--_ease-in)}@keyframes drawer-overlay-in{from{opacity:0}}@keyframes drawer-overlay-out{to{opacity:0}}.drawer{display:flex;flex-direction:column;position:fixed;z-index:var(--_z-drawer);background:var(--_bg);box-shadow:var(--_shadow)}.drawer--end{inset-block:0;inset-inline-end:0;inline-size:var(--_size);max-inline-size:var(--_max-size);box-shadow:calc(var(--_border-width-sm)*-1) 0 0 var(--_border-color)}.drawer--start{inset-block:0;inset-inline-start:0;inline-size:var(--_size);max-inline-size:var(--_max-size);box-shadow:var(--_border-width-sm) 0 0 var(--_border-color)}.drawer--top{inset-block-start:0;inset-inline:0;block-size:var(--_size);max-block-size:var(--_max-size);box-shadow:0 var(--_border-width-sm) 0 var(--_border-color)}.drawer--bottom{inset-block-end:0;inset-inline:0;block-size:var(--_size);max-block-size:var(--_max-size);box-shadow:0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.drawer--end[data-state=open]{animation:drawer-slide-in-end var(--_duration-normal) var(--_ease-out)}.drawer--end[data-state=closed]{animation:drawer-slide-out-end var(--_duration-fast) var(--_ease-in)}.drawer--start[data-state=open]{animation:drawer-slide-in-start var(--_duration-normal) var(--_ease-out)}.drawer--start[data-state=closed]{animation:drawer-slide-out-start var(--_duration-fast) var(--_ease-in)}.drawer--top[data-state=open]{animation:drawer-slide-in-top var(--_duration-normal) var(--_ease-out)}.drawer--top[data-state=closed]{animation:drawer-slide-out-top var(--_duration-fast) var(--_ease-in)}.drawer--bottom[data-state=open]{animation:drawer-slide-in-bottom var(--_duration-normal) var(--_ease-out)}.drawer--bottom[data-state=closed]{animation:drawer-slide-out-bottom var(--_duration-fast) var(--_ease-in)}@keyframes drawer-slide-in-end{from{transform:translateX(100%)}}@keyframes drawer-slide-out-end{to{transform:translateX(100%)}}@keyframes drawer-slide-in-start{from{transform:translateX(-100%)}}@keyframes drawer-slide-out-start{to{transform:translateX(-100%)}}@keyframes drawer-slide-in-top{from{transform:translateY(-100%)}}@keyframes drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes drawer-slide-in-bottom{from{transform:translateY(100%)}}@keyframes drawer-slide-out-bottom{to{transform:translateY(100%)}}.drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--_header-padding);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.drawer__title{margin:0;font-size:var(--_font-size-lg);font-weight:var(--_weight-semibold);line-height:var(--_row-1)}.drawer__description{margin:0;font-size:var(--_font-size-sm);line-height:var(--_row-1);color:var(--_color-text-muted)}.drawer__close{flex-shrink:0;margin-inline-start:auto}.drawer__body{flex:1 1 auto;padding:var(--_body-padding);overflow-y:auto;line-height:var(--_row-1)}.drawer__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*2);padding:var(--_footer-padding);box-shadow:inset 0 var(--_border-width-sm) 0 var(--_border-color)}@media(prefers-reduced-motion: reduce){.drawer-overlay[data-state],.drawer[data-state]{animation:none}}}@layer components.tokens{.modal{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-modal-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_radius: var(--ui-modal-radius, var(--ui-radius-lg, calc(0.5rem * 1.5)));--_shadow: var(--ui-modal-shadow, 0 calc(0.5rem * 3) calc(0.5rem * 6) rgb(0 0 0 / 0.25));--_padding: var(--ui-modal-padding, calc(0.5rem * 3));--_max-width: var(--ui-modal-max-width, calc(0.5rem * 60));--_max-height: var(--ui-modal-max-height, calc(100vh - 0.5rem * 8));--_z: var(--ui-modal-z, var(--ui-z-index-modal, 400))}.modal--sm{--_max-width: var(--ui-modal-max-width-sm, calc(0.5rem * 40))}.modal--lg{--_max-width: var(--ui-modal-max-width-lg, calc(0.5rem * 80))}.modal--full{--_max-width: calc(100vw - 0.5rem * 4);--_max-height: calc(100vh - 0.5rem * 4);--_radius: 0}}@layer components.styles{.modal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--_z);padding:calc(0.5rem*2)}.modal__content{display:flex;flex-direction:column;position:relative;inline-size:100%;max-block-size:var(--_max-height);max-inline-size:var(--_max-width);padding:var(--_padding);overflow:hidden;background:var(--_bg);border-radius:var(--_radius);box-shadow:var(--_shadow)}.modal__body{flex:1 1 auto;overflow-y:auto}.modal--entering .modal__content,.modal--visible .modal__content{opacity:1;transform:scale(1)}.modal--exiting .modal__content,.modal--hidden .modal__content{opacity:0;transform:scale(0.95)}.modal--animate .modal__content{transition:opacity var(--_duration-normal) var(--_ease-default),transform var(--_duration-normal) var(--_ease-default)}.modal--hidden{visibility:hidden;pointer-events:none}}@layer components.tokens{.overlay{--_duration-normal: var(--ui-duration-normal, 200ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--_z: var(--ui-overlay-z, var(--ui-z-index-overlay, 300))}.overlay--light{--_bg: var(--ui-overlay-bg-light, rgba(255, 255, 255, 0.7))}.overlay--blur{--_bg: var(--ui-overlay-bg-blur, rgba(0, 0, 0, 0.3))}}@layer components.styles{.overlay{position:fixed;inset:0;z-index:var(--_z);background:var(--_bg)}.overlay--blur{backdrop-filter:blur(calc(0.5rem * 0.5))}.overlay--entering,.overlay--visible{opacity:1}.overlay--exiting,.overlay--hidden{opacity:0;pointer-events:none}.overlay--animate{transition:opacity var(--_duration-normal) var(--_ease-default)}}@layer components.tokens{.popover{--_row-1: var(--ui-row-1, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size-md: var(--ui-font-size-md, 1rem);--_weight-semibold: var(--ui-font-weight-semibold, 600);--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-popover-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--_border-color: var(--ui-popover-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-popover-radius, var(--ui-radius-md, calc(0.5rem * 1)));--_shadow: var(--ui-popover-shadow, 0 calc(0.5rem / 2) calc(0.5rem * 2) rgb(0 0 0 / 0.15));--_padding: var(--ui-popover-padding, calc(0.5rem * 2));--_max-width: var(--ui-popover-max-width, calc(0.5rem * 40));--_z: var(--ui-popover-z, var(--ui-z-index-popover, 500));--_arrow-size: var(--ui-popover-arrow-size, calc(0.5rem))}}@layer components.styles{.popover{position:absolute;z-index:var(--_z);max-inline-size:var(--_max-width);padding:var(--_padding);line-height:var(--_row-1);background:var(--_bg);border-radius:var(--_radius);outline:var(--_border-width-sm) solid var(--_border-color);box-shadow:var(--_shadow);outline-offset:calc(var(--_border-width-sm)*-1)}.popover__header{padding-block-end:calc(0.5rem*2);margin-block-end:calc(0.5rem*2);box-shadow:inset 0 calc(var(--_border-width-sm)*-1) 0 var(--_border-color)}.popover__title{margin:0;font-size:var(--_font-size-md);font-weight:var(--_weight-semibold)}.popover--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--_bg);transform:translateX(-50%)}.popover--top::before{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:calc(var(--_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-start-color:var(--_border-color);transform:translateX(-50%)}.popover--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--_bg);transform:translateX(-50%)}.popover--bottom::before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:calc(var(--_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-end-color:var(--_border-color);transform:translateX(-50%)}.popover--visible{opacity:1}.popover--hidden{opacity:0;pointer-events:none}.popover--animate{transition:opacity var(--_duration-fast) var(--_ease-default)}}@layer components.tokens{.tooltip{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, ease);--_bg: var(--ui-tooltip-bg, var(--ui-color-text, hsl(220, 10%, 10%)));--_color: var(--ui-tooltip-color, var(--ui-color-bg, hsl(220, 10%, 98%)));--_radius: var(--ui-tooltip-radius, var(--ui-radius-sm, calc(0.5rem / 2)));--_padding-x: var(--ui-tooltip-padding-x, calc(0.5rem * 1));--_padding-y: var(--ui-tooltip-padding-y, calc(0.5rem / 2));--_font-size: var(--ui-tooltip-font-size, var(--ui-font-size-sm, 0.875rem));--_z: var(--ui-tooltip-z, var(--ui-z-index-tooltip, 600));--_arrow-size: var(--ui-tooltip-arrow-size, calc(0.5rem / 2))}}@layer components.styles{.tooltip{position:absolute;z-index:var(--_z);max-inline-size:calc(0.5rem*25);padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);line-height:calc(0.5rem*2);text-align:center;white-space:nowrap;color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}.tooltip--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--_bg);transform:translateX(-50%)}.tooltip--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--_bg);transform:translateX(-50%)}.tooltip--start::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-inline-start-color:var(--_bg);transform:translateY(-50%)}.tooltip--end::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:100%;border:var(--_arrow-size) solid rgba(0,0,0,0);border-inline-end-color:var(--_bg);transform:translateY(-50%)}.tooltip--visible{opacity:1}.tooltip--hidden{opacity:0;pointer-events:none}.tooltip--animate{transition:opacity var(--_duration-fast) var(--_ease-default)}@supports(anchor-name: --tooltip){.tooltip--anchored{position:fixed;position-anchor:--tooltip;inset:auto;inset-area:block-start center;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin-block-end:var(--_arrow-size)}.tooltip--anchored::after{content:none}.tooltip-anchor{anchor-name:--tooltip}}}@layer components.tokens{.blockquote{--_space-1: var(--ui-space-1, 0.5rem);--_font-size-sm: var(--ui-font-size-sm, 0.875rem);--_leading-sm: var(--ui-line-height-sm, 1.5rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_border-color: var(--ui-blockquote-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--_border-width: var(--ui-blockquote-border-width, var(--ui-border-width-lg, 0.25rem));--_padding-inline: var(--ui-blockquote-padding-inline, var(--ui-space-3, 1.5rem));--_color: var(--ui-blockquote-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_font-size: var(--ui-blockquote-font-size, var(--ui-font-size-lg, 1.25rem));--_line-height: var(--ui-blockquote-line-height, var(--ui-line-height-lg, 2rem))}.blockquote--accent{--_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}@layer components.styles{.blockquote{padding-inline-start:var(--_padding-inline);margin:0;font-size:var(--_font-size);font-style:italic;line-height:var(--_line-height);color:var(--_color);border-inline-start:var(--_border-width) solid var(--_border-color)}.blockquote__cite{display:block;margin-block-start:var(--_space-1);font-size:var(--_font-size-sm);font-style:normal;line-height:var(--_leading-sm);color:var(--_color-text-muted)}}@layer components.tokens{.code{--_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--_leading-tight-sm: var(--ui-line-height-tight-sm, 1rem);--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-size: var(--ui-code-font-size, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-code-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_padding-x: var(--ui-code-padding-x, var(--ui-space-1, 0.5rem));--_padding-y: var(--ui-code-padding-y, var(--ui-space-0, 0.25rem));--_radius: var(--ui-code-radius, var(--ui-radius-sm, 0.25rem))}.code--sm{--_font-size: var(--ui-font-size-xs, 0.75rem)}.code-block{--_font-size: var(--ui-code-font-size-block, var(--ui-font-size-sm, 0.875rem));--_bg: var(--ui-code-bg-block, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_padding: var(--ui-code-padding-block, var(--ui-space-3, 1.5rem));--_radius: var(--ui-code-radius-block, var(--ui-radius-md, 0.5rem));--_border-color: var(--ui-code-border-color-block, var(--ui-color-border, hsl(220, 10%, 90%)))}}@layer components.styles{.code{padding:var(--_padding-y) var(--_padding-x);font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_leading-tight-sm);background:var(--_bg);border-radius:var(--_radius)}.code-block{display:block;padding:calc(var(--_padding) - var(--_border-width-sm));overflow-x:auto;font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_leading-tight-sm);white-space:pre;background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius)}.code-block code{padding:0;font-size:inherit;background:none}}@layer components.tokens{.code-block{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--_space-4: var(--ui-space-4, 2rem);--_space-2: var(--ui-space-2, 1rem);--_bg: var(--ui-code-block-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--_color: var(--ui-code-block-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_border-color: var(--ui-code-block-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_padding: var(--ui-code-block-padding, var(--ui-space-3, 1.5rem));--_font-size: var(--ui-code-block-font-size, var(--ui-font-size-sm, 0.875rem));--_line-height: var(--ui-code-block-line-height, var(--ui-line-height-tight-sm, 1rem));--_radius: var(--ui-code-block-radius, var(--ui-radius-md, 0.5rem))}.code-block--compact{--_padding: var(--ui-code-block-padding-compact, var(--ui-space-1, 0.5rem))}.code-block--line-numbers{--_line-number-color: var(--ui-code-block-line-number-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_line-number-border-color: var(--ui-code-block-line-number-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}@layer components.styles{.code-block{display:block;padding:calc(var(--_padding) - var(--_border-width-sm));overflow-x:auto;font-family:var(--_font-mono);font-size:var(--_font-size);line-height:var(--_line-height);white-space:pre;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius)}.code-block__code{padding:0;font:inherit;color:inherit;background:none;border:none}.code-block--line-numbers{counter-reset:line-number;padding-inline-start:0}.code-block--line-numbers .code-block__line{display:block}.code-block--line-numbers .code-block__line-number{display:inline-block;counter-increment:line-number;box-sizing:border-box;min-inline-size:var(--_space-4);padding-inline-end:var(--_space-2);margin-inline-end:var(--_space-2);font-variant-numeric:tabular-nums;text-align:end;color:var(--_line-number-color);border-inline-end:var(--_border-width-sm) solid var(--_line-number-border-color);user-select:none}.code-block--line-numbers .code-block__line-number::before{content:counter(line-number)}}@layer components.tokens{.heading{--_font-size: var(--ui-heading-font-size, var(--ui-font-size-xl, 1.5rem));--_line-height: var(--ui-heading-line-height, var(--ui-line-height-xl, 2rem));--_weight: var(--ui-heading-weight, var(--ui-font-weight-bold, 700));--_color: var(--ui-heading-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.heading--4xl{--_font-size: var(--ui-heading-font-size-4xl, var(--ui-font-size-4xl, 2.5rem));--_line-height: var(--ui-heading-line-height-4xl, var(--ui-line-height-4xl, 3rem))}.heading--3xl{--_font-size: var(--ui-heading-font-size-3xl, var(--ui-font-size-3xl, 2rem));--_line-height: var(--ui-heading-line-height-3xl, var(--ui-line-height-3xl, 2.5rem))}.heading--2xl{--_font-size: var(--ui-heading-font-size-2xl, var(--ui-font-size-2xl, 1.75rem));--_line-height: var(--ui-heading-line-height-2xl, var(--ui-line-height-2xl, 2rem))}.heading--xl{--_font-size: var(--ui-heading-font-size-xl, var(--ui-font-size-xl, 1.5rem));--_line-height: var(--ui-heading-line-height-xl, var(--ui-line-height-xl, 2rem))}.heading--lg{--_font-size: var(--ui-heading-font-size-lg, var(--ui-font-size-lg, 1.25rem));--_line-height: var(--ui-heading-line-height-lg, var(--ui-line-height-lg, 2rem))}.heading--md{--_font-size: var(--ui-heading-font-size-md, var(--ui-font-size-md, 1rem));--_line-height: var(--ui-heading-line-height-md, var(--ui-line-height-tight-md, 1.5rem))}.heading--sm{--_font-size: var(--ui-heading-font-size-sm, var(--ui-font-size-sm, 0.875rem));--_line-height: var(--ui-heading-line-height-sm, var(--ui-line-height-tight-sm, 1rem))}}@layer components.styles{.heading{margin:0;text-wrap:balance;font-size:var(--_font-size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color)}}@layer components.tokens{.kbd{--_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--_space-quarter: var(--ui-space-quarter, 0.125rem);--_font-size: var(--ui-kbd-font-size, var(--ui-font-size-sm, 0.875rem));--_font-family: var(--ui-kbd-font-family, var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace));--_padding-x: var(--ui-kbd-padding-x, var(--ui-space-0, 0.25rem));--_padding-y: var(--ui-kbd-padding-y, var(--ui-space-0, 0.25rem));--_bg: var(--ui-kbd-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--_border-color: var(--ui-kbd-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--_radius: var(--ui-kbd-radius, var(--ui-radius-sm, 0.25rem));--_color: var(--ui-kbd-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}@layer components.styles{.kbd{display:inline-flex;align-items:center;padding:var(--_padding-y) var(--_padding-x);font-family:var(--_font-family);font-size:var(--_font-size);line-height:1;color:var(--_color);background:var(--_bg);border:var(--_border-width-sm) solid var(--_border-color);border-radius:var(--_radius);box-shadow:0 var(--_space-quarter) 0 var(--_border-color)}}@layer components.tokens{.link{--_duration-fast: var(--ui-duration-fast, 100ms);--_ease-default: var(--ui-ease-default, cubic-bezier(0.4, 0, 0.2, 1));--_color-focus: var(--ui-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_border-width-md: var(--ui-border-width-md, 0.125rem);--_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--_color: var(--ui-link-color, var(--ui-color-primary, oklch(55% 0.22 250deg)));--_color-hover: var(--ui-link-color-hover, var(--ui-color-primary-hover, color-mix(in srgb, var(--_color) 85%, black)));--_color-visited: var(--ui-link-color-visited, var(--_color));--_decoration: var(--ui-link-decoration, underline);--_decoration-hover: var(--ui-link-decoration-hover, underline)}.link--muted{--_color: var(--ui-link-color-muted, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_color-hover: var(--ui-link-color-muted-hover, var(--ui-color-text, hsl(220, 10%, 10%)))}.link--subtle{--_decoration: none;--_decoration-hover: underline}}@layer components.styles{.link{text-decoration:var(--_decoration);color:var(--_color);cursor:pointer;transition:color var(--_duration-fast) var(--_ease-default);text-underline-offset:calc(0.5rem/4)}.link:hover{text-decoration:var(--_decoration-hover);color:var(--_color-hover)}.link:focus-visible{border-radius:calc(0.5rem/4);outline:var(--_border-width-md) solid var(--_color-focus);outline-offset:calc(0.5rem/4)}.link:visited{color:var(--_color-visited)}.link--disabled,.link[aria-disabled=true]{color:var(--_color-text-muted);opacity:0.5;cursor:not-allowed;pointer-events:none}.link--external::after{content:"↗";display:inline-block;margin-inline-start:calc(0.5rem/4);font-size:0.75em}}@layer components.tokens{.list{--_spacing: var(--ui-list-spacing, var(--ui-unit, 0.5rem));--_marker-color: var(--ui-list-marker-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--_indent: var(--ui-list-indent, var(--ui-space-3, 1.5rem));--_line-height: var(--ui-list-line-height, var(--ui-line-height-md, 1.5rem))}.list--compact{--_spacing: 0}.list--loose{--_spacing: calc(0.5rem * 2)}}@layer components.styles{.list{display:flex;flex-direction:column;gap:var(--_spacing);padding-inline-start:var(--_indent);margin:0;line-height:var(--_line-height)}.list::marker,.list li::marker{color:var(--_marker-color)}.list--unstyled{padding-inline-start:0;list-style:none}.list--inline{flex-direction:row;flex-wrap:wrap;padding-inline-start:0;list-style:none}.list .list{margin-block-start:var(--_spacing)}.list__item{line-height:var(--_line-height)}}@layer components.tokens{.mark{--_bg: var(--ui-mark-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--_color: var(--ui-mark-color, var(--ui-color-text, hsl(220, 10%, 10%)));--_padding-x: var(--ui-mark-padding-x, var(--ui-space-quarter, 0.125rem));--_padding-y: var(--ui-mark-padding-y, 0);--_radius: var(--ui-mark-radius, var(--ui-radius-sm, 0.25rem))}}@layer components.styles{.mark{padding:var(--_padding-y) var(--_padding-x);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}}@layer utilities{.m-0{margin:0}.m-1{margin:var(--ui-space-1)}.m-2{margin:var(--ui-space-2)}.m-3{margin:var(--ui-space-3)}.m-4{margin:var(--ui-space-4)}.m-6{margin:var(--ui-space-6)}.m-8{margin:var(--ui-space-8)}.mt-0{margin-block-start:0}.mt-1{margin-block-start:var(--ui-space-1)}.mt-2{margin-block-start:var(--ui-space-2)}.mt-3{margin-block-start:var(--ui-space-3)}.mt-4{margin-block-start:var(--ui-space-4)}.mt-6{margin-block-start:var(--ui-space-6)}.mt-8{margin-block-start:var(--ui-space-8)}.me-0{margin-inline-end:0}.me-1{margin-inline-end:var(--ui-space-1)}.me-2{margin-inline-end:var(--ui-space-2)}.me-3{margin-inline-end:var(--ui-space-3)}.me-4{margin-inline-end:var(--ui-space-4)}.me-6{margin-inline-end:var(--ui-space-6)}.me-8{margin-inline-end:var(--ui-space-8)}.mb-0{margin-block-end:0}.mb-1{margin-block-end:var(--ui-space-1)}.mb-2{margin-block-end:var(--ui-space-2)}.mb-3{margin-block-end:var(--ui-space-3)}.mb-4{margin-block-end:var(--ui-space-4)}.mb-6{margin-block-end:var(--ui-space-6)}.mb-8{margin-block-end:var(--ui-space-8)}.ms-0{margin-inline-start:0}.ms-1{margin-inline-start:var(--ui-space-1)}.ms-2{margin-inline-start:var(--ui-space-2)}.ms-3{margin-inline-start:var(--ui-space-3)}.ms-4{margin-inline-start:var(--ui-space-4)}.ms-6{margin-inline-start:var(--ui-space-6)}.ms-8{margin-inline-start:var(--ui-space-8)}.mx-0{margin-inline:0}.mx-1{margin-inline:var(--ui-space-1)}.mx-2{margin-inline:var(--ui-space-2)}.mx-3{margin-inline:var(--ui-space-3)}.mx-4{margin-inline:var(--ui-space-4)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-1{margin-block:var(--ui-space-1)}.my-2{margin-block:var(--ui-space-2)}.my-3{margin-block:var(--ui-space-3)}.my-4{margin-block:var(--ui-space-4)}.p-0{padding:0}.p-1{padding:var(--ui-space-1)}.p-2{padding:var(--ui-space-2)}.p-3{padding:var(--ui-space-3)}.p-4{padding:var(--ui-space-4)}.p-6{padding:var(--ui-space-6)}.p-8{padding:var(--ui-space-8)}.pt-0{padding-block-start:0}.pt-1{padding-block-start:var(--ui-space-1)}.pt-2{padding-block-start:var(--ui-space-2)}.pt-3{padding-block-start:var(--ui-space-3)}.pt-4{padding-block-start:var(--ui-space-4)}.pt-6{padding-block-start:var(--ui-space-6)}.pt-8{padding-block-start:var(--ui-space-8)}.pe-0{padding-inline-end:0}.pe-1{padding-inline-end:var(--ui-space-1)}.pe-2{padding-inline-end:var(--ui-space-2)}.pe-3{padding-inline-end:var(--ui-space-3)}.pe-4{padding-inline-end:var(--ui-space-4)}.pe-6{padding-inline-end:var(--ui-space-6)}.pe-8{padding-inline-end:var(--ui-space-8)}.pb-0{padding-block-end:0}.pb-1{padding-block-end:var(--ui-space-1)}.pb-2{padding-block-end:var(--ui-space-2)}.pb-3{padding-block-end:var(--ui-space-3)}.pb-4{padding-block-end:var(--ui-space-4)}.pb-6{padding-block-end:var(--ui-space-6)}.pb-8{padding-block-end:var(--ui-space-8)}.ps-0{padding-inline-start:0}.ps-1{padding-inline-start:var(--ui-space-1)}.ps-2{padding-inline-start:var(--ui-space-2)}.ps-3{padding-inline-start:var(--ui-space-3)}.ps-4{padding-inline-start:var(--ui-space-4)}.ps-6{padding-inline-start:var(--ui-space-6)}.ps-8{padding-inline-start:var(--ui-space-8)}.px-0{padding-inline:0}.px-1{padding-inline:var(--ui-space-1)}.px-2{padding-inline:var(--ui-space-2)}.px-3{padding-inline:var(--ui-space-3)}.px-4{padding-inline:var(--ui-space-4)}.py-0{padding-block:0}.py-1{padding-block:var(--ui-space-1)}.py-2{padding-block:var(--ui-space-2)}.py-3{padding-block:var(--ui-space-3)}.py-4{padding-block:var(--ui-space-4)}.gap-0{gap:0}.gap-1{gap:var(--ui-space-1)}.gap-2{gap:var(--ui-space-2)}.gap-3{gap:var(--ui-space-3)}.gap-4{gap:var(--ui-space-4)}.gap-6{gap:var(--ui-space-6)}.gap-8{gap:var(--ui-space-8)}}@layer utilities{.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;block-size:1px;inline-size:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%)}}@layer utilities{.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.font-normal{font-weight:var(--ui-font-weight-normal)}.font-medium{font-weight:var(--ui-font-weight-medium)}.font-semibold{font-weight:var(--ui-font-weight-semibold)}.font-bold{font-weight:var(--ui-font-weight-bold)}.text-xs{font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-xs)}.text-sm{font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-sm)}.text-md{font-size:var(--ui-font-size-md);line-height:var(--ui-line-height-md)}.text-lg{font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-lg)}.text-xl{font-size:var(--ui-font-size-xl);line-height:var(--ui-line-height-xl)}.text-2xl{font-size:var(--ui-font-size-2xl);line-height:var(--ui-line-height-2xl)}.text-3xl{font-size:var(--ui-font-size-3xl);line-height:var(--ui-line-height-3xl)}.text-4xl{font-size:var(--ui-font-size-4xl);line-height:var(--ui-line-height-4xl)}.text-lead{font-size:var(--ui-lead-size);font-weight:var(--ui-lead-weight);line-height:var(--ui-lead-line-height);letter-spacing:var(--ui-lead-tracking)}.text-eyebrow{font-size:var(--ui-eyebrow-size);font-weight:var(--ui-eyebrow-weight);line-height:var(--ui-eyebrow-line-height);letter-spacing:var(--ui-eyebrow-tracking);text-transform:uppercase}.text-caption{font-size:var(--ui-caption-size);font-weight:var(--ui-caption-weight);line-height:var(--ui-caption-line-height);letter-spacing:var(--ui-caption-tracking)}.text-body-sm{font-size:var(--ui-body-sm-size);font-weight:var(--ui-body-sm-weight);line-height:var(--ui-body-sm-line-height);letter-spacing:var(--ui-body-sm-tracking)}.font-sans{font-family:var(--ui-font-sans)}.font-mono{font-family:var(--ui-font-mono)}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--ui-color-primary)}.text-muted{color:var(--ui-color-text-muted)}.text-success{color:var(--ui-color-success)}.text-warning{color:var(--ui-color-warning)}.text-danger{color:var(--ui-color-danger)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-nowrap{text-wrap:nowrap}.truncate-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.truncate-4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.prose{max-inline-size:65ch}.prose-sm{max-inline-size:45ch}.prose-lg{max-inline-size:75ch}.tracking-display{letter-spacing:var(--ui-letter-spacing-display)}.tracking-body{letter-spacing:var(--ui-letter-spacing-body)}.tracking-caps{letter-spacing:var(--ui-letter-spacing-caps)}}@layer utilities{.border{border:var(--ui-border-width-sm) solid var(--ui-color-border)}.border-0{border:none}.rounded{border-radius:var(--ui-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--ui-radius-sm)}.rounded-lg{border-radius:var(--ui-radius-lg)}.rounded-full{border-radius:var(--ui-radius-full)}.bg{background:var(--ui-color-bg)}.bg-subtle{background:var(--ui-color-bg-subtle)}.bg-muted{background:var(--ui-color-bg-muted)}.bg-transparent{background:rgba(0,0,0,0)}}@layer utilities{.visually-hidden{position:absolute;block-size:calc(0.5rem/8);inline-size:calc(0.5rem/8);padding:0;margin:calc(0.5rem/-8);overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.visually-hidden--focusable:focus-visible,.visually-hidden--focusable:active{position:static;block-size:auto;inline-size:auto;margin:0;overflow:visible;white-space:normal;clip:auto;clip-path:none}}@view-transition{navigation:auto}@layer utilities{@keyframes vt-fade-in{from{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-slide-in-up{from{opacity:0;transform:translateY(1.25rem)}}@keyframes vt-slide-out-up{to{opacity:0;transform:translateY(-1.25rem)}}@keyframes vt-slide-in-down{from{opacity:0;transform:translateY(-1.25rem)}}@keyframes vt-slide-out-down{to{opacity:0;transform:translateY(1.25rem)}}@keyframes vt-slide-in-start{from{opacity:0;transform:translateX(-1.25rem)}}@keyframes vt-slide-out-start{to{opacity:0;transform:translateX(-1.25rem)}}@keyframes vt-slide-in-end{from{opacity:0;transform:translateX(1.25rem)}}@keyframes vt-slide-out-end{to{opacity:0;transform:translateX(1.25rem)}}@keyframes vt-scale-in{from{opacity:0;transform:scale(0.95)}}@keyframes vt-scale-out{to{opacity:0;transform:scale(1.05)}}.transition-name-sidebar{view-transition-name:sidebar}.transition-name-main{view-transition-name:main}.transition-name-header{view-transition-name:header}.transition-name-hero{view-transition-name:hero}.transition-name-card{view-transition-name:card}.transition-name-modal{view-transition-name:modal}.transition-name-slide-up{view-transition-name:slide-up}.transition-name-slide-down{view-transition-name:slide-down}.transition-name-slide-start{view-transition-name:slide-start}.transition-name-slide-end{view-transition-name:slide-end}.transition-name-scale{view-transition-name:scale}.transition-name-fade{view-transition-name:fade}.transition-name-none{view-transition-name:none}::view-transition-old(sidebar),::view-transition-new(sidebar),::view-transition-old(header),::view-transition-new(header){animation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--ui-duration-base);animation-timing-function:var(--ui-ease-default)}::view-transition-old(fade){animation:vt-fade-out var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(fade){animation:vt-fade-in var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-up),::view-transition-old(main){animation:vt-slide-out-up var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-up),::view-transition-new(main){animation:vt-slide-in-up var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-down){animation:vt-slide-out-down var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-down){animation:vt-slide-in-down var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-start){animation:vt-slide-out-start var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-start){animation:vt-slide-in-start var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(slide-end){animation:vt-slide-out-end var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(slide-end){animation:vt-slide-in-end var(--ui-duration-base) var(--ui-ease-out)}::view-transition-old(scale),::view-transition-old(modal),::view-transition-old(card){animation:vt-scale-out var(--ui-duration-base) var(--ui-ease-out)}::view-transition-new(scale),::view-transition-new(modal),::view-transition-new(card){animation:vt-scale-in var(--ui-duration-base) var(--ui-ease-out)}::view-transition-group(hero){animation-duration:var(--ui-duration-slow);animation-timing-function:var(--ui-ease-in-out)}@media(prefers-reduced-motion: reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation-duration:0s !important}}}@layer utilities{.snap-x{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.snap-y{overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.snap-x-proximity{overflow-x:auto;scroll-snap-type:x proximity}.snap-y-proximity{overflow-y:auto;scroll-snap-type:y proximity}.snap-none{scroll-snap-type:none}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-always{scroll-snap-stop:always}.snap-p-1{scroll-padding:var(--ui-space-1)}.snap-p-2{scroll-padding:var(--ui-space-2)}.snap-p-4{scroll-padding:var(--ui-space-4)}}@layer utilities{@supports(animation-timeline: scroll()){.scroll-progress{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-toast, 700);block-size:var(--ui-scroll-progress-height, var(--ui-space-half, 0.25rem));inline-size:100%;background:var(--ui-scroll-progress-bg, var(--ui-color-primary));transform-origin:inline-start;scale:0 1;animation:scroll-progress-fill auto linear;animation-timeline:scroll()}@keyframes scroll-progress-fill{to{scale:1 1}}.view-fade{animation:view-fade-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-fade-in{from{opacity:0}to{opacity:1}}.view-slide-up{animation:view-slide-up-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-slide-up-in{from{opacity:0;transform:translateY(var(--ui-space-4, 2rem))}to{opacity:1;transform:translateY(0)}}.view-slide-start{animation:view-slide-start-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-slide-start-in{from{opacity:0;transform:translateX(calc(var(--ui-space-4, 2rem) * -1))}to{opacity:1;transform:translateX(0)}}.view-scale{animation:view-scale-in auto linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes view-scale-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}@media(prefers-reduced-motion: reduce){.scroll-progress,.view-fade,.view-slide-up,.view-slide-start,.view-scale{opacity:1;transform:none;scale:1 1;animation:none}}}}@layer utilities{.container-inline{container-type:inline-size}.container-size{container-type:size}.container-normal{container-type:normal}}.debug-grid,.debug-grid-rows,.debug-baseline{position:relative}.debug-grid{--debug-color: color-mix(in oklch, var(--ui-color-primary, oklch(55% 0.22 250deg)) 20%, transparent)}.debug-grid::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to right, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px);pointer-events:none;background-size:var(--ui-unit) var(--ui-unit);background-position:0 0}.debug-grid-rows{--debug-color: color-mix(in oklch, var(--ui-color-success, oklch(60% 0.18 145deg)) 15%, transparent);--debug-color-strong: color-mix(in oklch, var(--ui-color-success, oklch(60% 0.18 145deg)) 30%, transparent)}.debug-grid-rows::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to right, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px),linear-gradient(to bottom, var(--debug-color-strong) 1px, transparent 1px);pointer-events:none;background-size:var(--ui-unit) var(--ui-unit),var(--ui-unit) var(--ui-unit),var(--ui-unit) var(--ui-row);background-position:0 0}.debug-baseline{--debug-color: color-mix(in oklch, var(--ui-color-danger, oklch(60% 0.22 25deg)) 25%, transparent)}.debug-baseline::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--ui-z-index-debug);block-size:100%;inline-size:100%;min-block-size:100vh;background-image:linear-gradient(to bottom, var(--debug-color) 1px, transparent 1px);pointer-events:none;background-size:100% var(--ui-unit)}.debug-outline *{outline:1px solid rgba(255,0,0,.5)}