@theme{  --white: oklch(100% 0 0); --black: oklch(0% 0 0); --snow: oklch(99.11% 0 0); --eclipse: oklch(21.03% .0059 285.89);   --border-width: 1px; --field-border-width: 0px;   --radius: .5rem; --field-radius: calc(var(--radius)*1.5);   --opacity-disabled: .5;}@layer theme{@variant light{  --background: #fafafa; --foreground: var(--eclipse);   --surface: var(--white); --surface-foreground: var(--foreground);   --overlay: var(--white); --overlay-foreground: var(--foreground); --muted: oklch(55.17% .0138 285.94); --default: oklch(94% .001 286.375); --default-foreground: var(--eclipse); --accent: oklch(62.04% .195 253.83); --accent-foreground: var(--snow);   --field-background: var(--white); --field-foreground: oklch(21.03% .0059 285.89); --field-placeholder: var(--muted); --field-border: transparent;     --success: oklch(73.29% .1935 150.81); --success-foreground: var(--eclipse); --warning: oklch(78.19% .1585 72.33); --warning-foreground: var(--eclipse); --danger: oklch(65.32% .2328 25.74); --danger-foreground: var(--snow);   --segment: var(--white); --segment-foreground: var(--eclipse);   --border: oklch(90% .004 286.32); --separator: oklch(74% .004 286.32); --focus: var(--accent); --link: var(--foreground);   --surface-shadow: 0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f; --overlay-shadow: 0 2px 8px 0 #0000000a,0 -6px 12px 0 #00000005,0 14px 28px 0 #0000000f; --field-shadow: 0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f;}@variant dark{  --background: #09090b; --foreground: var(--snow);   --surface: oklch(21.03% .0059 285.89); --surface-foreground: var(--foreground);   --overlay: oklch(21.03% .0059 285.89); --overlay-foreground: var(--foreground); --muted: oklch(70.5% .015 286.067); --default: oklch(27.4% .006 286.033); --default-foreground: var(--snow); --accent: oklch(62.04% .195 253.83); --accent-foreground: var(--snow);   --field-background: oklch(21.03% .0059 285.89); --field-foreground: var(--foreground); --field-placeholder: var(--muted); --field-border: transparent;     --success: oklch(73.29% .1935 150.81); --success-foreground: var(--eclipse); --warning: oklch(82.03% .1388 76.34); --warning-foreground: var(--eclipse); --danger: oklch(59.4% .1967 24.63); --danger-foreground: var(--snow);   --segment: oklch(39.64% .01 285.93); --segment-foreground: var(--foreground);   --border: oklch(28% .006 286.033); --separator: oklch(40% .006 286.033); --focus: var(--accent); --link: var(--foreground);   --surface-shadow: 0 0 0 0 transparent inset;   --overlay-shadow: 0 0 1px 0 #fff3 inset; --field-shadow: 0 0 0 0 transparent inset;  }}@theme inline static{--color-background: var(--background); --color-foreground: var(--foreground); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab,var(--surface)92%,var(--surface-foreground)8%); --color-overlay: var(--overlay); --color-overlay-foreground: var(--overlay-foreground); --color-muted: var(--muted); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-segment: var(--segment); --color-segment-foreground: var(--segment-foreground); --color-border: var(--border); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground);   --color-field: var(--field-background,var(--default)); --color-field-foreground: var(--field-foreground,var(--foreground)); --color-field-placeholder: var(--field-placeholder,var(--muted)); --color-field-border: var(--field-border,var(--border)); --radius-field: var(--field-radius,var(--radius-xl)); --border-width-field: var(--field-border-width,var(--border-width)); --shadow-surface: var(--surface-shadow); --shadow-overlay: var(--overlay-shadow); --shadow-field: var(--field-shadow);       --color-background-secondary: color-mix(in oklab,var(--background)96%,var(--foreground)4%); --color-background-tertiary: color-mix(in oklab,var(--background)92%,var(--foreground)8%); --color-background-inverse: var(--foreground);   --color-default-hover: color-mix(in oklab,var(--default)96%,var(--default-foreground)4%); --color-accent-hover: color-mix(in oklab,var(--accent)90%,var(--accent-foreground)10%); --color-success-hover: color-mix(in oklab,var(--success)90%,var(--success-foreground)10%); --color-warning-hover: color-mix(in oklab,var(--warning)90%,var(--warning-foreground)10%); --color-danger-hover: color-mix(in oklab,var(--danger)90%,var(--danger-foreground)10%);   --color-field-hover: color-mix(in oklab,var(--field-background,var(--default))90%,var(--field-foreground,var(--foreground))2%); --color-field-focus: var(--field-background,var(--default)); --color-field-border-hover: color-mix(in oklab,var(--field-border,var(--border))88%,var(--field-foreground,var(--foreground))10%); --color-field-border-focus: color-mix(in oklab,var(--field-border,var(--border))74%,var(--field-foreground,var(--foreground))22%);   --color-accent-soft: color-mix(in oklab,var(--accent)15%,transparent); --color-accent-soft-foreground: var(--accent); --color-accent-soft-hover: color-mix(in oklab,var(--accent)20%,transparent); --color-danger-soft: color-mix(in oklab,var(--danger)15%,transparent); --color-danger-soft-foreground: var(--danger); --color-danger-soft-hover: color-mix(in oklab,var(--danger)20%,transparent); --color-warning-soft: color-mix(in oklab,var(--warning)15%,transparent); --color-warning-soft-foreground: var(--warning); --color-warning-soft-hover: color-mix(in oklab,var(--warning)20%,transparent); --color-success-soft: color-mix(in oklab,var(--success)15%,transparent); --color-success-soft-foreground: var(--success); --color-success-soft-hover: color-mix(in oklab,var(--success)20%,transparent);   --color-surface-secondary: color-mix(in oklab,var(--surface)94%,var(--surface-foreground)6%); --color-surface-tertiary: color-mix(in oklab,var(--surface)92%,var(--surface-foreground)8%);   --color-on-surface: color-mix(in oklab,var(--surface)93%,var(--surface-foreground)7%); --color-on-surface-foreground: var(--surface-foreground); --color-on-surface-hover: color-mix(in oklab,var(--surface)91%,var(--surface-foreground)9%); --color-on-surface-focus: color-mix(in oklab,var(--surface)93%,var(--surface-foreground)7%);   --color-on-surface-secondary: color-mix(in oklab,var(--surface)87%,var(--surface-foreground)13%); --color-on-surface-secondary-foreground: var(--surface-foreground); --color-on-surface-secondary-hover: color-mix(in oklab,var(--surface)85%,var(--surface-foreground)15%); --color-on-surface-secondary-focus: color-mix(in oklab,var(--surface)87%,var(--surface-foreground)13%);   --color-on-surface-tertiary: color-mix(in oklab,var(--surface)85%,var(--surface-foreground)15%); --color-on-surface-tertiary-foreground: var(--surface-foreground); --color-on-surface-tertiary-hover: color-mix(in oklab,var(--surface)84%,var(--surface-foreground)16%); --color-on-surface-tertiary-focus: color-mix(in oklab,var(--surface)85%,var(--surface-foreground)15%);   --color-separator-secondary: color-mix(in oklab,var(--surface)85%,var(--surface-foreground)15%); --color-separator-tertiary: color-mix(in oklab,var(--surface)81%,var(--surface-foreground)19%);     --color-border-secondary: color-mix(in oklab,var(--surface)78%,var(--surface-foreground)22%); --color-border-tertiary: color-mix(in oklab,var(--surface)66%,var(--surface-foreground)34%);   --radius-xs: calc(var(--radius)*.25);   --radius-sm: calc(var(--radius)*.5);   --radius-md: calc(var(--radius)*.75);   --radius-lg: calc(var(--radius)*1);   --radius-xl: calc(var(--radius)*1.5);   --radius-2xl: calc(var(--radius)*2);   --radius-3xl: calc(var(--radius)*3);   --radius-4xl: calc(var(--radius)*4);  }