*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--font-family-primary: Rubik, Inter, system-ui, -apple-system, sans-serif;--font-family-secondary: Playfair Display, Georgia, serif;--font-family-mono: JetBrains Mono, Fira Code, monospace;--font-size-xxs: 0.6rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-base: var(--font-size-md);--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-regular: 300;--font-weight-light: 200;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -0.02em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.02em;--letter-spacing-wider: 0.08em;--space-0: 0;--space-min: 0.125rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--radius-none: 0;--radius-xs: var(--space-min);--radius-sm: var(--space-1);--radius-md: var(--space-2);--radius-lg: var(--space-3);--radius-xl: var(--space-4);--radius-2xl: var(--space-6);--radius-round: 9999px;--radius-full: 50%;--border-width-none: 0;--border-width-thin: 1px;--border-width-thick: var(--space-min, 2px);--border-width-heavy: var(--space-1, 4px);--duration-instant: 100ms;--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 400ms;--duration-slower: 600ms;--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-decelerate: cubic-bezier(0, 0, 0.2, 1);--ease-accelerate: cubic-bezier(0.4, 0, 1, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--transition-base: all var(--duration-fast) var(--ease-standard);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-popover: 1200;--z-toast: 1300;--z-tooltip: 1400;--z-overlay: 1500;--z-modal: 1600;--shadow-color: var(--color-neutral-900);--shadow-none: none;--shadow-xs: 0 1px 2px hsl(from var(--shadow-color) h s l / 0.05);--shadow-sm: 0 1px 3px hsl(from var(--shadow-color) h s l / 0.08), 0 1px 2px hsl(from var(--shadow-color) h s l / 0.04);--shadow-md: 0 4px 8px hsl(from var(--shadow-color) h s l / 0.08), 0 2px 4px hsl(from var(--shadow-color) h s l / 0.04);--shadow-lg: 0 12px 24px hsl(from var(--shadow-color) h s l / 0.10), 0 4px 8px hsl(from var(--shadow-color) h s l / 0.06);--shadow-xl: 0 24px 48px hsl(from var(--shadow-color) h s l / 0.14), 0 8px 16px hsl(from var(--shadow-color) h s l / 0.08);--shadow-hard-sm: 1px 1px 1px hsl(from var(--shadow-color) h s l / 0.1), 0 1px 0px hsl(from var(--shadow-color) h s l / .1);--shadow-focus-brand: 0 0 0 3px hsl(from var(--color-brand) h s l / 0.35);--outline-size: var(--space-min, 2px);--outline-offset: var(--space-1, 4px);--outline-color: var(--color-brand);--input-size-normal: var(--space-11, 44px);--input-size-small: var(--space-8, 32px);--input-size-large: var(--space-16, 64px);--control-size-sm: calc(var(--space-5) - var(--space-min));--control-size-md: var(--space-6);--control-size-lg: calc(var(--space-8) - var(--space-1));--input-radius: var(--radius-sm, 4px);--input-border-width: var(--border-width-thin, 1px);--input-padding: var(--space-3, 12px);--input-background: var(--color-bg-surface);--input-background-disabled: var(--color-bg-disabled);--input-text-color: var(--color-text-primary);--input-placeholder-color: var(--color-placeholder);--input-color-normal: var(--color-border-default);--input-color-hover: var(--color-border-strong);--input-color-focus: var(--color-border-focus);--input-color-active: var(--color-focus-ring);--input-color-disabled: var(--color-text-disabled);--input-color-error: var(--color-danger-border);--input-color-success: var(--color-success-border);--button-size: var(--input-size-normal);--button-size-sm: var(--input-size-small);--button-size-lg: var(--input-size-large);--button-padding: var(--space-4);--button-radius: var(--input-radius);--button-border-width: var(--input-border-width);--button-gap: var(--space-2);--container-normal: 1200px;--container-large: 1440px;--container-small: 720px;--container-xsmall: 540px;--gutter-size-normal: var(--space-6, 24px);--gutter-size-narrow: var(--space-4, 16px);--gutter-size-wide: var(--space-11, 44px);--color-neutral: #64748b;--color-primary: #3B82F6;--color-accent: #6366f1;--color-grey: #9a9a9a;--color-red: #ef4444;--color-orange: #f59e0b;--color-green: #26af58;--color-blue: #369eff;--color-white: #ffffff;--color-black: #000000;--color-transparent: hsla(180, 100%, 100%, 0);--color-neutral-0: color-mix(in oklch, var(--color-neutral), white 99%);--color-neutral-50: color-mix(in oklch, var(--color-neutral), white 95%);--color-neutral-100: color-mix(in oklch, var(--color-neutral), white 85%);--color-neutral-200: color-mix(in oklch, var(--color-neutral), white 70%);--color-neutral-300: color-mix(in oklch, var(--color-neutral), white 45%);--color-neutral-400: color-mix(in oklch, var(--color-neutral), white 28%);--color-neutral-500: oklch(from var(--color-neutral) l c h);--color-neutral-600: oklch(from var(--color-neutral) calc(l - 0.10) c h);--color-neutral-700: oklch(from var(--color-neutral) calc(l - 0.20) c h);--color-neutral-800: oklch(from var(--color-neutral) calc(l - 0.30) c h);--color-neutral-900: oklch(from var(--color-neutral) calc(l - 0.40) calc(c * 0.5) h);--color-neutral-950: oklch(from var(--color-neutral) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-primary-50: color-mix(in oklch, var(--color-primary), white 95%);--color-primary-100: color-mix(in oklch, var(--color-primary), white 85%);--color-primary-200: color-mix(in oklch, var(--color-primary), white 70%);--color-primary-300: color-mix(in oklch, var(--color-primary), white 45%);--color-primary-400: color-mix(in oklch, var(--color-primary), white 28%);--color-primary-500: oklch(from var(--color-primary) l c h);--color-primary-600: oklch(from var(--color-primary) calc(l - 0.10) c h);--color-primary-700: oklch(from var(--color-primary) calc(l - 0.20) c h);--color-primary-800: oklch(from var(--color-primary) calc(l - 0.30) c h);--color-primary-900: oklch(from var(--color-primary) calc(l - 0.40) calc(c * 0.5) h);--color-primary-950: oklch(from var(--color-primary) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-accent-50: color-mix(in oklch, var(--color-accent), white 95%);--color-accent-100: color-mix(in oklch, var(--color-accent), white 85%);--color-accent-200: color-mix(in oklch, var(--color-accent), white 70%);--color-accent-300: color-mix(in oklch, var(--color-accent), white 45%);--color-accent-400: color-mix(in oklch, var(--color-accent), white 28%);--color-accent-500: oklch(from var(--color-accent) l c h);--color-accent-600: oklch(from var(--color-accent) calc(l - 0.10) c h);--color-accent-700: oklch(from var(--color-accent) calc(l - 0.20) c h);--color-accent-800: oklch(from var(--color-accent) calc(l - 0.30) c h);--color-accent-900: oklch(from var(--color-accent) calc(l - 0.40) calc(c * 0.5) h);--color-accent-950: oklch(from var(--color-accent) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-grey-50: color-mix(in oklch, var(--color-grey), white 95%);--color-grey-100: color-mix(in oklch, var(--color-grey), white 85%);--color-grey-200: color-mix(in oklch, var(--color-grey), white 70%);--color-grey-300: color-mix(in oklch, var(--color-grey), white 45%);--color-grey-400: color-mix(in oklch, var(--color-grey), white 28%);--color-grey-500: oklch(from var(--color-grey) l c h);--color-grey-600: oklch(from var(--color-grey) calc(l - 0.10) c h);--color-grey-700: oklch(from var(--color-grey) calc(l - 0.20) c h);--color-grey-800: oklch(from var(--color-grey) calc(l - 0.30) c h);--color-grey-900: oklch(from var(--color-grey) max(0, calc(l - 0.40)) calc(c * 0.5) h);--color-grey-950: oklch(from var(--color-grey) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-red-50: color-mix(in oklch, var(--color-red), white 95%);--color-red-100: color-mix(in oklch, var(--color-red), white 85%);--color-red-200: color-mix(in oklch, var(--color-red), white 70%);--color-red-300: color-mix(in oklch, var(--color-red), white 45%);--color-red-400: color-mix(in oklch, var(--color-red), white 28%);--color-red-500: oklch(from var(--color-red) l c h);--color-red-600: oklch(from var(--color-red) calc(l - 0.10) c h);--color-red-700: oklch(from var(--color-red) calc(l - 0.20) c h);--color-red-800: oklch(from var(--color-red) calc(l - 0.30) c h);--color-red-900: oklch(from var(--color-red) calc(l - 0.40) calc(c * 0.5) h);--color-red-950: oklch(from var(--color-red) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-orange-50: color-mix(in oklch, var(--color-orange), white 95%);--color-orange-100: color-mix(in oklch, var(--color-orange), white 85%);--color-orange-200: color-mix(in oklch, var(--color-orange), white 70%);--color-orange-300: color-mix(in oklch, var(--color-orange), white 45%);--color-orange-400: color-mix(in oklch, var(--color-orange), white 28%);--color-orange-500: oklch(from var(--color-orange) l c h);--color-orange-600: oklch(from var(--color-orange) calc(l - 0.10) c h);--color-orange-700: oklch(from var(--color-orange) calc(l - 0.20) c h);--color-orange-800: oklch(from var(--color-orange) calc(l - 0.30) c h);--color-orange-900: oklch(from var(--color-orange) calc(l - 0.40) calc(c * 0.5) h);--color-orange-950: oklch(from var(--color-orange) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-green-50: color-mix(in oklch, var(--color-green), white 95%);--color-green-100: color-mix(in oklch, var(--color-green), white 85%);--color-green-200: color-mix(in oklch, var(--color-green), white 70%);--color-green-300: color-mix(in oklch, var(--color-green), white 45%);--color-green-400: color-mix(in oklch, var(--color-green), white 28%);--color-green-500: oklch(from var(--color-green) l c h);--color-green-600: oklch(from var(--color-green) calc(l - 0.10) c h);--color-green-700: oklch(from var(--color-green) calc(l - 0.20) c h);--color-green-800: oklch(from var(--color-green) calc(l - 0.30) c h);--color-green-900: oklch(from var(--color-green) calc(l - 0.40) calc(c * 0.5) h);--color-green-950: oklch(from var(--color-green) max(0, calc(l - 0.50)) calc(c * 0.1) h);--color-blue-50: color-mix(in oklch, var(--color-blue), white 95%);--color-blue-100: color-mix(in oklch, var(--color-blue), white 85%);--color-blue-200: color-mix(in oklch, var(--color-blue), white 70%);--color-blue-300: color-mix(in oklch, var(--color-blue), white 45%);--color-blue-400: color-mix(in oklch, var(--color-blue), white 28%);--color-blue-500: oklch(from var(--color-blue) l c h);--color-blue-600: oklch(from var(--color-blue) calc(l - 0.10) c h);--color-blue-700: oklch(from var(--color-blue) calc(l - 0.20) c h);--color-blue-800: oklch(from var(--color-blue) calc(l - 0.30) c h);--color-blue-900: oklch(from var(--color-blue) calc(l - 0.40) calc(c * 0.5) h);--color-blue-950: oklch(from var(--color-blue) max(0, calc(l - 0.50)) calc(c * 0.1) h);--gradient-primary: linear-gradient(to right, var(--color-primary-300), var(--color-primary-700));--gradient-accent: linear-gradient(to right, var(--color-accent-300), var(--color-accent-700));--gradient-neutral: linear-gradient(to right, var(--color-neutral-300), var(--color-neutral-700));--gradient-grey: linear-gradient(to right, var(--color-grey-300), var(--color-grey-700));--gradient-red: linear-gradient(to right, var(--color-red-300), var(--color-red-700));--gradient-orange: linear-gradient(to right, var(--color-orange-300), var(--color-orange-700));--gradient-green: linear-gradient(to right, var(--color-green-300), var(--color-green-700));--gradient-blue: linear-gradient(to right, var(--color-blue-300), var(--color-blue-700));--gradient-primary-subtle: linear-gradient(to right, var(--color-primary-200), var(--color-primary-500));--gradient-accent-subtle: linear-gradient(to right, var(--color-accent-200), var(--color-accent-500));--gradient-neutral-subtle: linear-gradient(to right, var(--color-neutral-200), var(--color-neutral-500));--gradient-grey-subtle: linear-gradient(to right, var(--color-grey-200), var(--color-grey-500));--gradient-red-subtle: linear-gradient(to right, var(--color-red-200), var(--color-red-700));--gradient-orange-subtle: linear-gradient(to right, var(--color-orange-200), var(--color-orange-500));--gradient-green-subtle: linear-gradient(to right, var(--color-green-200), var(--color-green-500));--gradient-blue-subtle: linear-gradient(to right, var(--color-blue-200), var(--color-blue-500));--gradient-primary-full: linear-gradient(to right, var(--color-primary-50), var(--color-primary-100), var(--color-primary-200), var(--color-primary-300), var(--color-primary-400), var(--color-primary-500), var(--color-primary-600), var(--color-primary-700), var(--color-primary-800), var(--color-primary-900), var(--color-primary-950) );--gradient-accent-full: linear-gradient(to right, var(--color-accent-50), var(--color-accent-100), var(--color-accent-200), var(--color-accent-300), var(--color-accent-400), var(--color-accent-500), var(--color-accent-600), var(--color-accent-700), var(--color-accent-800), var(--color-accent-900), var(--color-accent-950) );--gradient-neutral-full: linear-gradient(to right, var(--color-neutral-50), var(--color-neutral-100), var(--color-neutral-200), var(--color-neutral-300), var(--color-neutral-400), var(--color-neutral-500), var(--color-neutral-600), var(--color-neutral-700), var(--color-neutral-800), var(--color-neutral-900), var(--color-neutral-950) );--gradient-grey-full: linear-gradient(to right, var(--color-grey-50), var(--color-grey-100), var(--color-grey-200), var(--color-grey-300), var(--color-grey-400), var(--color-grey-500), var(--color-grey-600), var(--color-grey-700), var(--color-grey-800), var(--color-grey-900), var(--color-grey-950) );--gradient-red-full: linear-gradient(to right, var(--color-red-50), var(--color-red-100), var(--color-red-200), var(--color-red-300), var(--color-red-400), var(--color-red-500), var(--color-red-600), var(--color-red-700), var(--color-red-800), var(--color-red-900), var(--color-red-950) );--gradient-orange-full: linear-gradient(to right, var(--color-orange-50), var(--color-orange-100), var(--color-orange-200), var(--color-orange-300), var(--color-orange-400), var(--color-orange-500), var(--color-orange-600), var(--color-orange-700), var(--color-orange-800), var(--color-orange-900), var(--color-orange-950) );--gradient-green-full: linear-gradient(to right, var(--color-green-50), var(--color-green-100), var(--color-green-200), var(--color-green-300), var(--color-green-400), var(--color-green-500), var(--color-green-600), var(--color-green-700), var(--color-green-800), var(--color-green-900), var(--color-green-950) );--gradient-blue-full: linear-gradient(to right, var(--color-blue-50), var(--color-blue-100), var(--color-blue-200), var(--color-blue-300), var(--color-blue-400), var(--color-blue-500), var(--color-blue-600), var(--color-blue-700), var(--color-blue-800), var(--color-blue-900), var(--color-blue-950) );--color-brand: var(--color-primary-500);--color-brand-hover: var(--color-primary-600);--color-brand-active: var(--color-primary-700);--color-brand-subtle: var(--color-primary-100);--color-brand-subtle-hover: var(--color-primary-200);--color-brand-emphasis: var(--color-primary-900);--color-accent-hover: var(--color-accent-600);--color-accent-active: var(--color-accent-700);--color-accent-subtle: var(--color-accent-100);--color-accent-subtle-hover: var(--color-accent-200);--color-bg-canvas: var(--color-neutral-50);--color-bg-surface: var(--color-neutral-0);--color-bg-surface-raised: var(--color-neutral-200);--color-bg-sunken: var(--color-neutral-100);--color-bg-overlay: hsl(from var(--color-neutral-950) h s l / 0.5);--color-bg-disabled: var(--color-neutral-100);--color-bg-hard: var(--color-primary-950);--color-bg-highlight: var(--color-blue-100);--color-text-primary: var(--color-neutral-950);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-muted: var(--color-neutral-600);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-text-lighten: var(--color-neutral-800);--color-text-link: var(--color-primary-600);--color-text-link-hover: var(--color-primary-700);--color-text-on-brand: var(--color-neutral-0);--color-text-on-accent: var(--color-neutral-0);--color-placeholder: var(--color-neutral-400);--color-border-default: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-border-subtle: var(--color-neutral-100);--color-border-brand: var(--color-primary-500);--color-border-focus: var(--color-primary-500);--color-border-divider: color-mix(in oklch, var(--color-border-subtle), var(--color-border-default));--color-success: var(--color-green-600);--color-success-bg: var(--color-green-200);--color-success-subtle: var(--color-green-100);--color-success-active: var(--color-green-400);--color-success-hover: var(--color-green-500);--color-success-border: var(--color-green-300);--color-success-text: var(--color-green-900);--color-warning: var(--color-orange-600);--color-warning-bg: var(--color-orange-200);--color-warning-subtle: var(--color-orange-100);--color-warning-active: var(--color-orange-400);--color-warning-hover: var(--color-orange-500);--color-warning-border: var(--color-orange-300);--color-warning-text: var(--color-orange-900);--color-danger: var(--color-red-600);--color-danger-bg: var(--color-red-200);--color-danger-subtle: var(--color-red-100);--color-danger-active: var(--color-red-400);--color-danger-hover: var(--color-red-500);--color-danger-border: var(--color-red-300);--color-danger-text: var(--color-red-900);--color-info: var(--color-blue-600);--color-info-bg: var(--color-blue-200);--color-info-subtle: var(--color-blue-100);--color-info-active: var(--color-blue-400);--color-info-hover: var(--color-blue-500);--color-info-border: var(--color-blue-300);--color-info-text: var(--color-blue-900);--color-focus-ring: var(--color-blue-500);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-bg-surface), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus-ring);--color-selection-bg: var(--color-primary-200);--color-selection-text: var(--color-primary-950);--color-code-bg: var(--color-neutral-100);--color-code-border: var(--color-neutral-200);--chart-1: var(--color-blue-500);--chart-2: var(--color-accent-500);--chart-3: var(--color-orange-500);--chart-4: var(--color-green-500);--chart-5: var(--color-primary-300);--chart-6: var(--color-grey-500)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-brand: var(--color-primary-500);--color-brand-hover: var(--color-primary-300);--color-brand-active: var(--color-primary-200);--color-brand-subtle: var(--color-primary-900);--color-brand-subtle-hover: var(--color-primary-800);--color-brand-emphasis: var(--color-primary-100);--color-accent-hover: var(--color-accent-400);--color-accent-active: var(--color-accent-300);--color-accent-subtle: var(--color-accent-900);--color-accent-subtle-hover: var(--color-accent-800);--color-bg-canvas: var(--color-neutral-950);--color-bg-surface: var(--color-neutral-800);--color-bg-surface-raised: var(--color-neutral-700);--color-bg-sunken: var(--color-neutral-950);--color-bg-overlay: hsl(from var(--color-black) h s l / 0.60);--color-bg-disabled: var(--color-neutral-800);--color-bg-hard: var(--color-primary-950);--color-bg-highlight: var(--color-blue-900);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-lighten: var(--color-neutral-0);--color-text-muted: var(--color-neutral-300);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-950);--color-text-link: var(--color-primary-400);--color-text-link-hover: var(--color-primary-300);--color-text-on-brand: var(--color-neutral-950);--color-text-on-accent: var(--color-neutral-950);--color-placeholder: var(--color-neutral-500);--color-border-default: var(--color-neutral-700);--color-border-strong: var(--color-neutral-600);--color-border-subtle: var(--color-neutral-800);--color-border-brand: var(--color-primary-400);--color-border-focus: var(--color-primary-400);--color-border-divider: var(--color-neutral-700);--color-success: var(--color-green-400);--color-success-bg: var(--color-green-500);--color-success-subtle: var(--color-green-800);--color-success-active: var(--color-green-600);--color-success-hover: var(--color-green-300);--color-success-border: var(--color-green-700);--color-success-text: var(--color-green-100);--color-warning: var(--color-orange-400);--color-warning-bg: var(--color-orange-500);--color-warning-subtle: var(--color-orange-800);--color-warning-active: var(--color-orange-600);--color-warning-hover: var(--color-orange-300);--color-warning-border: var(--color-orange-700);--color-warning-text: var(--color-orange-100);--color-danger: var(--color-red-400);--color-danger-bg: var(--color-red-500);--color-danger-subtle: var(--color-red-800);--color-danger-active: var(--color-red-600);--color-danger-hover: var(--color-red-300);--color-danger-border: var(--color-red-700);--color-danger-text: var(--color-red-100);--color-info: var(--color-blue-400);--color-info-bg: var(--color-blue-500);--color-info-subtle: var(--color-blue-800);--color-info-active: var(--color-blue-600);--color-info-hover: var(--color-blue-300);--color-info-border: var(--color-blue-700);--color-info-text: var(--color-blue-100);--color-focus-ring: var(--color-blue-400);--color-selection-bg: var(--color-primary-800);--color-selection-text: var(--color-neutral-50);--color-code-bg: var(--color-neutral-900);--color-code-border: var(--color-neutral-700);--chart-1: var(--color-blue-400);--chart-2: var(--color-accent-400);--chart-3: var(--color-orange-400);--chart-4: var(--color-green-400);--chart-5: var(--color-primary-300);--chart-6: var(--color-grey-400);--shadow-color: var(--color-black);--shadow-xs: 0 1px 2px hsl(from var(--shadow-color) h s l / 0.30);--shadow-sm: 0 1px 3px hsl(from var(--shadow-color) h s l / 0.36), 0 1px 2px hsl(from var(--shadow-color) h s l / 0.24);--shadow-md: 0 4px 8px hsl(from var(--shadow-color) h s l / 0.40), 0 2px 4px hsl(from var(--shadow-color) h s l / 0.28);--shadow-lg: 0 12px 24px hsl(from var(--shadow-color) h s l / 0.45), 0 4px 8px hsl(from var(--shadow-color) h s l / 0.32);--shadow-xl: 0 24px 48px hsl(from var(--shadow-color) h s l / 0.55), 0 8px 16px hsl(from var(--shadow-color) h s l / 0.40)}}:root[data-theme=dark]{--color-brand: var(--color-primary-500);--color-brand-hover: var(--color-primary-300);--color-brand-active: var(--color-primary-200);--color-brand-subtle: var(--color-primary-900);--color-brand-subtle-hover: var(--color-primary-800);--color-brand-emphasis: var(--color-primary-100);--color-accent-hover: var(--color-accent-400);--color-accent-active: var(--color-accent-300);--color-accent-subtle: var(--color-accent-900);--color-accent-subtle-hover: var(--color-accent-800);--color-bg-canvas: var(--color-neutral-950);--color-bg-surface: var(--color-neutral-800);--color-bg-surface-raised: var(--color-neutral-700);--color-bg-sunken: var(--color-neutral-950);--color-bg-overlay: hsl(from var(--color-black) h s l / 0.60);--color-bg-disabled: var(--color-neutral-800);--color-bg-hard: var(--color-primary-950);--color-bg-highlight: var(--color-blue-900);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-lighten: var(--color-neutral-0);--color-text-muted: var(--color-neutral-300);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-950);--color-text-link: var(--color-primary-400);--color-text-link-hover: var(--color-primary-300);--color-text-on-brand: var(--color-neutral-950);--color-text-on-accent: var(--color-neutral-950);--color-placeholder: var(--color-neutral-500);--color-border-default: var(--color-neutral-700);--color-border-strong: var(--color-neutral-600);--color-border-subtle: var(--color-neutral-800);--color-border-brand: var(--color-primary-400);--color-border-focus: var(--color-primary-400);--color-border-divider: var(--color-neutral-700);--color-success: var(--color-green-400);--color-success-bg: var(--color-green-500);--color-success-subtle: var(--color-green-800);--color-success-active: var(--color-green-600);--color-success-hover: var(--color-green-300);--color-success-border: var(--color-green-700);--color-success-text: var(--color-green-100);--color-warning: var(--color-orange-400);--color-warning-bg: var(--color-orange-500);--color-warning-subtle: var(--color-orange-800);--color-warning-active: var(--color-orange-600);--color-warning-hover: var(--color-orange-300);--color-warning-border: var(--color-orange-700);--color-warning-text: var(--color-orange-100);--color-danger: var(--color-red-400);--color-danger-bg: var(--color-red-500);--color-danger-subtle: var(--color-red-800);--color-danger-active: var(--color-red-600);--color-danger-hover: var(--color-red-300);--color-danger-border: var(--color-red-700);--color-danger-text: var(--color-red-100);--color-info: var(--color-blue-400);--color-info-bg: var(--color-blue-500);--color-info-subtle: var(--color-blue-800);--color-info-active: var(--color-blue-600);--color-info-hover: var(--color-blue-300);--color-info-border: var(--color-blue-700);--color-info-text: var(--color-blue-100);--color-focus-ring: var(--color-blue-400);--color-selection-bg: var(--color-primary-800);--color-selection-text: var(--color-neutral-50);--color-code-bg: var(--color-neutral-900);--color-code-border: var(--color-neutral-700);--chart-1: var(--color-blue-400);--chart-2: var(--color-accent-400);--chart-3: var(--color-orange-400);--chart-4: var(--color-green-400);--chart-5: var(--color-primary-300);--chart-6: var(--color-grey-400);--shadow-color: var(--color-black);--shadow-xs: 0 1px 2px hsl(from var(--shadow-color) h s l / 0.30);--shadow-sm: 0 1px 3px hsl(from var(--shadow-color) h s l / 0.36), 0 1px 2px hsl(from var(--shadow-color) h s l / 0.24);--shadow-md: 0 4px 8px hsl(from var(--shadow-color) h s l / 0.40), 0 2px 4px hsl(from var(--shadow-color) h s l / 0.28);--shadow-lg: 0 12px 24px hsl(from var(--shadow-color) h s l / 0.45), 0 4px 8px hsl(from var(--shadow-color) h s l / 0.32);--shadow-xl: 0 24px 48px hsl(from var(--shadow-color) h s l / 0.55), 0 8px 16px hsl(from var(--shadow-color) h s l / 0.40)}@media(prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}html{height:100%;min-height:100%;font-size:100%;margin:0}body{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.heading-1,h2,.heading-2,h3,.heading-3,h4,.heading-4,h5,.heading-5,h6,.heading-6{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-typography);margin-bottom:var(--space-4)}h1,.heading-1{font-size:var(--font-size-4xl)}h2,.heading-2{font-size:var(--font-size-3xl)}h3,.heading-3{font-size:var(--font-size-2xl)}h4,.heading-4{font-size:var(--font-size-xl)}h5,.heading-5{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2)}h6,.heading-6{font-size:var(--font-size-sm);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--color-typography-muted);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2)}p{margin-top:0;margin-bottom:var(--space-4)}a:not([class]){color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}a:not([class]):hover{color:var(--color-text-link-hover);text-decoration-color:var(--color-transparent)}a:not([class]):focus-visible{color:var(--color-text-link-hover);text-decoration-color:var(--color-transparent);outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}ul,ol{margin-top:0;margin-bottom:var(--space-4);padding:0;list-style-position:inside}ul.unformatted,ol.unformatted{padding:0;margin:0;list-style:none}ul.unformatted>li,ol.unformatted>li{margin-bottom:0}li{margin-bottom:var(--space-2);padding-left:1ch}li::marker{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}blockquote{margin:var(--space-8) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-accent);background-color:var(--color-bg-surface);font-style:italic;font-family:var(--font-family-secondary);font-size:var(--font-size-lg)}hgroup{margin-bottom:var(--space-6)}hgroup h1,hgroup h2,hgroup h3{margin:0 0 var(--space-1) 0}hgroup p,hgroup span{display:block;margin:0;color:var(--color-text-muted);font-size:var(--font-size-lg)}code,kbd,pre,.code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-grey-100);border-radius:var(--radius-sm);padding:.2em .4em}.text-code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}kbd{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);box-shadow:var(--shadow-hard-sm);cursor:default;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-width:1ch;display:inline-block;text-align:center;text-box:trim-both cap alphabetic;text-transform:uppercase;padding:var(--space-2) var(--space-3)}kbd:hover{box-shadow:var(--shadow-md)}.font-mono{font-family:var(--font-family-mono)}.font-secondary{font-family:var(--font-family-secondary)}.font-primary{font-family:var(--font-family-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-lead{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.text-small{font-size:var(--font-size-sm)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.typography-overline{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);margin:var(--space-8) 0 var(--space-4)}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.fs-xxs{font-size:var(--font-size-xxs);line-height:1}.fs-xs{font-size:var(--font-size-xs);line-height:1}.fs-sm{font-size:var(--font-size-sm)}.fs-md,.fs-normal{font-size:var(--font-size-base)}.fs-lg{font-size:var(--font-size-lg)}.fs-xl{font-size:var(--font-size-xl)}.fs-2xl{font-size:var(--font-size-2xl)}.fs-3xl{font-size:var(--font-size-3xl)}.fs-4xl{font-size:var(--font-size-4xl)}.fs-5xl{font-size:var(--font-size-5xl)}.fw-light{font-weight:var(--font-weight-light)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.sr-only{clip:rect(0, 0, 0, 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.no-margin{margin-top:0;margin-bottom:0}.hstart{margin-top:0}.neutral-50{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.neutral-100{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.neutral-200{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.neutral-300{background-color:var(--color-neutral-300);color:var(--color-neutral-900)}.neutral-400{background-color:var(--color-neutral-400);color:var(--color-neutral-900)}.neutral-500{background-color:var(--color-neutral-500);color:var(--color-neutral-100)}.neutral-600{background-color:var(--color-neutral-600);color:var(--color-neutral-100)}.neutral-700{background-color:var(--color-neutral-700);color:var(--color-neutral-100)}.neutral-800{background-color:var(--color-neutral-800);color:var(--color-neutral-100)}.neutral-900{background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.neutral-950{background-color:var(--color-neutral-950);color:var(--color-neutral-100)}.primary-50{background-color:var(--color-primary-50);color:var(--color-primary-900)}.primary-100{background-color:var(--color-primary-100);color:var(--color-primary-900)}.primary-200{background-color:var(--color-primary-200);color:var(--color-primary-900)}.primary-300{background-color:var(--color-primary-300);color:var(--color-primary-900)}.primary-400{background-color:var(--color-primary-400);color:var(--color-primary-900)}.primary-500{background-color:var(--color-primary-500);color:var(--color-primary-100)}.primary-600{background-color:var(--color-primary-600);color:var(--color-primary-100)}.primary-700{background-color:var(--color-primary-700);color:var(--color-primary-100)}.primary-800{background-color:var(--color-primary-800);color:var(--color-primary-100)}.primary-900{background-color:var(--color-primary-900);color:var(--color-primary-100)}.primary-950{background-color:var(--color-primary-950);color:var(--color-primary-100)}.accent-50{background-color:var(--color-accent-50);color:var(--color-accent-900)}.accent-100{background-color:var(--color-accent-100);color:var(--color-accent-900)}.accent-200{background-color:var(--color-accent-200);color:var(--color-accent-900)}.accent-300{background-color:var(--color-accent-300);color:var(--color-accent-900)}.accent-400{background-color:var(--color-accent-400);color:var(--color-accent-900)}.accent-500{background-color:var(--color-accent-500);color:var(--color-accent-100)}.accent-600{background-color:var(--color-accent-600);color:var(--color-accent-100)}.accent-700{background-color:var(--color-accent-700);color:var(--color-accent-100)}.accent-800{background-color:var(--color-accent-800);color:var(--color-accent-100)}.accent-900{background-color:var(--color-accent-900);color:var(--color-accent-100)}.accent-950{background-color:var(--color-accent-950);color:var(--color-accent-100)}.grey-50{background-color:var(--color-grey-50);color:var(--color-grey-900)}.grey-100{background-color:var(--color-grey-100);color:var(--color-grey-900)}.grey-200{background-color:var(--color-grey-200);color:var(--color-grey-900)}.grey-300{background-color:var(--color-grey-300);color:var(--color-grey-900)}.grey-400{background-color:var(--color-grey-400);color:var(--color-grey-900)}.grey-500{background-color:var(--color-grey-500);color:var(--color-grey-100)}.grey-600{background-color:var(--color-grey-600);color:var(--color-grey-100)}.grey-700{background-color:var(--color-grey-700);color:var(--color-grey-100)}.grey-800{background-color:var(--color-grey-800);color:var(--color-grey-100)}.grey-900{background-color:var(--color-grey-900);color:var(--color-grey-100)}.grey-950{background-color:var(--color-grey-950);color:var(--color-grey-100)}.green-50{background-color:var(--color-green-50);color:var(--color-green-900)}.green-100{background-color:var(--color-green-100);color:var(--color-green-900)}.green-200{background-color:var(--color-green-200);color:var(--color-green-900)}.green-300{background-color:var(--color-green-300);color:var(--color-green-900)}.green-400{background-color:var(--color-green-400);color:var(--color-green-900)}.green-500{background-color:var(--color-green-500);color:var(--color-green-900)}.green-600{background-color:var(--color-green-600);color:var(--color-green-100)}.green-700{background-color:var(--color-green-700);color:var(--color-green-100)}.green-800{background-color:var(--color-green-800);color:var(--color-green-100)}.green-900{background-color:var(--color-green-900);color:var(--color-green-100)}.green-950{background-color:var(--color-green-950);color:var(--color-green-100)}.red-50{background-color:var(--color-red-50);color:var(--color-red-900)}.red-100{background-color:var(--color-red-100);color:var(--color-red-900)}.red-200{background-color:var(--color-red-200);color:var(--color-red-900)}.red-300{background-color:var(--color-red-300);color:var(--color-red-900)}.red-400{background-color:var(--color-red-400);color:var(--color-red-900)}.red-500{background-color:var(--color-red-500);color:var(--color-red-900)}.red-600{background-color:var(--color-red-600);color:var(--color-red-900)}.red-700{background-color:var(--color-red-700);color:var(--color-red-100)}.red-800{background-color:var(--color-red-800);color:var(--color-red-100)}.red-900{background-color:var(--color-red-900);color:var(--color-red-100)}.red-950{background-color:var(--color-red-950);color:var(--color-red-100)}.orange-50{background-color:var(--color-orange-50);color:var(--color-orange-900)}.orange-100{background-color:var(--color-orange-100);color:var(--color-orange-900)}.orange-200{background-color:var(--color-orange-200);color:var(--color-orange-900)}.orange-300{background-color:var(--color-orange-300);color:var(--color-orange-900)}.orange-400{background-color:var(--color-orange-400);color:var(--color-orange-900)}.orange-500{background-color:var(--color-orange-500);color:var(--color-orange-900)}.orange-600{background-color:var(--color-orange-600);color:var(--color-orange-100)}.orange-700{background-color:var(--color-orange-700);color:var(--color-orange-100)}.orange-800{background-color:var(--color-orange-800);color:var(--color-orange-100)}.orange-900{background-color:var(--color-orange-900);color:var(--color-orange-100)}.orange-950{background-color:var(--color-orange-950);color:var(--color-orange-100)}.blue-50{background-color:var(--color-blue-50);color:var(--color-blue-900)}.blue-100{background-color:var(--color-blue-100);color:var(--color-blue-900)}.blue-200{background-color:var(--color-blue-200);color:var(--color-blue-900)}.blue-300{background-color:var(--color-blue-300);color:var(--color-blue-900)}.blue-400{background-color:var(--color-blue-400);color:var(--color-blue-900)}.blue-500{background-color:var(--color-blue-500);color:var(--color-blue-900)}.blue-600{background-color:var(--color-blue-600);color:var(--color-blue-100)}.blue-700{background-color:var(--color-blue-700);color:var(--color-blue-100)}.blue-800{background-color:var(--color-blue-800);color:var(--color-blue-100)}.blue-900{background-color:var(--color-blue-900);color:var(--color-blue-100)}.blue-950{background-color:var(--color-blue-950);color:var(--color-blue-100)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-primary-950{background-color:var(--color-primary-950)}.bg-accent-50{background-color:var(--color-accent-50)}.bg-accent-100{background-color:var(--color-accent-100)}.bg-accent-200{background-color:var(--color-accent-200)}.bg-accent-300{background-color:var(--color-accent-300)}.bg-accent-400{background-color:var(--color-accent-400)}.bg-accent-500{background-color:var(--color-accent-500)}.bg-accent-600{background-color:var(--color-accent-600)}.bg-accent-700{background-color:var(--color-accent-700)}.bg-accent-800{background-color:var(--color-accent-800)}.bg-accent-900{background-color:var(--color-accent-900)}.bg-accent-950{background-color:var(--color-accent-950)}.bg-grey-50{background-color:var(--color-grey-50)}.bg-grey-100{background-color:var(--color-grey-100)}.bg-grey-200{background-color:var(--color-grey-200)}.bg-grey-300{background-color:var(--color-grey-300)}.bg-grey-400{background-color:var(--color-grey-400)}.bg-grey-500{background-color:var(--color-grey-500)}.bg-grey-600{background-color:var(--color-grey-600)}.bg-grey-700{background-color:var(--color-grey-700)}.bg-grey-800{background-color:var(--color-grey-800)}.bg-grey-900{background-color:var(--color-grey-900)}.bg-grey-950{background-color:var(--color-grey-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-green-950{background-color:var(--color-green-950)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950{background-color:var(--color-red-950)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-orange-950{background-color:var(--color-orange-950)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-blue-950{background-color:var(--color-blue-950)}.text-neutral-50{color:var(--color-neutral-50)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-primary-800{color:var(--color-primary-800)}.text-primary-900{color:var(--color-primary-900)}.text-primary-950{color:var(--color-primary-950)}.text-accent-50{color:var(--color-accent-50)}.text-accent-100{color:var(--color-accent-100)}.text-accent-200{color:var(--color-accent-200)}.text-accent-300{color:var(--color-accent-300)}.text-accent-400{color:var(--color-accent-400)}.text-accent-500{color:var(--color-accent-500)}.text-accent-600{color:var(--color-accent-600)}.text-accent-700{color:var(--color-accent-700)}.text-accent-800{color:var(--color-accent-800)}.text-accent-900{color:var(--color-accent-900)}.text-accent-950{color:var(--color-accent-950)}.text-grey-50{color:var(--color-grey-50)}.text-grey-100{color:var(--color-grey-100)}.text-grey-200{color:var(--color-grey-200)}.text-grey-300{color:var(--color-grey-300)}.text-grey-400{color:var(--color-grey-400)}.text-grey-500{color:var(--color-grey-500)}.text-grey-600{color:var(--color-grey-600)}.text-grey-700{color:var(--color-grey-700)}.text-grey-800{color:var(--color-grey-800)}.text-grey-900{color:var(--color-grey-900)}.text-grey-950{color:var(--color-grey-950)}.text-green-50{color:var(--color-green-50)}.text-green-100{color:var(--color-green-100)}.text-green-200{color:var(--color-green-200)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-green-950{color:var(--color-green-950)}.text-red-50{color:var(--color-red-50)}.text-red-100{color:var(--color-red-100)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-red-950{color:var(--color-red-950)}.text-orange-50{color:var(--color-orange-50)}.text-orange-100{color:var(--color-orange-100)}.text-orange-200{color:var(--color-orange-200)}.text-orange-300{color:var(--color-orange-300)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-orange-950{color:var(--color-orange-950)}.text-blue-50{color:var(--color-blue-50)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-blue-950{color:var(--color-blue-950)}.flex{--_gap: var(--gutter-size-normal, 24px);display:flex;column-gap:var(--_gap);flex-wrap:wrap}.flex--row{flex-direction:column;row-gap:var(--_gap)}.flex--row>*{flex-grow:0}.flex.equal-columns>.column,.flex>.flex-grow{flex-grow:1;flex-basis:0}.flex .w20,.flex .w30,.flex .w40,.flex .w50,.flex .w60,.flex .w70,.flex .w80{flex-grow:0;flex-shrink:1}.flex .w20{flex-basis:20%}.flex .w30{flex-basis:30%}.flex .w40{flex-basis:40%}.flex .w50{flex-basis:50%}.flex .w60{flex-basis:60%}.flex .w70{flex-basis:70%}.flex .w80{flex-basis:80%}.flex.no-wrap{flex-wrap:nowrap}.flex.align-right{justify-content:flex-end}.flex.align-left{justify-content:flex-start}.flex.align-between{justify-content:space-between}.flex.align-center{justify-content:center}.flex.align-around{justify-content:space-around}.flex.align-even{justify-content:space-evenly}.flex.valign-top{align-items:flex-start}.flex.valign-bottom{align-items:flex-end}.flex.valign-center{align-items:center}.is-first{order:-1}@media screen and (min-width: 568px){.is-first-xs{order:-1}}@media screen and (min-width: 768px){.is-first-sm{order:-1}}@media screen and (min-width: 1024px){.is-first-md{order:-1}}@media screen and (min-width: 1280px){.is-first-lg{order:-1}}@media screen and (min-width: 1600px){.is-first-xl{order:-1}}.container{width:var(--container-normal);max-width:calc(100% - var(--gutter-size-normal, 24px)*2)}.container--size-xs{width:var(--container-xsmall)}.container--size-sm{width:var(--container-medium)}.container--size-lg{width:var(--container-large)}.container--center{margin:0 auto}.layout-container{--_size: var(--container-normal);--_gutter: var(--gutter-size-normal, 24px);display:grid;grid-template-columns:1fr min(100% - var(--_gutter)*2,var(--_size)) 1fr;row-gap:var(--_layout-gap, 0)}.layout-container--size-xs{--_size: var(--container-xsmall);--_gutter: var(--gutter-size-narrow, 16px)}.layout-container--size-sm{--_size: var(--container-small);--_gutter: var(--gutter-size-narrow, 16px)}.layout-container--size-lg{--_size: var(--container-large)}.layout-container>*{grid-column:2}.layout-container .stretch{grid-column:1/-1}.layout{display:flex;flex-direction:column;gap:var(--gutter-size-normal);margin-bottom:var(--gutter-size-normal);padding-inline:var(--gutter-size-normal)}@media only screen and (min-width: 768px){.layout{padding-inline:0}}.textcontent-large{width:min(100%,145ch)}.textcontent-medium{width:min(100%,100ch)}.textcontent-small{width:min(100%,45ch)}.grid{--_gap: 0;display:grid;column-gap:var(--_gap, 20px);row-gap:calc(var(--_gap, 20px)/2);grid-template-columns:[start] 1fr [col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [col5] 1fr [col6] 1fr [col7] 1fr [col8] 1fr [col9] 1fr [col10] 1fr [col11] 1fr [end]}@media only screen and (min-width: 768px){.grid{--_gap: var(--gutter-size-normal, 20px)}}.grid>.span-1{grid-column:auto/span 1}.grid>.span-2{grid-column:auto/span 2}.grid>.span-3{grid-column:auto/span 3}.grid>.span-4{grid-column:auto/span 4}.grid>.span-5{grid-column:auto/span 5}.grid>.span-6{grid-column:auto/span 6}.grid>.span-7{grid-column:auto/span 7}.grid>.span-8{grid-column:auto/span 8}.grid>.span-9{grid-column:auto/span 9}.grid>.span-10{grid-column:auto/span 10}.grid>.span-11{grid-column:auto/span 11}.grid>.span-12{grid-column:auto/span 12}.grid>.span-12{grid-column:auto/span 12}@media screen and (min-width: 568px){.grid>.xs\:span-1{grid-column:auto/span 1}.grid>.xs\:span-2{grid-column:auto/span 2}.grid>.xs\:span-3{grid-column:auto/span 3}.grid>.xs\:span-4{grid-column:auto/span 4}.grid>.xs\:span-5{grid-column:auto/span 5}.grid>.xs\:span-6{grid-column:auto/span 6}.grid>.xs\:span-7{grid-column:auto/span 7}.grid>.xs\:span-8{grid-column:auto/span 8}.grid>.xs\:span-9{grid-column:auto/span 9}.grid>.xs\:span-10{grid-column:auto/span 10}.grid>.xs\:span-11{grid-column:auto/span 11}.grid>.xs\:span-12{grid-column:auto/span 12}.grid>.xs\:span-12{grid-column:auto/span 12}.grid .xs\:first{order:-1}}@media screen and (min-width: 768px){.grid>.sm\:span-1{grid-column:auto/span 1}.grid>.sm\:span-2{grid-column:auto/span 2}.grid>.sm\:span-3{grid-column:auto/span 3}.grid>.sm\:span-4{grid-column:auto/span 4}.grid>.sm\:span-5{grid-column:auto/span 5}.grid>.sm\:span-6{grid-column:auto/span 6}.grid>.sm\:span-7{grid-column:auto/span 7}.grid>.sm\:span-8{grid-column:auto/span 8}.grid>.sm\:span-9{grid-column:auto/span 9}.grid>.sm\:span-10{grid-column:auto/span 10}.grid>.sm\:span-11{grid-column:auto/span 11}.grid>.sm\:span-12{grid-column:auto/span 12}.grid>.sm\:span-12{grid-column:auto/span 12}.grid .sm\:first{order:-1}}@media screen and (min-width: 1024px){.grid>.md\:span-1{grid-column:auto/span 1}.grid>.md\:span-2{grid-column:auto/span 2}.grid>.md\:span-3{grid-column:auto/span 3}.grid>.md\:span-4{grid-column:auto/span 4}.grid>.md\:span-5{grid-column:auto/span 5}.grid>.md\:span-6{grid-column:auto/span 6}.grid>.md\:span-7{grid-column:auto/span 7}.grid>.md\:span-8{grid-column:auto/span 8}.grid>.md\:span-9{grid-column:auto/span 9}.grid>.md\:span-10{grid-column:auto/span 10}.grid>.md\:span-11{grid-column:auto/span 11}.grid>.md\:span-12{grid-column:auto/span 12}.grid>.md\:span-12{grid-column:auto/span 12}.grid .md\:first{order:-1}}@media screen and (min-width: 1280px){.grid>.lg\:span-1{grid-column:auto/span 1}.grid>.lg\:span-2{grid-column:auto/span 2}.grid>.lg\:span-3{grid-column:auto/span 3}.grid>.lg\:span-4{grid-column:auto/span 4}.grid>.lg\:span-5{grid-column:auto/span 5}.grid>.lg\:span-6{grid-column:auto/span 6}.grid>.lg\:span-7{grid-column:auto/span 7}.grid>.lg\:span-8{grid-column:auto/span 8}.grid>.lg\:span-9{grid-column:auto/span 9}.grid>.lg\:span-10{grid-column:auto/span 10}.grid>.lg\:span-11{grid-column:auto/span 11}.grid>.lg\:span-12{grid-column:auto/span 12}.grid>.lg\:span-12{grid-column:auto/span 12}.grid .lg\:first{order:-1}}@media screen and (min-width: 1600px){.grid>.xl\:span-1{grid-column:auto/span 1}.grid>.xl\:span-2{grid-column:auto/span 2}.grid>.xl\:span-3{grid-column:auto/span 3}.grid>.xl\:span-4{grid-column:auto/span 4}.grid>.xl\:span-5{grid-column:auto/span 5}.grid>.xl\:span-6{grid-column:auto/span 6}.grid>.xl\:span-7{grid-column:auto/span 7}.grid>.xl\:span-8{grid-column:auto/span 8}.grid>.xl\:span-9{grid-column:auto/span 9}.grid>.xl\:span-10{grid-column:auto/span 10}.grid>.xl\:span-11{grid-column:auto/span 11}.grid>.xl\:span-12{grid-column:auto/span 12}.grid>.xl\:span-12{grid-column:auto/span 12}.grid .xl\:first{order:-1}}.grid .valign-center{align-self:center}.grid .valign-bottom{align-self:self-end}.grid--collapsed{row-gap:0}.grid__single{grid-template-columns:repeat(1, 1fr)}.grid__half{grid-template-columns:repeat(2, 1fr)}.grid__three{grid-template-columns:repeat(3, 1fr)}.grid__four{grid-template-columns:repeat(4, 1fr)}.grid__eight_four>div:first-child{grid-column-start:start;grid-column-end:col8}.grid__eight_four>div:last-child{grid-column-start:col8;grid-column-end:end}.grid__four_eight>div:first-child{grid-column-start:start;grid-column-end:col4}.grid__four_eight>div:last-child{grid-column-start:col4;grid-column-end:end}input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=month],input[type=time],input[type=datetime],input[type=datetime-local],input[type=week],input[type=number],input[type=search],input[type=tel],input[type=color],select,textarea{--_background: var(--input-background, #fff);--_color: var(--input-text-color, #000);--_padding: var(--input-padding, 12px);--_size: var(--input-size-normal, 44px);--_normal: var(--input-color-normal, #333);--_hover: var(--input-color-hover);--_focus: var(--input-color-focus);--_active: var(--input-color-active);--_state: var(--_normal);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-kerning:none;position:relative;display:flex;align-items:center;box-sizing:border-box;block-size:var(--_size);padding-inline:var(--input-padding);padding-block:0;background-color:var(--_background);color:var(--_color);border:var(--input-border-width, 1px) solid var(--_state);border-radius:var(--input-radius);box-shadow:inset var(--_state) 0px 0px 0px 0px;transition:border-color .1s ease-in,box-shadow .1s ease-in}input[type=text][disabled],input[type=password][disabled],input[type=email][disabled],input[type=url][disabled],input[type=date][disabled],input[type=month][disabled],input[type=time][disabled],input[type=datetime][disabled],input[type=datetime-local][disabled],input[type=week][disabled],input[type=number][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=color][disabled],select[disabled],textarea[disabled]{--_state: var(--input-color-disabled);background-color:var(--input-background-disabled);color:var(--input-color-disabled);cursor:not-allowed}input[type=text][aria-invalid=true],input[type=password][aria-invalid=true],input[type=email][aria-invalid=true],input[type=url][aria-invalid=true],input[type=date][aria-invalid=true],input[type=month][aria-invalid=true],input[type=time][aria-invalid=true],input[type=datetime][aria-invalid=true],input[type=datetime-local][aria-invalid=true],input[type=week][aria-invalid=true],input[type=number][aria-invalid=true],input[type=search][aria-invalid=true],input[type=tel][aria-invalid=true],input[type=color][aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--_normal: var(--color-red-400);--_hover: var(--color-red-500);--_focus: var(--color-red-500);--_active: var(--color-red-200);--_color: var(--color-danger-text)}input[type=text]:not(:disabled):hover,input[type=password]:not(:disabled):hover,input[type=email]:not(:disabled):hover,input[type=url]:not(:disabled):hover,input[type=date]:not(:disabled):hover,input[type=month]:not(:disabled):hover,input[type=time]:not(:disabled):hover,input[type=datetime]:not(:disabled):hover,input[type=datetime-local]:not(:disabled):hover,input[type=week]:not(:disabled):hover,input[type=number]:not(:disabled):hover,input[type=search]:not(:disabled):hover,input[type=tel]:not(:disabled):hover,input[type=color]:not(:disabled):hover,select:not(:disabled):hover,textarea:not(:disabled):hover{--_state: var(--_hover)}input[type=text]:not(:disabled):focus,input[type=text]:not(:disabled):focus-visible,input[type=password]:not(:disabled):focus,input[type=password]:not(:disabled):focus-visible,input[type=email]:not(:disabled):focus,input[type=email]:not(:disabled):focus-visible,input[type=url]:not(:disabled):focus,input[type=url]:not(:disabled):focus-visible,input[type=date]:not(:disabled):focus,input[type=date]:not(:disabled):focus-visible,input[type=month]:not(:disabled):focus,input[type=month]:not(:disabled):focus-visible,input[type=time]:not(:disabled):focus,input[type=time]:not(:disabled):focus-visible,input[type=datetime]:not(:disabled):focus,input[type=datetime]:not(:disabled):focus-visible,input[type=datetime-local]:not(:disabled):focus,input[type=datetime-local]:not(:disabled):focus-visible,input[type=week]:not(:disabled):focus,input[type=week]:not(:disabled):focus-visible,input[type=number]:not(:disabled):focus,input[type=number]:not(:disabled):focus-visible,input[type=search]:not(:disabled):focus,input[type=search]:not(:disabled):focus-visible,input[type=tel]:not(:disabled):focus,input[type=tel]:not(:disabled):focus-visible,input[type=color]:not(:disabled):focus,input[type=color]:not(:disabled):focus-visible,select:not(:disabled):focus,select:not(:disabled):focus-visible,textarea:not(:disabled):focus,textarea:not(:disabled):focus-visible{--_state: var(--_focus);outline:none;box-shadow:inset var(--_state) 0px 0px 0px 0px,0 0 0px 2px var(--_active)}input[type=text].input-small,input[type=password].input-small,input[type=email].input-small,input[type=url].input-small,input[type=date].input-small,input[type=month].input-small,input[type=time].input-small,input[type=datetime].input-small,input[type=datetime-local].input-small,input[type=week].input-small,input[type=number].input-small,input[type=search].input-small,input[type=tel].input-small,input[type=color].input-small,select.input-small,textarea.input-small{--_size: var(--input-size-small);font-size:var(--font-size-sm, 0.875rem)}input[type=text].input-large,input[type=password].input-large,input[type=email].input-large,input[type=url].input-large,input[type=date].input-large,input[type=month].input-large,input[type=time].input-large,input[type=datetime].input-large,input[type=datetime-local].input-large,input[type=week].input-large,input[type=number].input-large,input[type=search].input-large,input[type=tel].input-large,input[type=color].input-large,select.input-large,textarea.input-large{--_size: var(--input-size-large);font-size:var(--font-size-lg, 1.125rem)}textarea{padding:var(--input-padding);max-height:var(--space-32);field-sizing:content;line-height:inherit;block-size:auto;scrollbar-width:thin}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:var(--space-5);cursor:pointer}input[type=checkbox]:not(.toggle-button *){--checkbox-size: var(--control-size-sm);--checkbox-border-color: var(--color-border-default);--checkbox-background: var(--color-bg-surface);--checkbox-active: var(--color-primary);--checkbox-active-inner: var(--color-white);--checkbox-hover-border: var(--color-border-strong);--checkbox-focus: var(--focus-ring-width, 2px) var(--color-focus-ring);--checkbox-radius: 20deg;--checkmark-width: 6px;--checkmark-height: 12px;--checkmark-thickness: 2px;-webkit-appearance:none;-moz-appearance:none;height:var(--checkbox-size);width:var(--checkbox-size);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:var(--input-border-width, 1px) solid var(--current-border-color, var(--checkbox-border-color));background:var(--current-background, var(--checkbox-background));transition:background 150ms,border-color 150ms,box-shadow 100ms;border-radius:var(--space-1)}input[type=checkbox]:not(.toggle-button *):after{content:"";display:block;left:calc(var(--checkbox-size)/2 - var(--checkmark-width)/2 - var(--checkmark-thickness)/2);top:calc(var(--checkbox-size)/2 - (var(--checkmark-height) + var(--checkmark-thickness))/2 - var(--checkmark-thickness)/2);position:absolute;width:var(--checkmark-width);height:var(--checkmark-height);border:var(--checkmark-thickness) solid var(--checkbox-active-inner);border-top:0;border-left:0;opacity:0;transform:rotate(var(--current-radius, var(--checkbox-radius)));transition:transform var(--current-animation-time, 0.3s) var(--current-animation-type, ease),opacity var(--current-opacity, 0.2s)}input[type=checkbox]:not(.toggle-button *):checked{--current-background: var(--checkbox-active);--current-border-color: var(--checkbox-active);--current-opacity: .3s;--current-animation-time: .6s;--current-animation-type: cubic-bezier(.2, .85, .32, 1.2);--current-radius: 43deg}input[type=checkbox]:not(.toggle-button *):checked:after{opacity:1}input[type=checkbox]:not(.toggle-button *):disabled{--current-background: var(--input-background-disabled);--checkbox-active-inner: var(--input-background-disabled);cursor:not-allowed;opacity:.9}input[type=checkbox]:not(.toggle-button *):disabled:checked{--current-background: var(--input-background-disabled);--current-border-color: var(--color-grey);--checkbox-active-inner: var(--color-grey)}input[type=checkbox]:not(.toggle-button *):disabled+label{cursor:not-allowed;color:var(--input-color-disabled)}input[type=checkbox]:not(.toggle-button *):hover:not(:checked):not(:disabled){--current-border-color: var(--checkbox-hover-border)}input[type=checkbox]:not(.toggle-button *):focus{box-shadow:0 0 0 var(--checkbox-focus)}input[type=checkbox]:not(.toggle-button *)+span{display:inline-block;vertical-align:middle;cursor:pointer;margin-left:var(--space-2);font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary)}input[type=radio]{--radio-size: var(--control-size-sm);--radio-ring: inset 0 0 0 var(--input-border-width, 1px) var(--color-border-default);--radio-hover-ring: inset 0 0 0 var(--input-border-width, 1px) var(--color-border-strong);--radio-focus: 0 0 0 var(--focus-ring-width, 2px) var(--color-focus-ring);vertical-align:middle;width:var(--radio-size);height:var(--radio-size);border-radius:50%;background:var(--color-bg-surface);border:0;box-shadow:var(--radio-ring);appearance:none;padding:0;margin:0;transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);cursor:pointer}input[type=radio]+span{display:inline-block;vertical-align:middle;cursor:pointer;margin-left:var(--space-2);font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary)}input[type=radio]:focus{outline:none}input[type=radio]:focus-visible{box-shadow:var(--radio-ring),var(--radio-focus)}input[type=radio]:checked{--radio-ring: inset 0 0 0 6px var(--color-primary)}input[type=radio]:hover:not(:checked):not(:disabled){--radio-ring: var(--radio-hover-ring)}input[type=radio]:hover,input[type=radio]:focus-within{background:var(--color-bg-sunken)}input[type=radio]:disabled,input[type=radio] [aria-disabled=true]{background-color:var(--input-background-disabled);cursor:not-allowed}input[type=radio]:disabled:checked,input[type=radio] [aria-disabled=true]:checked{--radio-ring: inset 0 0 0 6px var(--input-color-disabled)}input[type=radio]:disabled+span,input[type=radio] [aria-disabled=true]+span{cursor:not-allowed;color:var(--input-color-disabled)}.button{--_bg: var(--color-neutral-50);--_text: var(--color-neutral-900);--_border: var(--color-neutral-300);--_hover-bg: var(--color-neutral-100);--_hover-text: var(--color-neutral-900);--_hover-border: var(--color-neutral-300);--_active-bg: var(--color-neutral-100);--_active-text: var(--color-neutral-900);--_active-border: var(--color-neutral-300);--_tint: var(--color-neutral-50);--_tint-dark: var(--color-neutral-100);--_tint-text: var(--color-neutral-700);--_tint-outline: var(--color-neutral);--_icon-color: var(--color-neutral-900);--_icon-hover: var(--color-neutral-700);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:1;text-decoration:none;color:var(--_text);display:inline-flex;align-items:center;column-gap:var(--button-gap);box-sizing:border-box;padding-block:0;padding-inline:var(--button-padding);block-size:var(--button-size);inline-size:fit-content;min-width:fit-content;background-color:var(--_bg);border:var(--button-border-width) solid var(--_border);border-radius:var(--button-radius);user-select:none;cursor:pointer;vertical-align:middle;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,transform .1s ease-in}.button:not(:disabled):hover{background-color:var(--_hover-bg);border-color:var(--_hover-border);color:var(--_hover-text)}.button:not(:disabled):active{background-color:var(--_active-bg);border-color:var(--_active-border);color:var(--_active-text);transform:scale(0.982) perspective(1000px) translateZ(0)}.button:focus-visible,.button:focus{outline-color:var(--outline-color);outline-offset:var(--outline-offset)}.button:disabled,.button[aria-disabled=true]{background-color:var(--input-background-disabled);color:var(--input-color-disabled);border:none;cursor:not-allowed}.button--small{--button-size: var(--input-size-small);--button-padding: var(--space-4);font-size:var(--font-size-sm)}.button--large{--button-size: var(--input-size-large);--button-padding: var(--space-10);font-size:var(--font-size-xl)}.button--xlarge{--button-size: var(--space-20);--button-padding: var(--space-16);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.button--fill{width:100%;padding-inline:0;display:block}.button--pill{border-radius:var(--radius-round)}.button--circle{border-radius:var(--radius-round);padding:0;min-width:max-content;min-height:auto;aspect-ratio:1/1;overflow:clip;text-wrap-mode:nowrap}.button--circle.button--small{max-height:var(--input-size-small);max-width:var(--input-size-small)}.button--circle.button--normal{max-height:var(--input-size-normal);max-width:var(--input-size-normal)}.button--circle.button--large{max-height:var(--input-size-large);max-width:var(--input-size-large)}.button--icon{aspect-ratio:1/1;justify-content:center;padding-inline:0;height:var(--input-size-normal);font-size:var(--font-size-xl);color:var(--_icon-color, var(--color-text-primary))}.button--icon:not(:disabled):hover,.button--icon:not(:disabled):active{color:var(--_icon-hover)}.button--icon.button--tiny{height:var(--space-6);font-size:var(--font-size-sm)}.button--icon.button--small{height:var(--space-8);font-size:var(--font-size-base)}.button--icon.button--large{height:var(--input-size-large)}.button--primary{--_bg: var(--color-primary);--_hover-bg: var(--color-primary-600);--_active-bg: var(--color-primary-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-primary-100);--_tint-dark: var(--color-primary-200);--_tint-text: var(--color-primary-700);--_tint-outline: var(--color-primary);--_icon-color: var(--color-primary);--_icon-hover: var(--color-primary-700)}.button--secondary{--_bg: var(--color-neutral-800);--_hover-bg: var(--color-neutral-900);--_active-bg: var(--color-neutral-700);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-neutral-100);--_tint-dark: var(--color-neutral-200);--_tint-text: var(--color-neutral-700);--_tint-outline: var(--color-neutral-800);--_icon-color: var(--color-neutral-800);--_icon-hover: var(--color-neutral-950)}.button--accent{--_bg: var(--color-accent);--_hover-bg: var(--color-accent-600);--_active-bg: var(--color-accent-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-accent-100);--_tint-dark: var(--color-accent-200);--_tint-text: var(--color-accent-700);--_tint-outline: var(--color-accent);--_icon-color: var(--color-accent);--_icon-hover: var(--color-accent-700)}.button--success{--_bg: var(--color-success);--_hover-bg: var(--color-green-600);--_active-bg: var(--color-green-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-green-100);--_tint-dark: var(--color-green-200);--_tint-text: var(--color-green-700);--_tint-outline: var(--color-success);--_icon-color: var(--color-success);--_icon-hover: var(--color-green-700)}.button--danger{--_bg: var(--color-danger);--_hover-bg: var(--color-danger-hover);--_active-bg: var(--color-red-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-red-100);--_tint-dark: var(--color-red-200);--_tint-text: var(--color-red-700);--_tint-outline: var(--color-danger);--_icon-color: var(--color-neutral-900);--_icon-hover: var(--color-red-700)}.button--warning{--_bg: var(--color-warning);--_hover-bg: var(--color-orange-600);--_active-bg: var(--color-orange-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-orange-100);--_tint-dark: var(--color-orange-200);--_tint-text: var(--color-orange-700);--_tint-outline: var(--color-warning);--_icon-color: var(--color-warning);--_icon-hover: var(--color-orange-700)}.button--info{--_bg: var(--color-info);--_hover-bg: var(--color-blue-600);--_active-bg: var(--color-blue-400);--_border: var(--color-transparent);--_hover-border: var(--color-transparent);--_active-border:var(--color-transparent);--_text: var(--color-white);--_hover-text: var(--color-white);--_active-text: var(--color-white);--_tint: var(--color-blue-100);--_tint-dark: var(--color-blue-200);--_tint-text: var(--color-blue-700);--_tint-outline: var(--color-info);--_icon-color: var(--color-info);--_icon-hover: var(--color-blue-700)}.button--outline,.button--silent,.button--icon{color:var(--_tint-text);background-color:var(--color-transparent);box-shadow:inset 0 0 0 var(--space-min) var(--_tint-outline);border:none}.button--outline:not(:disabled):hover,.button--outline:not(:disabled):active,.button--silent:not(:disabled):hover,.button--silent:not(:disabled):active,.button--icon:not(:disabled):hover,.button--icon:not(:disabled):active{background-color:var(--_tint);color:var(--_tint-text)}.button--silent,.button--icon{box-shadow:unset}.button--link{color:var(--_tint-outline);background-color:var(--color-transparent);border:none;box-shadow:unset;padding-inline:0;text-decoration:underline;text-underline-offset:2px}.button--link:not(:disabled):hover,.button--link:not(:disabled):active{background-color:var(--color-transparent);color:var(--_tint-text)}.toggle-button{--_on-bg: var(--color-primary);--_toggle-size: var(--control-size-lg);--_toggle-width: var(--space-12);display:inline-flex;align-items:center}.toggle-button label{margin:0 !important}.toggle-button input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0 var(--space-2, 8px) 0 0;border:none;outline:none;background-color:var(--color-border-strong);min-width:var(--_toggle-width);max-width:fit-content;height:var(--_toggle-size);border-radius:var(--space-1, 4px);cursor:pointer;position:relative;transition:background-color 1s;box-shadow:inset 0 1px 3px hsl(from var(--shadow-color) h s l/0.15)}.toggle-button input[type=checkbox]:focus-visible{outline:none;box-shadow:inset 0 1px 3px hsl(from var(--shadow-color) h s l/0.15),var(--focus-ring)}.toggle-button input[type=checkbox]:after{content:attr(data-off);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);left:var(--space-min, 2px);text-transform:uppercase;font-size:var(--font-size-xxs, 12px);color:var(--color-grey-400);width:50%;height:calc(100% - var(--space-1, 4px));font-weight:bold;background-color:var(--input-background);border:none;border-radius:var(--space-min, 2px);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.toggle-button input[type=checkbox]:before,.toggle-button input[type=checkbox]:checked:before{display:none}.toggle-button input[type=checkbox]:checked{background-color:var(--_on-bg)}.toggle-button input[type=checkbox]:checked:after{content:attr(data-on);left:calc(50% - var(--space-min, 2px))}.toggle-button--neutral{--_on-bg: var(--color-neutral)}.toggle-button--success{--_on-bg: var(--color-success)}.toggle-button--accent{--_on-bg: var(--color-accent)}.toggle-button--pill input[type=checkbox]:after,.toggle-button--pill input[type=checkbox]{border-radius:var(--radius-round)}.toggle-button--small{--_toggle-size: var(--control-size-md);--_toggle-width: var(--space-10)}[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer;block-size:var(--control-size-lg)}[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:var(--control-size-sm);border-radius:var(--radius-lg)}[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:var(--control-size-sm);border-radius:var(--radius-lg)}[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:var(--control-size-sm);border-radius:var(--radius-lg)}[type=range]:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}[type=range]::-ms-tooltip{display:none}.form-field{--_gap: var(--gutter-size-normal, 24px);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2, 12px);column-gap:var(--_gap);padding:0}.form-field--inline{flex-direction:row}.form-field--inline .form-field__label{width:24ch}.form-field--inline .form-field__label,.form-field--inline .form-field__control{width:100%}.form-field--inline .aligned--center .form-field__label{align-self:center}.form-field--inline .aligned--bottom .form-field__label{align-self:flex-end}.form-field .form-field__label{width:auto;margin-right:0;margin-bottom:var(--space-2);font-size:var(--font-size-sm, 1rem);color:var(--color-text-muted)}.form-field .form-field__control{flex:1 1 auto;width:100%}.form-field .form-field__control>input,.form-field .form-field__control>select,.form-field .form-field__control>textarea,.form-field .form-field__control>:not(input[type=checkbox]):not(input[type=radio]){width:stretch}.form-field .form-field__control>label{margin-right:var(--space-2, 8px)}.form-field .form-field__description{color:var(--color-text-tertiary);font-size:var(--font-size-sm, 0.85rem)}.form-field .form-field__description:last-of-type{margin-bottom:0}.form-field .form-field__errors{color:var(--color-danger, red);font-size:var(--font-size-sm, 0.85rem);margin-top:var(--space-1, 4px)}.form-field .form-field__errors>p,.form-field .form-field__errors>span{margin:0;font-size:var(--font-size-xs)}.form-field--with-error{--_field-color: var(--color-danger, red)}fieldset{border:none;margin:0;padding:0}.form-field__group{--_background: var(--input-background, #fff);--_color: var(--input-text-color, #000);--_padding: var(--input-padding, 12px);--_size: var(--input-size-normal, 44px);--_normal: var(--input-color-normal, #333);--_hover: var(--input-color-hover);--_focus: var(--input-color-focus);--_active: var(--input-color-active);--_state: var(--_normal);display:grid;grid-auto-flow:column;grid-auto-columns:max-content 1fr max-content;align-items:center;width:100%;box-shadow:inset var(--_state) 0px 0px 0px 0px;border-radius:var(--input-radius);background-color:var(--_background);border:1px solid var(--_state);overflow:hidden;transition:border-color .15s,box-shadow .15s}.form-field__group:hover{--_state: var(--_hover)}.form-field__group:focus-within{--_state: var(--_focus);outline:none;box-shadow:inset var(--_state) 0px 0px 0px 0px,0 0 0px 2px var(--_active)}.form-field__group:has([disabled]){--_state: var(--input-color-disabled);background-color:var(--input-background-disabled);color:var(--input-color-disabled);cursor:not-allowed}.form-field__group:has([aria-invalid=true]){--_normal: var(--color-red-400);--_hover: var(--color-red-500);--_focus: var(--color-red-500);--_active: var(--color-red-200);--_color: var(--color-danger-text)}.form-field__group>input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]),.form-field__group>select,.form-field__group>textarea{grid-column:2;border:none;outline:none;box-shadow:none;padding:0;padding-inline:var(--input-padding);font:inherit;width:100%;background:rgba(0,0,0,0)}.form-field__group .addon{padding:0;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1}.form-field__group .addon:first-child{grid-column:1;padding-left:var(--input-padding)}.form-field__group .addon:last-child{grid-column:3;padding-right:var(--input-padding)}.form-field__group .addon button{margin:0 !important}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-md);background-color:var(--color-bg-surface)}.table thead{background-color:var(--color-bg-sunken)}.table th{padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em;border-bottom:1px solid var(--color-border-default)}.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary)}.table tbody tr:hover{background-color:var(--color-brand-subtle)}.table tbody tr:last-child td{border-bottom:none}.table--striped tbody tr:nth-child(even){background-color:var(--color-bg-canvas)}.table--compact th,.table--compact td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.table--primary thead{background-color:var(--color-brand)}.table--primary thead th{color:var(--color-text-on-brand)}.gap-none{--_gap: 0}@media only screen and (min-width: 768px){.gap-xs{--_gap: var(--space-1, 4px)}}@media only screen and (min-width: 768px){.gap-sm{--_gap: var(--space-3, 12px)}}@media only screen and (min-width: 768px){.gap-md{--_gap: var(--space-6, 24px)}}@media only screen and (min-width: 768px){.gap-lg{--_gap: var(--space-8, 32px)}}@media only screen and (min-width: 768px){.gap-xl{--_gap: var(--space-12, 48px)}}@media only screen and (min-width: 768px){.gap-xxl{--_gap: var(--space-16, 64px)}}.stretch-height{height:stretch}.stretch-width{width:stretch}.stretch-both{height:stretch;width:stretch}@media(max-width: 568px){.hide-on-mobile{display:none !important}}@media(max-width: 768px){.hide-on-tablet{display:none !important}}@media(max-width: 1024px){.hide-on-desktop{display:none !important}}@media(max-width: 1280px){.hide-on-large{display:none !important}}@media(max-width: 1280px){.hide-on-wide{display:none !important}}.ui-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-bg-surface);border:var(--input-border-width) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.ui-card__header{display:flex;flex-direction:column;gap:var(--space-1)}.ui-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-card__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.ui-card__body{flex:1 1 auto}.ui-card__footer{display:flex;align-items:center;gap:var(--space-3);padding-block-start:var(--space-4);border-block-start:var(--border-width-thin) solid var(--color-border-subtle)}.ui-card>img:first-child,.ui-card__header>img{display:block;margin:calc(var(--space-6)*-1) calc(var(--space-6)*-1) 0;inline-size:calc(100% + var(--space-6)*2);max-inline-size:none;border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.ui-badge{--_bg: var(--color-neutral-100);display:inline-flex;align-items:center;padding-inline:var(--space-2);padding-block:var(--space-min);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);white-space:nowrap;color:contrast-color(var(--_bg));background-color:var(--_bg)}.ui-badge--primary{--_bg: var(--color-brand-active)}.ui-badge--accent{--_bg: var(--color-accent-active)}.ui-badge--success{--_bg: var(--color-success-active)}.ui-badge--warning{--_bg: var(--color-warning-active)}.ui-badge--danger{--_bg: var(--color-danger-active);color:var(--color-white)}.ui-badge--info{--_bg: var(--color-info-active)}.ui-badge--pill{border-radius:var(--radius-round)}.ui-badge--small{font-size:var(--font-size-xxs);padding-inline:var(--space-1);padding-block:var(--space-min)}.ui-chip{--_bg: var(--color-neutral-100);--_text: var(--color-neutral-800);--_border: var(--color-border-default);display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-3);block-size:var(--control-size-lg);border:var(--input-border-width) solid var(--_border);border-radius:var(--radius-round);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;color:var(--_text);background-color:var(--_bg)}.ui-chip__remove{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-4);block-size:var(--space-4);margin-inline-start:var(--space-1);margin-inline-end:calc(var(--space-1)*-1);padding:0;border:none;border-radius:var(--radius-round);background:none;color:inherit;opacity:.6;cursor:pointer;transition:background-color .15s ease-in-out,opacity .15s ease-in-out}.ui-chip__remove:hover{opacity:1;background-color:hsl(from currentColor h s l/0.12)}.ui-chip__remove:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring)}.ui-chip--clickable{cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.ui-chip--clickable:hover{--_bg: var(--color-neutral-200)}.ui-chip--clickable:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring)}.ui-chip--primary{--_bg: var(--color-primary-100);--_text: var(--color-primary-700);--_border: var(--color-transparent)}.ui-chip--selected{--_bg: var(--color-primary);--_text: var(--color-white);--_border: var(--color-transparent)}.ui-menu{display:flex;flex-direction:column;min-inline-size:12rem;padding:var(--space-2);background-color:var(--color-bg-surface);border:var(--input-border-width) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.ui-menu__label{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.ui-menu__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);text-decoration:none;text-align:left;background:none;cursor:pointer;transition:background-color .1s ease-in-out}.ui-menu__item:hover{background-color:var(--color-brand-subtle);color:var(--color-brand)}.ui-menu__item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-focus-ring)}.ui-menu__item[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.ui-menu__divider{block-size:var(--border-width-thin);margin-block:var(--space-1);border:none;background-color:var(--color-border-subtle);width:100%}.ui-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--color-bg-overlay)}.ui-modal{display:flex;flex-direction:column;inline-size:100%;max-inline-size:var(--container-xsmall);max-block-size:calc(100vh - var(--space-16));background-color:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-block-end:var(--border-width-thin) solid var(--color-border-subtle)}.ui-modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-modal__close{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--control-size-lg);block-size:var(--control-size-lg);flex-shrink:0;border:none;border-radius:var(--radius-round);color:var(--color-text-tertiary);background:none;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.ui-modal__close:hover{color:var(--color-text-primary);background-color:var(--color-bg-sunken)}.ui-modal__close:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring)}.ui-modal__body{padding:var(--space-6);overflow-y:auto;color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-block-start:var(--border-width-thin) solid var(--color-border-subtle)}.ui-tabnav{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none;border-block-end:var(--border-width-thin) solid var(--color-border-default)}.ui-tabnav li{display:flex;margin:0;padding:0}.ui-tabnav button,.ui-tabnav a{display:inline-flex;align-items:center;background-color:var(--color-transparent);border:0;padding:var(--space-3) var(--space-4);margin-block-end:calc(var(--border-width-thin)*-1);border-block-end:var(--border-width-thick) solid var(--color-transparent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:color .15s ease-in-out,border-color .15s ease-in-out}.ui-tabnav button:hover,.ui-tabnav a:hover{color:var(--color-text-primary)}.ui-tabnav button:focus-visible,.ui-tabnav a:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring);border-radius:var(--radius-xs)}.ui-tabnav button[aria-current=page],.ui-tabnav button[aria-selected=true] .ui-tabnav button.is-active,.ui-tabnav a[aria-current=page],.ui-tabnav button[aria-selected=true] .ui-tabnav a.is-active,.ui-tabnav a[aria-selected=true] .ui-tabnav button.is-active,.ui-tabnav a[aria-selected=true] .ui-tabnav a.is-active{color:var(--color-primary);border-color:var(--color-primary)}.breadcrumbs-container{display:none}@media only screen and (min-width: 568px){.breadcrumbs-container{display:block}}.breadcrumbs-container .breadcrumbs{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;font-size:var(--font-size-sm)}.breadcrumbs-container .breadcrumbs .breadcrumbs__item{margin:0;padding:0}.breadcrumbs-container .breadcrumbs .breadcrumbs__sep{margin-inline:8px;color:var(--color-text-tertiary)}.breadcrumbs-container .breadcrumbs .breadcrumbs__link{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease;padding:0 4px;border-radius:4px;height:22px;margin-inline:-4px;display:inline-block}.breadcrumbs-container .breadcrumbs .breadcrumbs__link:hover{color:var(--color-text-link)}.toast{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);max-width:90%;pointer-events:none}.toast__content{display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1}.toast__message{position:relative;display:flex;align-items:flex-start;justify-content:space-between;background:#333;color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:250px;max-width:400px;overflow:hidden;pointer-events:auto;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.toast__message-text{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.toast__close{background:none;border:none;color:#fff;font-size:var(--font-size-lg);cursor:pointer;margin-left:var(--space-2)}.toast__close:focus{outline:2px solid #fff;outline-offset:2px}.toast__icon{margin-right:var(--space-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__button{align-self:flex-start}.toast__progress{position:absolute;bottom:0;left:0;height:4px;background:hsla(0,0%,100%,.4);width:100%;animation:toast-progress linear forwards;border-radius:0 0 4px 4px}.toast .toast__message--hide{opacity:0;transform:translateY(-20px)}.toast .toast__message--success{background:var(--color-success, #007b00)}.toast .toast__message--error{background:var(--color-danger, #c62828)}.toast .toast__message--info{background:var(--color-info, #1976d2)}.toast .toast__message--warning{background:var(--color-warning, #f9a825);color:#000}.toast--top-right{top:1rem;right:1rem;align-items:flex-end}.toast--top-left{top:1rem;left:1rem;align-items:flex-start}.toast--top-center{top:1rem;left:50%;transform:translateX(-50%)}.toast--bottom-right{bottom:1rem;right:1rem;align-items:flex-end}.toast--bottom-left{bottom:1rem;left:1rem;align-items:flex-start}@keyframes toast-progress{from{width:100%}to{width:0%}}