@layer base{:root{color-scheme:light;@variant dark{color-scheme: dark;}scrollbar-color:var(--color-surface-300-700) var(--color-surface-100-900);scrollbar-width:thin}html{-webkit-tap-highlight-color:color-mix(in oklab,var(--color-primary-500) 30%,transparent)}body{background-color:var(--body-background-color);@variant dark{background-color: var(--body-background-color-dark);}color:var(--base-font-color);font-family:var(--base-font-family);font-size:var(--base-font-size);line-height:var(--base-line-height);font-weight:var(--base-font-weight);font-style:var(--base-font-style);letter-spacing:var(--base-letter-spacing);@variant dark{color: var(--base-font-color-dark);}}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.input::placeholder,.textarea::placeholder,.ig-input::placeholder,.ig-textarea::placeholder{color:var(--color-surface-700-300)}::selection{background-color:color-mix(in srgb,var(--color-primary-500) 50%,transparent)}*:disabled,.disabled{opacity:.5}:is(*:disabled,.disabled)>*{pointer-events:none}}@theme{ --spacing: .25rem; --text-scaling: 1; --base-font-color: inherit; --base-font-color-dark: inherit; --base-font-family: inherit; --base-font-size: inherit; --base-line-height: inherit; --base-font-weight: inherit; --base-font-style: inherit; --base-letter-spacing: inherit; --heading-font-color: inherit; --heading-font-color-dark: inherit; --heading-font-family: inherit; --heading-font-weight: inherit; --heading-font-style: inherit; --heading-letter-spacing: inherit; --anchor-font-color: inherit; --anchor-font-color-dark: inherit; --anchor-font-family: inherit; --anchor-font-size: inherit; --anchor-line-height: inherit; --anchor-font-weight: inherit; --anchor-font-style: inherit; --anchor-letter-spacing: inherit; --anchor-text-decoration: inherit; --anchor-text-decoration-hover: underline; --anchor-text-decoration-active: inherit; --anchor-text-decoration-focus: inherit; --radius-base: .25rem; --radius-container: .25rem; --default-border-width: 1px; --default-divide-width: 1px; --default-ring-width: 1px; --animate-progress-indeterminate: anim-progress-indeterminate 2s linear infinite; --animate-ring-indeterminate: anim-ring-indeterminate 2s linear infinite; --color-primary-50: oklch(98.5% 0 0deg); --color-primary-100: oklch(97% 0 0deg); --color-primary-200: oklch(92.2% 0 0deg); --color-primary-300: oklch(87% 0 0deg); --color-primary-400: oklch(70.8% 0 0deg); --color-primary-500: oklch(55.6% 0 0deg); --color-primary-600: oklch(43.9% 0 0deg); --color-primary-700: oklch(37.1% 0 0deg); --color-primary-800: oklch(26.9% 0 0deg); --color-primary-900: oklch(20.5% 0 0deg); --color-primary-950: oklch(14.5% 0 0deg); --color-primary-contrast-dark: var(--color-primary-950); --color-primary-contrast-light: var(--color-primary-50); --color-primary-contrast-50: var(--color-primary-contrast-dark); --color-primary-contrast-100: var(--color-primary-contrast-dark); --color-primary-contrast-200: var(--color-primary-contrast-dark); --color-primary-contrast-300: var(--color-primary-contrast-dark); --color-primary-contrast-400: var(--color-primary-contrast-light); --color-primary-contrast-500: var(--color-primary-contrast-light); --color-primary-contrast-600: var(--color-primary-contrast-light); --color-primary-contrast-700: var(--color-primary-contrast-light); --color-primary-contrast-800: var(--color-primary-contrast-light); --color-primary-contrast-900: var(--color-primary-contrast-light); --color-primary-contrast-950: var(--color-primary-contrast-light); --color-secondary-50: oklch(98.5% 0 0deg); --color-secondary-100: oklch(97% 0 0deg); --color-secondary-200: oklch(92.2% 0 0deg); --color-secondary-300: oklch(87% 0 0deg); --color-secondary-400: oklch(70.8% 0 0deg); --color-secondary-500: oklch(55.6% 0 0deg); --color-secondary-600: oklch(43.9% 0 0deg); --color-secondary-700: oklch(37.1% 0 0deg); --color-secondary-800: oklch(26.9% 0 0deg); --color-secondary-900: oklch(20.5% 0 0deg); --color-secondary-950: oklch(14.5% 0 0deg); --color-secondary-contrast-dark: var(--color-secondary-950); --color-secondary-contrast-light: var(--color-secondary-50); --color-secondary-contrast-50: var(--color-secondary-contrast-dark); --color-secondary-contrast-100: var(--color-secondary-contrast-dark); --color-secondary-contrast-200: var(--color-secondary-contrast-dark); --color-secondary-contrast-300: var(--color-secondary-contrast-dark); --color-secondary-contrast-400: var(--color-secondary-contrast-light); --color-secondary-contrast-500: var(--color-secondary-contrast-light); --color-secondary-contrast-600: var(--color-secondary-contrast-light); --color-secondary-contrast-700: var(--color-secondary-contrast-light); --color-secondary-contrast-800: var(--color-secondary-contrast-light); --color-secondary-contrast-900: var(--color-secondary-contrast-light); --color-secondary-contrast-950: var(--color-secondary-contrast-light); --color-tertiary-50: oklch(98.5% 0 0deg); --color-tertiary-100: oklch(97% 0 0deg); --color-tertiary-200: oklch(92.2% 0 0deg); --color-tertiary-300: oklch(87% 0 0deg); --color-tertiary-400: oklch(70.8% 0 0deg); --color-tertiary-500: oklch(55.6% 0 0deg); --color-tertiary-600: oklch(43.9% 0 0deg); --color-tertiary-700: oklch(37.1% 0 0deg); --color-tertiary-800: oklch(26.9% 0 0deg); --color-tertiary-900: oklch(20.5% 0 0deg); --color-tertiary-950: oklch(14.5% 0 0deg); --color-tertiary-contrast-dark: var(--color-tertiary-950); --color-tertiary-contrast-light: var(--color-tertiary-50); --color-tertiary-contrast-50: var(--color-tertiary-contrast-dark); --color-tertiary-contrast-100: var(--color-tertiary-contrast-dark); --color-tertiary-contrast-200: var(--color-tertiary-contrast-dark); --color-tertiary-contrast-300: var(--color-tertiary-contrast-dark); --color-tertiary-contrast-400: var(--color-tertiary-contrast-light); --color-tertiary-contrast-500: var(--color-tertiary-contrast-light); --color-tertiary-contrast-600: var(--color-tertiary-contrast-light); --color-tertiary-contrast-700: var(--color-tertiary-contrast-light); --color-tertiary-contrast-800: var(--color-tertiary-contrast-light); --color-tertiary-contrast-900: var(--color-tertiary-contrast-light); --color-tertiary-contrast-950: var(--color-tertiary-contrast-light); --color-success-50: oklch(98.5% 0 0deg); --color-success-100: oklch(97% 0 0deg); --color-success-200: oklch(92.2% 0 0deg); --color-success-300: oklch(87% 0 0deg); --color-success-400: oklch(70.8% 0 0deg); --color-success-500: oklch(55.6% 0 0deg); --color-success-600: oklch(43.9% 0 0deg); --color-success-700: oklch(37.1% 0 0deg); --color-success-800: oklch(26.9% 0 0deg); --color-success-900: oklch(20.5% 0 0deg); --color-success-950: oklch(14.5% 0 0deg); --color-success-contrast-dark: var(--color-success-950); --color-success-contrast-light: var(--color-success-50); --color-success-contrast-50: var(--color-success-contrast-dark); --color-success-contrast-100: var(--color-success-contrast-dark); --color-success-contrast-200: var(--color-success-contrast-dark); --color-success-contrast-300: var(--color-success-contrast-dark); --color-success-contrast-400: var(--color-success-contrast-light); --color-success-contrast-500: var(--color-success-contrast-light); --color-success-contrast-600: var(--color-success-contrast-light); --color-success-contrast-700: var(--color-success-contrast-light); --color-success-contrast-800: var(--color-success-contrast-light); --color-success-contrast-900: var(--color-success-contrast-light); --color-success-contrast-950: var(--color-success-contrast-light); --color-warning-50: oklch(98.5% 0 0deg); --color-warning-100: oklch(97% 0 0deg); --color-warning-200: oklch(92.2% 0 0deg); --color-warning-300: oklch(87% 0 0deg); --color-warning-400: oklch(70.8% 0 0deg); --color-warning-500: oklch(55.6% 0 0deg); --color-warning-600: oklch(43.9% 0 0deg); --color-warning-700: oklch(37.1% 0 0deg); --color-warning-800: oklch(26.9% 0 0deg); --color-warning-900: oklch(20.5% 0 0deg); --color-warning-950: oklch(14.5% 0 0deg); --color-warning-contrast-dark: var(--color-warning-950); --color-warning-contrast-light: var(--color-warning-50); --color-warning-contrast-50: var(--color-warning-contrast-dark); --color-warning-contrast-100: var(--color-warning-contrast-dark); --color-warning-contrast-200: var(--color-warning-contrast-dark); --color-warning-contrast-300: var(--color-warning-contrast-dark); --color-warning-contrast-400: var(--color-warning-contrast-light); --color-warning-contrast-500: var(--color-warning-contrast-light); --color-warning-contrast-600: var(--color-warning-contrast-light); --color-warning-contrast-700: var(--color-warning-contrast-light); --color-warning-contrast-800: var(--color-warning-contrast-light); --color-warning-contrast-900: var(--color-warning-contrast-light); --color-warning-contrast-950: var(--color-warning-contrast-light); --color-error-50: oklch(98.5% 0 0deg); --color-error-100: oklch(97% 0 0deg); --color-error-200: oklch(92.2% 0 0deg); --color-error-300: oklch(87% 0 0deg); --color-error-400: oklch(70.8% 0 0deg); --color-error-500: oklch(55.6% 0 0deg); --color-error-600: oklch(43.9% 0 0deg); --color-error-700: oklch(37.1% 0 0deg); --color-error-800: oklch(26.9% 0 0deg); --color-error-900: oklch(20.5% 0 0deg); --color-error-950: oklch(14.5% 0 0deg); --color-error-contrast-dark: var(--color-error-950); --color-error-contrast-light: var(--color-error-50); --color-error-contrast-50: var(--color-error-contrast-dark); --color-error-contrast-100: var(--color-error-contrast-dark); --color-error-contrast-200: var(--color-error-contrast-dark); --color-error-contrast-300: var(--color-error-contrast-dark); --color-error-contrast-400: var(--color-error-contrast-light); --color-error-contrast-500: var(--color-error-contrast-light); --color-error-contrast-600: var(--color-error-contrast-light); --color-error-contrast-700: var(--color-error-contrast-light); --color-error-contrast-800: var(--color-error-contrast-light); --color-error-contrast-900: var(--color-error-contrast-light); --color-error-contrast-950: var(--color-error-contrast-light); --color-surface-50: oklch(98.5% 0 0deg); --color-surface-100: oklch(97% 0 0deg); --color-surface-200: oklch(92.2% 0 0deg); --color-surface-300: oklch(87% 0 0deg); --color-surface-400: oklch(70.8% 0 0deg); --color-surface-500: oklch(55.6% 0 0deg); --color-surface-600: oklch(43.9% 0 0deg); --color-surface-700: oklch(37.1% 0 0deg); --color-surface-800: oklch(26.9% 0 0deg); --color-surface-900: oklch(20.5% 0 0deg); --color-surface-950: oklch(14.5% 0 0deg); --color-surface-contrast-dark: var(--color-surface-950); --color-surface-contrast-light: var(--color-surface-50); --color-surface-contrast-50: var(--color-surface-contrast-dark); --color-surface-contrast-100: var(--color-surface-contrast-dark); --color-surface-contrast-200: var(--color-surface-contrast-dark); --color-surface-contrast-300: var(--color-surface-contrast-dark); --color-surface-contrast-400: var(--color-surface-contrast-light); --color-surface-contrast-500: var(--color-surface-contrast-light); --color-surface-contrast-600: var(--color-surface-contrast-light); --color-surface-contrast-700: var(--color-surface-contrast-light); --color-surface-contrast-800: var(--color-surface-contrast-light); --color-surface-contrast-900: var(--color-surface-contrast-light); --color-surface-contrast-950: var(--color-surface-contrast-light); }@theme inline{ --body-background-color: var(--color-surface-50); --body-background-color-dark: var(--color-surface-950); --color-primary-50-950: light-dark(var(--color-primary-50), var(--color-primary-950)); --color-primary-contrast-50-950: light-dark( var(--color-primary-contrast-50), var(--color-primary-contrast-950) ); --color-primary-100-900: light-dark(var(--color-primary-100), var(--color-primary-900)); --color-primary-contrast-100-900: light-dark( var(--color-primary-contrast-100), var(--color-primary-contrast-900) ); --color-primary-200-800: light-dark(var(--color-primary-200), var(--color-primary-800)); --color-primary-contrast-200-800: light-dark( var(--color-primary-contrast-200), var(--color-primary-contrast-800) ); --color-primary-300-700: light-dark(var(--color-primary-300), var(--color-primary-700)); --color-primary-contrast-300-700: light-dark( var(--color-primary-contrast-300), var(--color-primary-contrast-700) ); --color-primary-400-600: light-dark(var(--color-primary-400), var(--color-primary-600)); --color-primary-contrast-400-600: light-dark( var(--color-primary-contrast-400), var(--color-primary-contrast-600) ); --color-primary-600-400: light-dark(var(--color-primary-600), var(--color-primary-400)); --color-primary-contrast-600-400: light-dark( var(--color-primary-contrast-600), var(--color-primary-contrast-400) ); --color-primary-700-300: light-dark(var(--color-primary-700), var(--color-primary-300)); --color-primary-contrast-700-300: light-dark( var(--color-primary-contrast-700), var(--color-primary-contrast-300) ); --color-primary-800-200: light-dark(var(--color-primary-800), var(--color-primary-200)); --color-primary-contrast-800-200: light-dark( var(--color-primary-contrast-800), var(--color-primary-contrast-200) ); --color-primary-900-100: light-dark(var(--color-primary-900), var(--color-primary-100)); --color-primary-contrast-900-100: light-dark( var(--color-primary-contrast-900), var(--color-primary-contrast-100) ); --color-primary-950-50: light-dark(var(--color-primary-950), var(--color-primary-50)); --color-primary-contrast-950-50: light-dark( var(--color-primary-contrast-950), var(--color-primary-contrast-50) ); --color-secondary-50-950: light-dark(var(--color-secondary-50), var(--color-secondary-950)); --color-secondary-contrast-50-950: light-dark( var(--color-secondary-contrast-50), var(--color-secondary-contrast-950) ); --color-secondary-100-900: light-dark(var(--color-secondary-100), var(--color-secondary-900)); --color-secondary-contrast-100-900: light-dark( var(--color-secondary-contrast-100), var(--color-secondary-contrast-900) ); --color-secondary-200-800: light-dark(var(--color-secondary-200), var(--color-secondary-800)); --color-secondary-contrast-200-800: light-dark( var(--color-secondary-contrast-200), var(--color-secondary-contrast-800) ); --color-secondary-300-700: light-dark(var(--color-secondary-300), var(--color-secondary-700)); --color-secondary-contrast-300-700: light-dark( var(--color-secondary-contrast-300), var(--color-secondary-contrast-700) ); --color-secondary-400-600: light-dark(var(--color-secondary-400), var(--color-secondary-600)); --color-secondary-contrast-400-600: light-dark( var(--color-secondary-contrast-400), var(--color-secondary-contrast-600) ); --color-secondary-600-400: light-dark(var(--color-secondary-600), var(--color-secondary-400)); --color-secondary-contrast-600-400: light-dark( var(--color-secondary-contrast-600), var(--color-secondary-contrast-400) ); --color-secondary-700-300: light-dark(var(--color-secondary-700), var(--color-secondary-300)); --color-secondary-contrast-700-300: light-dark( var(--color-secondary-contrast-700), var(--color-secondary-contrast-300) ); --color-secondary-800-200: light-dark(var(--color-secondary-800), var(--color-secondary-200)); --color-secondary-contrast-800-200: light-dark( var(--color-secondary-contrast-800), var(--color-secondary-contrast-200) ); --color-secondary-900-100: light-dark(var(--color-secondary-900), var(--color-secondary-100)); --color-secondary-contrast-900-100: light-dark( var(--color-secondary-contrast-900), var(--color-secondary-contrast-100) ); --color-secondary-950-50: light-dark(var(--color-secondary-950), var(--color-secondary-50)); --color-secondary-contrast-950-50: light-dark( var(--color-secondary-contrast-950), var(--color-secondary-contrast-50) ); --color-tertiary-50-950: light-dark(var(--color-tertiary-50), var(--color-tertiary-950)); --color-tertiary-contrast-50-950: light-dark( var(--color-tertiary-contrast-50), var(--color-tertiary-contrast-950) ); --color-tertiary-100-900: light-dark(var(--color-tertiary-100), var(--color-tertiary-900)); --color-tertiary-contrast-100-900: light-dark( var(--color-tertiary-contrast-100), var(--color-tertiary-contrast-900) ); --color-tertiary-200-800: light-dark(var(--color-tertiary-200), var(--color-tertiary-800)); --color-tertiary-contrast-200-800: light-dark( var(--color-tertiary-contrast-200), var(--color-tertiary-contrast-800) ); --color-tertiary-300-700: light-dark(var(--color-tertiary-300), var(--color-tertiary-700)); --color-tertiary-contrast-300-700: light-dark( var(--color-tertiary-contrast-300), var(--color-tertiary-contrast-700) ); --color-tertiary-400-600: light-dark(var(--color-tertiary-400), var(--color-tertiary-600)); --color-tertiary-contrast-400-600: light-dark( var(--color-tertiary-contrast-400), var(--color-tertiary-contrast-600) ); --color-tertiary-600-400: light-dark(var(--color-tertiary-600), var(--color-tertiary-400)); --color-tertiary-contrast-600-400: light-dark( var(--color-tertiary-contrast-600), var(--color-tertiary-contrast-400) ); --color-tertiary-700-300: light-dark(var(--color-tertiary-700), var(--color-tertiary-300)); --color-tertiary-contrast-700-300: light-dark( var(--color-tertiary-contrast-700), var(--color-tertiary-contrast-300) ); --color-tertiary-800-200: light-dark(var(--color-tertiary-800), var(--color-tertiary-200)); --color-tertiary-contrast-800-200: light-dark( var(--color-tertiary-contrast-800), var(--color-tertiary-contrast-200) ); --color-tertiary-900-100: light-dark(var(--color-tertiary-900), var(--color-tertiary-100)); --color-tertiary-contrast-900-100: light-dark( var(--color-tertiary-contrast-900), var(--color-tertiary-contrast-100) ); --color-tertiary-950-50: light-dark(var(--color-tertiary-950), var(--color-tertiary-50)); --color-tertiary-contrast-950-50: light-dark( var(--color-tertiary-contrast-950), var(--color-tertiary-contrast-50) ); --color-success-50-950: light-dark(var(--color-success-50), var(--color-success-950)); --color-success-contrast-50-950: light-dark( var(--color-success-contrast-50), var(--color-success-contrast-950) ); --color-success-100-900: light-dark(var(--color-success-100), var(--color-success-900)); --color-success-contrast-100-900: light-dark( var(--color-success-contrast-100), var(--color-success-contrast-900) ); --color-success-200-800: light-dark(var(--color-success-200), var(--color-success-800)); --color-success-contrast-200-800: light-dark( var(--color-success-contrast-200), var(--color-success-contrast-800) ); --color-success-300-700: light-dark(var(--color-success-300), var(--color-success-700)); --color-success-contrast-300-700: light-dark( var(--color-success-contrast-300), var(--color-success-contrast-700) ); --color-success-400-600: light-dark(var(--color-success-400), var(--color-success-600)); --color-success-contrast-400-600: light-dark( var(--color-success-contrast-400), var(--color-success-contrast-600) ); --color-success-600-400: light-dark(var(--color-success-600), var(--color-success-400)); --color-success-contrast-600-400: light-dark( var(--color-success-contrast-600), var(--color-success-contrast-400) ); --color-success-700-300: light-dark(var(--color-success-700), var(--color-success-300)); --color-success-contrast-700-300: light-dark( var(--color-success-contrast-700), var(--color-success-contrast-300) ); --color-success-800-200: light-dark(var(--color-success-800), var(--color-success-200)); --color-success-contrast-800-200: light-dark( var(--color-success-contrast-800), var(--color-success-contrast-200) ); --color-success-900-100: light-dark(var(--color-success-900), var(--color-success-100)); --color-success-contrast-900-100: light-dark( var(--color-success-contrast-900), var(--color-success-contrast-100) ); --color-success-950-50: light-dark(var(--color-success-950), var(--color-success-50)); --color-success-contrast-950-50: light-dark( var(--color-success-contrast-950), var(--color-success-contrast-50) ); --color-warning-50-950: light-dark(var(--color-warning-50), var(--color-warning-950)); --color-warning-contrast-50-950: light-dark( var(--color-warning-contrast-50), var(--color-warning-contrast-950) ); --color-warning-100-900: light-dark(var(--color-warning-100), var(--color-warning-900)); --color-warning-contrast-100-900: light-dark( var(--color-warning-contrast-100), var(--color-warning-contrast-900) ); --color-warning-200-800: light-dark(var(--color-warning-200), var(--color-warning-800)); --color-warning-contrast-200-800: light-dark( var(--color-warning-contrast-200), var(--color-warning-contrast-800) ); --color-warning-300-700: light-dark(var(--color-warning-300), var(--color-warning-700)); --color-warning-contrast-300-700: light-dark( var(--color-warning-contrast-300), var(--color-warning-contrast-700) ); --color-warning-400-600: light-dark(var(--color-warning-400), var(--color-warning-600)); --color-warning-contrast-400-600: light-dark( var(--color-warning-contrast-400), var(--color-warning-contrast-600) ); --color-warning-600-400: light-dark(var(--color-warning-600), var(--color-warning-400)); --color-warning-contrast-600-400: light-dark( var(--color-warning-contrast-600), var(--color-warning-contrast-400) ); --color-warning-700-300: light-dark(var(--color-warning-700), var(--color-warning-300)); --color-warning-contrast-700-300: light-dark( var(--color-warning-contrast-700), var(--color-warning-contrast-300) ); --color-warning-800-200: light-dark(var(--color-warning-800), var(--color-warning-200)); --color-warning-contrast-800-200: light-dark( var(--color-warning-contrast-800), var(--color-warning-contrast-200) ); --color-warning-900-100: light-dark(var(--color-warning-900), var(--color-warning-100)); --color-warning-contrast-900-100: light-dark( var(--color-warning-contrast-900), var(--color-warning-contrast-100) ); --color-warning-950-50: light-dark(var(--color-warning-950), var(--color-warning-50)); --color-warning-contrast-950-50: light-dark( var(--color-warning-contrast-950), var(--color-warning-contrast-50) ); --color-error-50-950: light-dark(var(--color-error-50), var(--color-error-950)); --color-error-contrast-50-950: light-dark( var(--color-error-contrast-50), var(--color-error-contrast-950) ); --color-error-100-900: light-dark(var(--color-error-100), var(--color-error-900)); --color-error-contrast-100-900: light-dark( var(--color-error-contrast-100), var(--color-error-contrast-900) ); --color-error-200-800: light-dark(var(--color-error-200), var(--color-error-800)); --color-error-contrast-200-800: light-dark( var(--color-error-contrast-200), var(--color-error-contrast-800) ); --color-error-300-700: light-dark(var(--color-error-300), var(--color-error-700)); --color-error-contrast-300-700: light-dark( var(--color-error-contrast-300), var(--color-error-contrast-700) ); --color-error-400-600: light-dark(var(--color-error-400), var(--color-error-600)); --color-error-contrast-400-600: light-dark( var(--color-error-contrast-400), var(--color-error-contrast-600) ); --color-error-600-400: light-dark(var(--color-error-600), var(--color-error-400)); --color-error-contrast-600-400: light-dark( var(--color-error-contrast-600), var(--color-error-contrast-400) ); --color-error-700-300: light-dark(var(--color-error-700), var(--color-error-300)); --color-error-contrast-700-300: light-dark( var(--color-error-contrast-700), var(--color-error-contrast-300) ); --color-error-800-200: light-dark(var(--color-error-800), var(--color-error-200)); --color-error-contrast-800-200: light-dark( var(--color-error-contrast-800), var(--color-error-contrast-200) ); --color-error-900-100: light-dark(var(--color-error-900), var(--color-error-100)); --color-error-contrast-900-100: light-dark( var(--color-error-contrast-900), var(--color-error-contrast-100) ); --color-error-950-50: light-dark(var(--color-error-950), var(--color-error-50)); --color-error-contrast-950-50: light-dark( var(--color-error-contrast-950), var(--color-error-contrast-50) ); --color-surface-50-950: light-dark(var(--color-surface-50), var(--color-surface-950)); --color-surface-contrast-50-950: light-dark( var(--color-surface-contrast-50), var(--color-surface-contrast-950) ); --color-surface-100-900: light-dark(var(--color-surface-100), var(--color-surface-900)); --color-surface-contrast-100-900: light-dark( var(--color-surface-contrast-100), var(--color-surface-contrast-900) ); --color-surface-200-800: light-dark(var(--color-surface-200), var(--color-surface-800)); --color-surface-contrast-200-800: light-dark( var(--color-surface-contrast-200), var(--color-surface-contrast-800) ); --color-surface-300-700: light-dark(var(--color-surface-300), var(--color-surface-700)); --color-surface-contrast-300-700: light-dark( var(--color-surface-contrast-300), var(--color-surface-contrast-700) ); --color-surface-400-600: light-dark(var(--color-surface-400), var(--color-surface-600)); --color-surface-contrast-400-600: light-dark( var(--color-surface-contrast-400), var(--color-surface-contrast-600) ); --color-surface-600-400: light-dark(var(--color-surface-600), var(--color-surface-400)); --color-surface-contrast-600-400: light-dark( var(--color-surface-contrast-600), var(--color-surface-contrast-400) ); --color-surface-700-300: light-dark(var(--color-surface-700), var(--color-surface-300)); --color-surface-contrast-700-300: light-dark( var(--color-surface-contrast-700), var(--color-surface-contrast-300) ); --color-surface-800-200: light-dark(var(--color-surface-800), var(--color-surface-200)); --color-surface-contrast-800-200: light-dark( var(--color-surface-contrast-800), var(--color-surface-contrast-200) ); --color-surface-900-100: light-dark(var(--color-surface-900), var(--color-surface-100)); --color-surface-contrast-900-100: light-dark( var(--color-surface-contrast-900), var(--color-surface-contrast-100) ); --color-surface-950-50: light-dark(var(--color-surface-950), var(--color-surface-50)); --color-surface-contrast-950-50: light-dark( var(--color-surface-contrast-950), var(--color-surface-contrast-50) ); --text-xs: calc(.75rem * var(--text-scaling)); --text-xs--line-height: calc(calc(1 / .75) * var(--text-scaling)); --text-sm: calc(.875rem * var(--text-scaling)); --text-sm--line-height: calc(calc(1.25 / .875) * var(--text-scaling)); --text-base: calc(1rem * var(--text-scaling)); --text-base--line-height: calc( 1.5 * var(--text-scaling)); --text-lg: calc(1.125rem * var(--text-scaling)); --text-lg--line-height: calc(calc(1.75 / 1.125) * var(--text-scaling)); --text-xl: calc(1.25rem * var(--text-scaling)); --text-xl--line-height: calc(calc(1.75 / 1.25) * var(--text-scaling)); --text-2xl: calc(1.5rem * var(--text-scaling)); --text-2xl--line-height: calc(calc(2 / 1.5) * var(--text-scaling)); --text-3xl: calc(1.875rem * var(--text-scaling)); --text-3xl--line-height: calc( 1.2 * var(--text-scaling)); --text-4xl: calc(2.25rem * var(--text-scaling)); --text-4xl--line-height: calc(calc(2.5 / 2.25) * var(--text-scaling)); --text-5xl: calc(3rem * var(--text-scaling)); --text-5xl--line-height: calc(1 * var(--text-scaling)); --text-6xl: calc(3.75rem * var(--text-scaling)); --text-6xl--line-height: calc(1 * var(--text-scaling)); --text-7xl: calc(4.5rem * var(--text-scaling)); --text-7xl--line-height: calc(1 * var(--text-scaling)); --text-8xl: calc(6rem * var(--text-scaling)); --text-8xl--line-height: calc(1 * var(--text-scaling)); --text-9xl: calc(8rem * var(--text-scaling)); --text-9xl--line-height: calc(1 * var(--text-scaling)); }@utility body-background-color{background-color: var(--body-background-color);}@utility body-background-color-dark{background-color: var(--body-background-color-dark);}@utility base-font-color{color: var(--base-font-color);}@utility base-font-color-dark{color: var(--base-font-color-dark);}@utility base-font-family{font-family: var(--base-font-family);}@utility base-font-size{font-size: var(--base-font-size);}@utility base-line-height{line-height: var(--base-line-height);}@utility base-font-weight{font-weight: var(--base-font-weight);}@utility base-font-style{font-style: var(--base-font-style);}@utility base-letter-spacing{letter-spacing: var(--base-letter-spacing);}@utility heading-font-color{color: var(--heading-font-color);}@utility heading-font-color-dark{color: var(--heading-font-color-dark);}@utility heading-font-family{font-family: var(--heading-font-family);}@utility heading-font-size{font-size: var(--heading-font-size);}@utility heading-line-height{line-height: var(--heading-line-height);}@utility heading-font-weight{font-weight: var(--heading-font-weight);}@utility heading-font-style{font-style: var(--heading-font-style);}@utility heading-letter-spacing{letter-spacing: var(--heading-letter-spacing);}@utility anchor-font-color{color: var(--anchor-font-color);}@utility anchor-font-color-dark{color: var(--anchor-font-color-dark);}@utility anchor-font-family{font-family: var(--anchor-font-family);}@utility anchor-font-size{font-size: var(--anchor-font-size);}@utility anchor-line-height{line-height: var(--anchor-line-height);}@utility anchor-font-weight{font-weight: var(--anchor-font-weight);}@utility anchor-font-style{font-style: var(--anchor-font-style);}@utility anchor-letter-spacing{letter-spacing: var(--anchor-letter-spacing);}@utility anchor-text-decoration{text-decoration: var(--anchor-text-decoration);}@utility anchor-text-decoration-active{text-decoration: var(--anchor-text-decoration-active);}@utility anchor-text-decoration-focus{text-decoration: var(--anchor-text-decoration-focus);}@utility anchor-text-decoration-hover{text-decoration: var(--anchor-text-decoration-hover);}@utility badge{border-radius: var(--radius-base); display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: --spacing(2); text-decoration-line: none; white-space: nowrap; font-size: var(--text-xs); line-height: var(--text-xs--line-height); padding-block: --spacing(1); padding-inline: --spacing(3);}@utility badge-icon{box-sizing: content-box; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; text-decoration-line: none; white-space: nowrap; font-size: var(--text-xs); width: var(--text-xs); height: var(--text-xs); padding: --spacing(1.5);}@utility btn{border-radius: var(--radius-base); display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: --spacing(2); text-decoration-line: none; white-space: nowrap; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(4); transition-property: all; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); @variant hover {filter: brightness(125%); @variant dark {filter: brightness(75%);}}}@utility btn-icon{box-sizing: content-box; border-radius: var(--radius-base); display: inline-flex; justify-content: center; align-items: center; text-decoration-line: none; white-space: nowrap; font-size: var(--text-base); width: var(--text-base); height: var(--text-base); padding: --spacing(2); @variant hover {filter: brightness(125%); @variant dark {filter: brightness(75%);}}}@utility btn-sm{font-size: var(--text-xs); line-height: var(--text-xs--line-height); padding-block: --spacing(1); padding-inline: --spacing(3);}@utility btn-base{font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(4);}@utility btn-lg{font-size: var(--text-xl); line-height: var(--text-xl--line-height); padding-block: --spacing(2); padding-inline: --spacing(5);}@utility btn-icon-sm{font-size: var(--text-xs); width: var(--text-xs); height: var(--text-xs); padding: --spacing(1.5);}@utility btn-icon-base{font-size: var(--text-base); width: var(--text-base); height: var(--text-base); padding: --spacing(2);}@utility btn-icon-lg{font-size: var(--text-xl); width: var(--text-xl); height: var(--text-xl); padding: --spacing(3);}@utility btn-group{border-radius: var(--radius-container); display: inline-flex; align-items: center; gap: --spacing(2); padding: --spacing(2); overflow: hidden;}@utility card{border-radius: var(--radius-container); &a {transition-property: all; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); @variant hover {filter: brightness(95%); @variant dark {filter: brightness(110%);}}}}@utility card-hover{transition-property: all; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); @variant hover {filter: brightness(95%); @variant dark {filter: brightness(110%);}}}@utility chip{border-radius: var(--radius-base); display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: --spacing(2); text-decoration-line: none; white-space: nowrap; font-size: var(--text-xs); line-height: var(--text-xs--line-height); padding-block: --spacing(1); padding-inline: --spacing(3); transition-property: all; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); @variant hover {filter: brightness(125%); @variant dark {filter: brightness(75%);}}}@utility chip-icon{box-sizing: content-box; border-radius: var(--radius-base); display: inline-flex; justify-content: center; align-items: center; text-decoration-line: none; white-space: nowrap; font-size: var(--text-xs); width: var(--text-xs); height: var(--text-xs); padding: --spacing(1.5); @variant hover {filter: brightness(125%); @variant dark {filter: brightness(75%);}}}@utility hr{border-color: var(--color-surface-200-800); border-top-width: 1px; display: block; width: 100%;}@utility vr{border-color: var(--color-surface-200-800); border-left-width: 1px; display: inline-block; height: 100%;}@utility placeholder{background-color: var(--color-surface-200-800); border-radius: var(--radius-base); min-height: --spacing(4);}@utility placeholder-circle{aspect-ratio: 1 / 1; background-color: var(--color-surface-200-800); border-radius: 100%; min-height: --spacing(5);}@utility table-wrap{width: 100%; overflow: auto;}@utility table{font-size: var(--text-sm); line-height: var(--text-sm--line-height); position: relative; width: 100%; & thead {color: var(--color-surface-700-300); border-bottom-width: 1px; border-color: var(--color-surface-200-800);} & th {text-align: left; font-weight: 400;} & tbody {& > :not(:last-child) {border-color: var(--color-surface-200-800);} & > :not(:last-child) {border-top-width: 0px; border-bottom-width: 1px;}} & tfoot {border-top-width: 1px; border-color: var(--color-surface-200-800); background-color: var(--color-surface-100-900);} & th {padding: --spacing(2);} & td {padding: --spacing(2);} & caption {color: var(--color-surface-600-400); font-size: var(--text-xs); line-height: var(--text-xs--line-height);}}@utility h1{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-4xl); line-height: var(--text-4xl--line-height); @variant md {font-size: var(--text-5xl); line-height: var(--text-5xl--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility h2{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-3xl); line-height: var(--text-3xl--line-height); @variant md {font-size: var(--text-4xl); line-height: var(--text-4xl--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility h3{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-2xl); line-height: var(--text-2xl--line-height); @variant md {font-size: var(--text-3xl); line-height: var(--text-3xl--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility h4{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-xl); line-height: var(--text-xl--line-height); @variant md {font-size: var(--text-2xl); line-height: var(--text-2xl--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility h5{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-lg); line-height: var(--text-lg--line-height); @variant md {font-size: var(--text-xl); line-height: var(--text-xl--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility h6{color: var(--heading-font-color); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); font-size: var(--text-base); line-height: var(--text-base--line-height); @variant md {font-size: var(--text-lg); line-height: var(--text-lg--line-height);} @variant dark {color: var(--heading-font-color-dark);}}@utility anchor{color: var(--anchor-font-color); font-family: var(--anchor-font-family); font-size: var(--anchor-font-size); line-height: var(--anchor-line-height); font-weight: var(--anchor-font-weight); font-style: var(--anchor-font-style); letter-spacing: var(--anchor-letter-spacing); text-decoration: var(--anchor-text-decoration); @variant hover {text-decoration: var(--anchor-text-decoration-hover);} @variant active {text-decoration: var(--anchor-text-decoration-active);} @variant focus {text-decoration: var(--anchor-text-decoration-focus);} @variant dark {color: var(--anchor-font-color-dark);}}@utility blockquote{border-left-width: 3px; border-left-color: var(--color-primary-500); padding-left: --spacing(4); font-style: italic;}@utility kbd{background-color: var(--color-surface-300-700); border-width: 1px; border-color: var(--color-surface-600-400); border-radius: var(--radius-base); color: var(--color-surface-contrast-500); font-family: var(--font-mono); font-size: var(--text-sm); white-space: nowrap; overflow-x: auto; padding-inline: --spacing(1.5); padding-block: --spacing(.25);}@utility pre{background-color: rgba(0,0,0,.85); backdrop-filter: blur(var(--blur-sm)); border-radius: var(--radius-container); color: var(--color-white); font-size: var(--text-xs); white-space: pre-wrap; padding: --spacing(4); overflow-x: auto;}@utility code{&:not(pre &,.ec-line &) {background-color: var(--color-primary-100-900); border-radius: var(--radius-base); color: var(--color-primary-contrast-50-950); font-family: var(--font-mono); font-size: var(--text-xs); white-space: nowrap; padding-inline: --spacing(1.5); padding-block: --spacing(.75); overflow-x: auto;}}@utility ins{background-color: var(--color-success-500); color: var(--color-success-contrast-500); font-family: var(--font-mono); position: relative; display: block; padding: --spacing(.5); padding-left: --spacing(5); text-decoration: none; &::before {position: absolute; left: --spacing(1); font-family: var(--font-mono);} &::before {content: "+";}}@utility del{background-color: var(--color-error-500); color: var(--color-error-contrast-500); font-family: var(--font-mono); position: relative; display: block; padding: --spacing(.5); padding-left: --spacing(5); text-decoration: none; &::before {position: absolute; left: --spacing(1); font-family: var(--font-mono);} &::before {content: "−";}}@utility mark{color: var(--color-tertiary-contrast-500); background-color: var(--color-tertiary-500); border-radius: var(--radius-sm); padding-inline: --spacing(1);}@utility fieldset{display: block; width: 100%;}@utility legend{display: block; width: 100%;}@utility label{display: block; width: 100%; & > * + * {margin-top: --spacing(1);}}@utility label-text{display: block; font-size: var(--text-xs); line-height: var(--text-xs--line-height); font-weight: var(--font-weight-medium); text-decoration-line: none;}@utility input-group{border-radius: var(--radius-base); display: grid; align-items: stretch; overflow: hidden; outline-color: transparent; border-width: 0; --tw-ring-inset: inset; --tw-ring-color: var(--color-surface-200-800); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 var(--default-ring-width) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); & > :first-child {border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base);} & > :last-child {border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base);} & > * + * {border-left-width: 1px !important; border-color: var(--color-surface-200-800);}}@utility ig-cell{font-size: var(--text-sm); display: flex; justify-content: center; align-items: center; padding-inline: --spacing(4);}@utility ig-input{background-color: transparent; display: block; width: 100%; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(3); outline-color: transparent; border-width: 0; --tw-ring-inset: inset; @variant active { --tw-ring-color: var(--color-primary-500); } @variant focus { --tw-ring-color: var(--color-primary-500); } @variant focus-within { --tw-ring-color: var(--color-primary-500); }}@utility ig-select{background-color: transparent; display: block; width: 100%; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); outline-color: transparent; border-width: 0; --tw-ring-inset: inset; @variant active { --tw-ring-color: var(--color-primary-500); } @variant focus { --tw-ring-color: var(--color-primary-500); } @variant focus-within { --tw-ring-color: var(--color-primary-500); } & option {background-color: var(--color-surface-50-950); color: var(--color-surface-950-50); border-radius: var(--radius-base); font-size: var(--text-base); line-height: --spacing(9); height: --spacing(9); padding: --spacing(2);}}@utility ig-btn{display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: --spacing(2); text-decoration-line: none; white-space: nowrap; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(4); transition-property: all; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); @variant hover {filter: brightness(125%); @variant dark {filter: brightness(75%);}}}@utility input{background-color: transparent; border-radius: var(--radius-base); display: block; width: 100%; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(3); outline-color: transparent; border-width: 0; --tw-ring-inset: inset; --tw-ring-color: var(--color-surface-200-800); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 var(--default-ring-width) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); @variant active { --tw-ring-color: var(--color-primary-500); } @variant focus { --tw-ring-color: var(--color-primary-500); } @variant focus-within { --tw-ring-color: var(--color-primary-500); } &[type="file"]::file-selector-button {cursor: pointer; border-radius: var(--radius-base); background-color: var(--color-surface-950-50); color: var(--color-surface-50-950); transform: translateY(--spacing(-.5)); margin-right: --spacing(2); text-transform: capitalize; font-size: var(--text-xs); height: var(--text-xs--line-height); padding-block: --spacing(0); padding-inline: --spacing(3);} &[type="range"] {accent-color: var(--color-surface-950-50); box-shadow: none; padding-inline: initial;} &[type="color"] {border-radius: var(--radius-base); width: --spacing(8.5); height: --spacing(8.5); padding: 0; border: none; outline: none; -webkit-appearance: none;} &[type="color"]::-webkit-color-swatch-wrapper {padding: 0;} &[type="color"]::-webkit-color-swatch {border: none; border-radius: var(--radius-base);} &[type="color"]::-moz-color-swatch {border: none;} &[type="color"]::-moz-color-swatch {border: none;}}@utility input-ghost{padding: 0px; background-color: transparent; border-color: transparent; outline-color: transparent; --tw-ring-color: transparent; @variant active {border-color: transparent !important;} @variant focus {border-color: transparent !important;} @variant focus-within {border-color: transparent !important;}}@utility progress{webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--radius-base); background-color: var(--color-surface-200-800); width: 100%; height: --spacing(2); overflow: hidden; &::-webkit-progress-bar {background-color: var(--color-surface-200-800);} &::-webkit-progress-value {background-color: var(--color-surface-950-50);} &::-moz-progress-bar {background-color: var(--color-surface-950-50);} &:indeterminate::-moz-progress-bar {width: 0;}}@utility checkbox{ --tw-ring-color: var(--color-surface-200-800); cursor: pointer; background-color: var(--color-surface-300-700); border-radius: var(--radius-sm); height: --spacing(5); width: --spacing(5); @variant focus-within { --tw-ring-color: var(--color-primary-500); } @variant hover { filter: brightness(105%); } @variant focus { filter: brightness(105%); } &:checked { background-color: var(--color-primary-500); @variant hover { background-color: var(--color-primary-500); } @variant focus { background-color: var(--color-primary-500); border: 0; } } &:indeterminate { background-color: var(--color-primary-500); @variant hover { background-color: var(--color-primary-500); } @variant focus { background-color: var(--color-primary-500); border: 0; } } }@utility radio{ --tw-ring-color: var(--color-surface-200-800); cursor: pointer; background-color: var(--color-surface-300-700); border-radius: var(--radius-sm); height: --spacing(5); width: --spacing(5); border-radius: 100%; height: --spacing(5); width: --spacing(5); @variant focus-within { --tw-ring-color: var(--color-primary-500); } @variant hover { filter: brightness(105%); } @variant focus { filter: brightness(105%); } &:checked { background-color: var(--color-primary-500); @variant hover { background-color: var(--color-primary-500); } @variant focus { background-color: var(--color-primary-500); border: 0; } } }@utility select{background-color: transparent; border-radius: var(--radius-base); display: block; width: 100%; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); outline-color: transparent; border-width: 0; --tw-ring-inset: inset; --tw-ring-color: var(--color-surface-200-800); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 var(--default-ring-width) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); @variant active { --tw-ring-color: var(--color-primary-500); } @variant focus { --tw-ring-color: var(--color-primary-500); } @variant focus-within { --tw-ring-color: var(--color-primary-500); } & > * + * {margin-top: --spacing(2);} &[multiple] {border-radius: var(--radius-container); padding: --spacing(1); & optgroup,& option {background-color: transparent;}} &[size] {border-radius: var(--radius-container); padding: --spacing(1); & optgroup,& option {background-color: transparent;}} & optgroup {background-color: var(--color-surface-50-950); color: var(--color-surface-950-50);} & optgroup > * + * {margin-top: --spacing(2);} & optgroup option:first-of-type {margin-top: --spacing(2);} & optgroup option:last-child {margin-bottom: --spacing(2) !important;} & option {background-color: var(--color-surface-50-950); color: var(--color-surface-950-50); border-radius: var(--radius-base); font-size: var(--text-base); line-height: --spacing(9); height: --spacing(9); padding: --spacing(2);}}@utility textarea{background-color: transparent; border-radius: var(--radius-base); display: block; width: 100%; font-size: var(--text-base); line-height: var(--text-base--line-height); padding-block: --spacing(1); padding-inline: --spacing(3); outline-color: transparent; border-width: 0; --tw-ring-inset: inset; --tw-ring-color: var(--color-surface-200-800); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 var(--default-ring-width) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); @variant active { --tw-ring-color: var(--color-primary-500); } @variant focus { --tw-ring-color: var(--color-primary-500); } @variant focus-within { --tw-ring-color: var(--color-primary-500); }}@custom-variant skb{@layer base {@slot;}}@custom-variant theme-catppuccin (&:where([data-theme="catppuccin"] *));@custom-variant theme-cerberus (&:where([data-theme="cerberus"] *));@custom-variant theme-concord (&:where([data-theme="concord"] *));@custom-variant theme-fennec (&:where([data-theme="fennec"] *));@custom-variant theme-mint (&:where([data-theme="mint"] *));@custom-variant theme-mona (&:where([data-theme="mona"] *));@custom-variant theme-nosh (&:where([data-theme="nosh"] *));@custom-variant theme-pine (&:where([data-theme="pine"] *));@custom-variant theme-reign (&:where([data-theme="reign"] *));@custom-variant theme-rose (&:where([data-theme="rose"] *));@custom-variant theme-terminus (&:where([data-theme="terminus"] *));@custom-variant theme-vox (&:where([data-theme="vox"] *));@custom-variant theme-crimson (&:where([data-theme="crimson"] *));@custom-variant theme-hamlindigo (&:where([data-theme="hamlindigo"] *));@custom-variant theme-legacy (&:where([data-theme="legacy"] *));@custom-variant theme-modern (&:where([data-theme="modern"] *));@custom-variant theme-nouveau (&:where([data-theme="nouveau"] *));@custom-variant theme-rocket (&:where([data-theme="rocket"] *));@custom-variant theme-sahara (&:where([data-theme="sahara"] *));@custom-variant theme-seafoam (&:where([data-theme="seafoam"] *));@custom-variant theme-vintage (&:where([data-theme="vintage"] *));@custom-variant theme-wintry (&:where([data-theme="wintry"] *));@keyframes anim-progress-indeterminate{0%{transform:translate(-200%)}to{transform:translate(200%)}}@keyframes anim-ring-indeterminate{0%{stroke-dasharray:1,400;stroke-dashoffset:0}to{stroke-dasharray:400,400;stroke-dashoffset:-140}}:root{--color-surface-50: #0a0a0a;--color-surface-100: #1a1a1a;--color-surface-200: #2a2a2a;--color-surface-300: #3a3a3a;--color-surface-400: #4a4a4a;--color-surface-500: #5a5a5a;--color-surface-600: #6a6a6a;--color-surface-700: #7a7a7a;--color-surface-800: #8a8a8a;--color-surface-900: #9a9a9a;--color-surface-950: #ffffff;--color-primary-50: #1a0f00;--color-primary-100: #331e00;--color-primary-200: #4d2d00;--color-primary-300: #663c00;--color-primary-400: #804b00;--color-primary-500: #ff6b00;--color-primary-600: #ff8533;--color-primary-700: #ff9f66;--color-primary-800: #ffb999;--color-primary-900: #ffd3cc;--color-primary-950: #fff0e6;--color-success-50: #1a0f00;--color-success-100: #331e00;--color-success-200: #4d2d00;--color-success-300: #663c00;--color-success-400: #804b00;--color-success-500: #ff6b00;--color-success-600: #ff8533;--color-success-700: #ff9f66;--color-success-800: #ffb999;--color-success-900: #ffd3cc;--color-success-950: #fff0e6;--color-warning-50: #1a0f00;--color-warning-100: #331e00;--color-warning-200: #4d2d00;--color-warning-300: #663c00;--color-warning-400: #804b00;--color-warning-500: #ff6b00;--color-warning-600: #ff8533;--color-warning-700: #ff9f66;--color-warning-800: #ffb999;--color-warning-900: #ffd3cc;--color-warning-950: #fff0e6;--color-error-50: #1a0f00;--color-error-100: #331e00;--color-error-200: #4d2d00;--color-error-300: #663c00;--color-error-400: #804b00;--color-error-500: #ff6b00;--color-error-600: #ff8533;--color-error-700: #ff9f66;--color-error-800: #ffb999;--color-error-900: #ffd3cc;--color-error-950: #fff0e6;--color-bg: #000000;--color-bg-alt: #0a0a0a;--color-bg-elevated: #1a1a1a;--color-text: #ffffff;--color-text-alt: #cccccc;--color-text-muted: #999999;--color-text-subtle: #666666;--color-control-neutral: #a3a3a3;--color-border: #3a3a3a;--color-border-alt: #2a2a2a;--color-border-focus: #ff6b00;--color-shadow: rgba(0, 0, 0, .5);--color-shadow-elevated: rgba(0, 0, 0, .7)}html,body{height:100%;overflow:hidden;color:var(--color-text);font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;letter-spacing:.025em}:focus-visible{outline:3px solid #ffb35c!important;outline-offset:3px!important;box-shadow:0 0 0 2px #000!important;scroll-margin-block:.75rem}body:not(.landing-page){background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,"Exo 2",sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1{font-size:2.5rem;font-weight:900;letter-spacing:.1em}h2{font-size:2rem;font-weight:800;letter-spacing:.075em}h3{font-size:1.5rem;font-weight:700;letter-spacing:.05em}h4{font-size:1.25rem;font-weight:600;letter-spacing:.05em}h5,h6{font-size:1.125rem;font-weight:600;letter-spacing:.05em}.appbar-title{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase}.btn,.badge{font-family:"Exo 2",sans-serif;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.input{font-family:"Exo 2",sans-serif;font-weight:500;letter-spacing:.025em}.modal-content h2{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;color:var(--color-primary-500)}.section-header h2{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.075em;text-transform:uppercase;color:var(--color-text)}.operative-info h4{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-500)}.weapon-header h4,.compact-weapon-header strong{font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-item,.profile-stats,.weapon-stats-table{font-family:"Exo 2",sans-serif;font-weight:500;letter-spacing:.025em}.keywords .badge{font-family:"Exo 2",sans-serif;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.theme-dark{--theme-color-primary-50: var(--color-primary-50);--theme-color-primary-100: var(--color-primary-100);--theme-color-primary-200: var(--color-primary-200);--theme-color-primary-300: var(--color-primary-300);--theme-color-primary-400: var(--color-primary-400);--theme-color-primary-500: var(--color-primary-500);--theme-color-primary-600: var(--color-primary-600);--theme-color-primary-700: var(--color-primary-700);--theme-color-primary-800: var(--color-primary-800);--theme-color-primary-900: var(--color-primary-900);--theme-color-primary-950: var(--color-primary-950);--theme-color-surface-50: var(--color-surface-50);--theme-color-surface-100: var(--color-surface-100);--theme-color-surface-200: var(--color-surface-200);--theme-color-surface-300: var(--color-surface-300);--theme-color-surface-400: var(--color-surface-400);--theme-color-surface-500: var(--color-surface-500);--theme-color-surface-600: var(--color-surface-600);--theme-color-surface-700: var(--color-surface-700);--theme-color-surface-800: var(--color-surface-800);--theme-color-surface-900: var(--color-surface-900);--theme-color-surface-950: var(--color-surface-950)}.app-container:not(.landing-page){background-color:var(--color-bg);color:var(--color-text)}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text)}.btn{background-color:var(--color-primary-500);color:var(--color-bg);border:1px solid var(--color-primary-500)}.btn:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn--ghost{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover{background-color:var(--color-surface-200);border-color:var(--color-border-focus)}.badge{background-color:var(--color-surface-200);color:var(--color-text);border:1px solid var(--color-border);border-radius:1rem;cursor:default;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0000000d}.badge--filled{background-color:var(--color-primary-200);color:var(--color-primary-800);border-color:var(--color-primary-300);box-shadow:inset 0 1px 2px #0000001a}.badge--outline{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.input{background-color:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px #ff6b0033}.modal{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text)}.appbar{background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);color:var(--color-text)}table{background-color:var(--color-bg-elevated);color:var(--color-text)}th{background-color:var(--color-surface-200);color:var(--color-text);border-bottom:1px solid var(--color-border)}td{border-bottom:1px solid var(--color-border);color:var(--color-text)}tr:nth-child(2n){background-color:var(--color-surface-100)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-200)}::-webkit-scrollbar-thumb{background:var(--color-surface-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}