/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-100: #ffe2e2;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-amber-100: #fef3c6;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-green-500: #00c758;
    --color-emerald-100: #d0fae5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-blue-50: #eff6ff;
    --color-blue-500: #3080ff;
    --color-blue-700: #1447e6;
    --color-purple-600: #9810fa;
    --color-pink-500: #f6339a;
    --color-zinc-50: #fafafa;
    --color-zinc-300: #d4d4d8;
    --color-stone-200: #e7e5e4;
    --color-stone-500: #79716b;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --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);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: .5rem;
    --background: unset;
    --foreground: unset;
    --surface: unset;
    --surface-foreground: unset;
    --overlay: unset;
    --overlay-foreground: unset;
    --muted: unset;
    --default: unset;
    --default-foreground: unset;
    --accent: unset;
    --accent-foreground: unset;
    --field-background: unset;
    --field-foreground: unset;
    --field-placeholder: unset;
    --field-border: unset;
    --success: unset;
    --success-foreground: unset;
    --warning: unset;
    --warning-foreground: unset;
    --danger: unset;
    --danger-foreground: unset;
    --segment: unset;
    --segment-foreground: unset;
    --border: unset;
    --separator: unset;
    --focus: unset;
    --link: unset;
    --surface-shadow: unset;
    --overlay-shadow: unset;
    --field-shadow: unset;
    --white: #fff;
    --snow: #fcfcfc;
    --eclipse: #18181b;
    --border-width: 1px;
    --field-border-width: 0px;
    --field-radius: calc(var(--radius) * 1.5);
    --opacity-disabled: .5;
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-surface: var(--surface);
    --color-surface-foreground: var(--surface-foreground);
    --color-surface-hover: color-mix(in srgb, unset 92.0%, unset 8.0%);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-400: lab(63.7053% 60.7449 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-amber-100: lab(95.916% -1.2165 23.111);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-green-500: lab(70.5521% -66.5147 45.8072);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-400: lab(75.0771% -60.7313 19.4146);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-blue-50: lab(96.492% -1.14647 -5.11479);
      --color-blue-500: lab(54.1736% 13.3368 -74.6839);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-purple-600: lab(43.0295% 75.21 -86.5669);
      --color-pink-500: lab(56.9303% 76.8162 -8.07021);
      --color-zinc-50: lab(98.26% 0 0);
      --color-zinc-300: lab(84.9837% .601262 -2.17985);
      --color-stone-200: lab(91.055% .663072 .865591);
      --color-stone-500: lab(48.1164% 2.35698 4.26853);
      --white: lab(100% 0 0);
      --snow: lab(98.9676% -.0000596046 0);
      --eclipse: lab(8.34178% .607349 -2.12998);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-surface-hover: color-mix(in oklab, var(--surface) 92.0%, var(--surface-foreground) 8.0%);
    }
  }

  :root, :host {
    --color-surface-secondary: color-mix(in srgb, unset 94.0%, unset 6.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-surface-secondary: color-mix(in oklab, var(--surface) 94.0%, var(--surface-foreground) 6.0%);
    }
  }

  :root, :host {
    --color-surface-secondary-foreground: var(--surface-secondary-foreground);
    --color-surface-tertiary: color-mix(in srgb, unset 92.0%, unset 8.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-surface-tertiary: color-mix(in oklab, var(--surface) 92.0%, var(--surface-foreground) 8.0%);
    }
  }

  :root, :host {
    --color-surface-tertiary-foreground: var(--surface-tertiary-foreground);
    --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 srgb, unset 96.0%, unset 4.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-background-secondary: color-mix(in oklab, var(--background) 96.0%, var(--foreground) 4.0%);
    }
  }

  :root, :host {
    --color-background-tertiary: color-mix(in srgb, unset 92.0%, unset 8.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-background-tertiary: color-mix(in oklab, var(--background) 92.0%, var(--foreground) 8.0%);
    }
  }

  :root, :host {
    --color-background-inverse: var(--foreground);
    --color-default-hover: color-mix(in srgb, unset 96.0%, unset 4.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-default-hover: color-mix(in oklab, var(--default) 96.0%, var(--default-foreground) 4.0%);
    }
  }

  :root, :host {
    --color-accent-hover: color-mix(in srgb, unset 90.0%, unset 10.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-accent-hover: color-mix(in oklab, var(--accent) 90.0%, var(--accent-foreground) 10.0%);
    }
  }

  :root, :host {
    --color-success-hover: color-mix(in srgb, unset 90.0%, unset 10.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-success-hover: color-mix(in oklab, var(--success) 90.0%, var(--success-foreground) 10.0%);
    }
  }

  :root, :host {
    --color-warning-hover: color-mix(in srgb, unset 90.0%, unset 10.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-warning-hover: color-mix(in oklab, var(--warning) 90.0%, var(--warning-foreground) 10.0%);
    }
  }

  :root, :host {
    --color-danger-hover: color-mix(in srgb, unset 90.0%, unset 10.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-danger-hover: color-mix(in oklab, var(--danger) 90.0%, var(--danger-foreground) 10.0%);
    }
  }

  :root, :host {
    --color-field-hover: color-mix(in srgb, unset 90.0%, unset 2.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-field-hover: color-mix(in oklab, var(--field-background, var(--default)) 90.0%, var(--field-foreground, var(--foreground)) 2.0%);
    }
  }

  :root, :host {
    --color-field-focus: var(--field-background, var(--default));
    --color-field-border-hover: color-mix(in srgb, unset 88.0%, unset 10.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-field-border-hover: color-mix(in oklab, var(--field-border, var(--border)) 88.0%, var(--field-foreground, var(--foreground)) 10.0%);
    }
  }

  :root, :host {
    --color-field-border-focus: color-mix(in srgb, unset 74.0%, unset 22.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-field-border-focus: color-mix(in oklab, var(--field-border, var(--border)) 74.0%, var(--field-foreground, var(--foreground)) 22.0%);
    }
  }

  :root, :host {
    --color-accent-soft: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  :root, :host {
    --color-accent-soft-foreground: var(--accent);
    --color-accent-soft-hover: color-mix(in srgb, unset 20.0%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-accent-soft-hover: color-mix(in oklab, var(--accent) 20.0%, transparent);
    }
  }

  :root, :host {
    --color-danger-soft: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  :root, :host {
    --color-danger-soft-foreground: var(--danger);
    --color-danger-soft-hover: color-mix(in srgb, unset 20.0%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20.0%, transparent);
    }
  }

  :root, :host {
    --color-warning-soft: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  :root, :host {
    --color-warning-soft-foreground: var(--warning);
    --color-warning-soft-hover: color-mix(in srgb, unset 20.0%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20.0%, transparent);
    }
  }

  :root, :host {
    --color-success-soft: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  :root, :host {
    --color-success-soft-foreground: var(--success);
    --color-success-soft-hover: color-mix(in srgb, unset 20.0%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-success-soft-hover: color-mix(in oklab, var(--success) 20.0%, transparent);
    }
  }

  :root, :host {
    --color-separator-secondary: color-mix(in srgb, unset 85.0%, unset 15%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-separator-secondary: color-mix(in oklab, var(--surface) 85.0%, var(--surface-foreground) 15%);
    }
  }

  :root, :host {
    --color-separator-tertiary: color-mix(in srgb, unset 81.0%, unset 19.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-separator-tertiary: color-mix(in oklab, var(--surface) 81.0%, var(--surface-foreground) 19.0%);
    }
  }

  :root, :host {
    --color-border-secondary: color-mix(in srgb, unset 78.0%, unset 22.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-border-secondary: color-mix(in oklab, var(--surface) 78.0%, var(--surface-foreground) 22.0%);
    }
  }

  :root, :host {
    --color-border-tertiary: color-mix(in srgb, unset 66.0%, unset 34.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-border-tertiary: color-mix(in oklab, var(--surface) 66.0%, var(--surface-foreground) 34.0%);
    }
  }

  :root, :host {
    --color-on-surface: color-mix(in srgb, unset 93.0%, unset 7.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface: color-mix(in oklab, var(--surface) 93.0%, var(--surface-foreground) 7.0%);
    }
  }

  :root, :host {
    --color-on-surface-foreground: var(--surface-foreground);
    --color-on-surface-hover: color-mix(in srgb, unset 91.0%, unset 9.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-hover: color-mix(in oklab, var(--surface) 91.0%, var(--surface-foreground) 9.0%);
    }
  }

  :root, :host {
    --color-on-surface-focus: color-mix(in srgb, unset 93.0%, unset 7.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-focus: color-mix(in oklab, var(--surface) 93.0%, var(--surface-foreground) 7.0%);
    }
  }

  :root, :host {
    --color-on-surface-secondary: color-mix(in srgb, unset 87.0%, unset 13.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-secondary: color-mix(in oklab, var(--surface) 87.0%, var(--surface-foreground) 13.0%);
    }
  }

  :root, :host {
    --color-on-surface-secondary-foreground: var(--surface-foreground);
    --color-on-surface-secondary-hover: color-mix(in srgb, unset 85.0%, unset 15%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-secondary-hover: color-mix(in oklab, var(--surface) 85.0%, var(--surface-foreground) 15%);
    }
  }

  :root, :host {
    --color-on-surface-secondary-focus: color-mix(in srgb, unset 87.0%, unset 13.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-secondary-focus: color-mix(in oklab, var(--surface) 87.0%, var(--surface-foreground) 13.0%);
    }
  }

  :root, :host {
    --color-on-surface-tertiary: color-mix(in srgb, unset 85.0%, unset 15%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-tertiary: color-mix(in oklab, var(--surface) 85.0%, var(--surface-foreground) 15%);
    }
  }

  :root, :host {
    --color-on-surface-tertiary-foreground: var(--surface-foreground);
    --color-on-surface-tertiary-hover: color-mix(in srgb, unset 84.0%, unset 16.0%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-tertiary-hover: color-mix(in oklab, var(--surface) 84.0%, var(--surface-foreground) 16.0%);
    }
  }

  :root, :host {
    --color-on-surface-tertiary-focus: color-mix(in srgb, unset 85.0%, unset 15%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-on-surface-tertiary-focus: color-mix(in oklab, var(--surface) 85.0%, var(--surface-foreground) 15%);
    }
  }

  @media (prefers-color-scheme: light) {
    :root:not(:where(.light, .light *, .dark, .dark *)) {
      --background: #f5f5f5;
      --foreground: var(--eclipse);
      --surface: var(--white);
      --surface-foreground: var(--foreground);
      --surface-secondary: #efeff0;
      --surface-secondary-foreground: var(--foreground);
      --surface-tertiary: #eaeaeb;
      --surface-tertiary-foreground: var(--foreground);
      --overlay: var(--white);
      --overlay-foreground: var(--foreground);
      --muted: #71717a;
      --default: #ebebec;
      --default-foreground: var(--eclipse);
      --accent: #0485f7;
      --accent-foreground: var(--snow);
      --field-background: var(--white);
      --field-foreground: #18181b;
      --field-placeholder: var(--muted);
      --field-border: transparent;
      --success: #17c964;
      --success-foreground: var(--eclipse);
      --warning: #f5a524;
      --warning-foreground: var(--eclipse);
      --danger: #ff383c;
      --danger-foreground: var(--snow);
      --segment: var(--white);
      --segment-foreground: var(--eclipse);
      --border: #dedee0;
      --separator: #aaaaad;
      --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 #00000005, 0 -6px 12px 0 #00000003, 0 14px 28px 0 #00000008;
      --field-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;
    }

    @supports (color: lab(0% 0 0)) {
      :root:not(:where(.light, .light *, .dark, .dark *)) {
        --background: lab(96.5432% -.0000596046 0);
        --surface-secondary: lab(94.4672% .129193 -.473201);
        --surface-tertiary: lab(92.7156% .129253 -.473201);
        --muted: lab(47.8737% 1.41454 -4.98645);
        --default: lab(93.0314% .0993311 -.364041);
        --accent: lab(54.5335% 3.31545 -66.5298);
        --field-foreground: lab(8.34178% .607349 -2.12998);
        --success: lab(71.4376% -59.4106 38.0321);
        --warning: lab(74.4448% 23.7172 71.6451);
        --danger: lab(57.4234% 73.5589 48.0136);
        --border: lab(88.3653% .399321 -1.45448);
        --separator: lab(69.8052% .400186 -1.45388);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    :root:not(:where(.light, .light *, .dark, .dark *)) {
      --background: #060607;
      --foreground: var(--snow);
      --surface: #18181b;
      --surface-foreground: var(--foreground);
      --surface-secondary: #232325;
      --surface-secondary-foreground: var(--foreground);
      --surface-tertiary: #262728;
      --surface-tertiary-foreground: var(--foreground);
      --overlay: #18181b;
      --overlay-foreground: var(--foreground);
      --muted: #9f9fa9;
      --default: #27272a;
      --default-foreground: var(--snow);
      --accent: #0485f7;
      --accent-foreground: var(--snow);
      --field-background: #18181b;
      --field-foreground: var(--foreground);
      --field-placeholder: var(--muted);
      --field-border: transparent;
      --success: #17c964;
      --success-foreground: var(--eclipse);
      --warning: #f7b750;
      --warning-foreground: var(--eclipse);
      --danger: #db3b3e;
      --danger-foreground: var(--snow);
      --segment: #46464c;
      --segment-foreground: var(--foreground);
      --border: #28282c;
      --separator: #47474b;
      --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;
    }

    @supports (color: lab(0% 0 0)) {
      :root:not(:where(.light, .light *, .dark, .dark *)) {
        --background: lab(1.54547% .178337 -.64671);
        --surface: lab(8.34178% .607349 -2.12998);
        --surface-secondary: lab(13.7794% .374198 -1.34113);
        --surface-tertiary: lab(15.5629% -.29102 -.845826);
        --overlay: lab(8.34178% .607349 -2.12998);
        --muted: lab(65.6464% 1.53494 -5.42429);
        --default: lab(15.7305% .613749 -2.16959);
        --accent: lab(54.5335% 3.31545 -66.5298);
        --field-background: lab(8.34178% .607349 -2.12998);
        --success: lab(71.4376% -59.4106 38.0321);
        --warning: lab(79.1095% 16.747 59.9157);
        --danger: lab(50.9109% 62.2712 37.59);
        --segment: lab(29.8929% 1.02499 -3.61326);
        --border: lab(16.4266% .613079 -2.16998);
        --separator: lab(30.3472% .604078 -2.17548);
      }
    }
  }

  .light {
    --background: #f5f5f5;
    --foreground: var(--eclipse);
    --surface: var(--white);
    --surface-foreground: var(--foreground);
    --surface-secondary: #efeff0;
    --surface-secondary-foreground: var(--foreground);
    --surface-tertiary: #eaeaeb;
    --surface-tertiary-foreground: var(--foreground);
    --overlay: var(--white);
    --overlay-foreground: var(--foreground);
    --muted: #71717a;
    --default: #ebebec;
    --default-foreground: var(--eclipse);
    --accent: #0485f7;
    --accent-foreground: var(--snow);
    --field-background: var(--white);
    --field-foreground: #18181b;
    --field-placeholder: var(--muted);
    --field-border: transparent;
    --success: #17c964;
    --success-foreground: var(--eclipse);
    --warning: #f5a524;
    --warning-foreground: var(--eclipse);
    --danger: #ff383c;
    --danger-foreground: var(--snow);
    --segment: var(--white);
    --segment-foreground: var(--eclipse);
    --border: #dedee0;
    --separator: #aaaaad;
    --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 #00000005, 0 -6px 12px 0 #00000003, 0 14px 28px 0 #00000008;
    --field-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;
  }

  @supports (color: lab(0% 0 0)) {
    .light {
      --background: lab(96.5432% -.0000596046 0);
      --surface-secondary: lab(94.4672% .129193 -.473201);
      --surface-tertiary: lab(92.7156% .129253 -.473201);
      --muted: lab(47.8737% 1.41454 -4.98645);
      --default: lab(93.0314% .0993311 -.364041);
      --accent: lab(54.5335% 3.31545 -66.5298);
      --field-foreground: lab(8.34178% .607349 -2.12998);
      --success: lab(71.4376% -59.4106 38.0321);
      --warning: lab(74.4448% 23.7172 71.6451);
      --danger: lab(57.4234% 73.5589 48.0136);
      --border: lab(88.3653% .399321 -1.45448);
      --separator: lab(69.8052% .400186 -1.45388);
    }
  }

  .dark {
    --background: #060607;
    --foreground: var(--snow);
    --surface: #18181b;
    --surface-foreground: var(--foreground);
    --surface-secondary: #232325;
    --surface-secondary-foreground: var(--foreground);
    --surface-tertiary: #262728;
    --surface-tertiary-foreground: var(--foreground);
    --overlay: #18181b;
    --overlay-foreground: var(--foreground);
    --muted: #9f9fa9;
    --default: #27272a;
    --default-foreground: var(--snow);
    --accent: #0485f7;
    --accent-foreground: var(--snow);
    --field-background: #18181b;
    --field-foreground: var(--foreground);
    --field-placeholder: var(--muted);
    --field-border: transparent;
    --success: #17c964;
    --success-foreground: var(--eclipse);
    --warning: #f7b750;
    --warning-foreground: var(--eclipse);
    --danger: #db3b3e;
    --danger-foreground: var(--snow);
    --segment: #46464c;
    --segment-foreground: var(--foreground);
    --border: #28282c;
    --separator: #47474b;
    --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;
  }

  @supports (color: lab(0% 0 0)) {
    .dark {
      --background: lab(1.54547% .178337 -.64671);
      --surface: lab(8.34178% .607349 -2.12998);
      --surface-secondary: lab(13.7794% .374198 -1.34113);
      --surface-tertiary: lab(15.5629% -.29102 -.845826);
      --overlay: lab(8.34178% .607349 -2.12998);
      --muted: lab(65.6464% 1.53494 -5.42429);
      --default: lab(15.7305% .613749 -2.16959);
      --accent: lab(54.5335% 3.31545 -66.5298);
      --field-background: lab(8.34178% .607349 -2.12998);
      --success: lab(71.4376% -59.4106 38.0321);
      --warning: lab(79.1095% 16.747 59.9157);
      --danger: lab(50.9109% 62.2712 37.59);
      --segment: lab(29.8929% 1.02499 -3.61326);
      --border: lab(16.4266% .613079 -2.16998);
      --separator: lab(30.3472% .604078 -2.17548);
    }
  }

  @media (prefers-color-scheme: light) {
    :root:not(:where(.light, .light *, .dark, .dark *)) {
      --background: #fafafa;
      --foreground: var(--eclipse);
      --surface: var(--white);
      --surface-foreground: var(--foreground);
      --overlay: var(--white);
      --overlay-foreground: var(--foreground);
      --muted: #71717a;
      --default: #ebebec;
      --default-foreground: var(--eclipse);
      --accent: #0485f7;
      --accent-foreground: var(--snow);
      --field-background: var(--white);
      --field-foreground: #18181b;
      --field-placeholder: var(--muted);
      --field-border: transparent;
      --success: #17c964;
      --success-foreground: var(--eclipse);
      --warning: #f5a524;
      --warning-foreground: var(--eclipse);
      --danger: #ff383c;
      --danger-foreground: var(--snow);
      --segment: var(--white);
      --segment-foreground: var(--eclipse);
      --border: #dedee0;
      --separator: #aaaaad;
      --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;
    }

    @supports (color: lab(0% 0 0)) {
      :root:not(:where(.light, .light *, .dark, .dark *)) {
        --muted: lab(47.8737% 1.41454 -4.98645);
        --default: lab(93.0314% .0993311 -.364041);
        --accent: lab(54.5335% 3.31545 -66.5298);
        --field-foreground: lab(8.34178% .607349 -2.12998);
        --success: lab(71.4376% -59.4106 38.0321);
        --warning: lab(74.4448% 23.7172 71.6451);
        --danger: lab(57.4234% 73.5589 48.0136);
        --border: lab(88.3653% .399321 -1.45448);
        --separator: lab(69.8052% .400186 -1.45388);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    :root:not(:where(.light, .light *, .dark, .dark *)) {
      --background: #09090b;
      --foreground: var(--snow);
      --surface: #18181b;
      --surface-foreground: var(--foreground);
      --overlay: #18181b;
      --overlay-foreground: var(--foreground);
      --muted: #9f9fa9;
      --default: #27272a;
      --default-foreground: var(--snow);
      --accent: #0485f7;
      --accent-foreground: var(--snow);
      --field-background: #18181b;
      --field-foreground: var(--foreground);
      --field-placeholder: var(--muted);
      --field-border: transparent;
      --success: #17c964;
      --success-foreground: var(--eclipse);
      --warning: #f7b750;
      --warning-foreground: var(--eclipse);
      --danger: #db3b3e;
      --danger-foreground: var(--snow);
      --segment: #46464c;
      --segment-foreground: var(--foreground);
      --border: #28282c;
      --separator: #47474b;
      --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;
    }

    @supports (color: lab(0% 0 0)) {
      :root:not(:where(.light, .light *, .dark, .dark *)) {
        --surface: lab(8.34178% .607349 -2.12998);
        --overlay: lab(8.34178% .607349 -2.12998);
        --muted: lab(65.6464% 1.53494 -5.42429);
        --default: lab(15.7305% .613749 -2.16959);
        --accent: lab(54.5335% 3.31545 -66.5298);
        --field-background: lab(8.34178% .607349 -2.12998);
        --success: lab(71.4376% -59.4106 38.0321);
        --warning: lab(79.1095% 16.747 59.9157);
        --danger: lab(50.9109% 62.2712 37.59);
        --segment: lab(29.8929% 1.02499 -3.61326);
        --border: lab(16.4266% .613079 -2.16998);
        --separator: lab(30.3472% .604078 -2.17548);
      }
    }
  }

  :scope:where(.light, .light *) {
    --background: #fafafa;
    --foreground: var(--eclipse);
    --surface: var(--white);
    --surface-foreground: var(--foreground);
    --overlay: var(--white);
    --overlay-foreground: var(--foreground);
    --muted: #71717a;
    --default: #ebebec;
    --default-foreground: var(--eclipse);
    --accent: #0485f7;
    --accent-foreground: var(--snow);
    --field-background: var(--white);
    --field-foreground: #18181b;
    --field-placeholder: var(--muted);
    --field-border: transparent;
    --success: #17c964;
    --success-foreground: var(--eclipse);
    --warning: #f5a524;
    --warning-foreground: var(--eclipse);
    --danger: #ff383c;
    --danger-foreground: var(--snow);
    --segment: var(--white);
    --segment-foreground: var(--eclipse);
    --border: #dedee0;
    --separator: #aaaaad;
    --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;
  }

  @supports (color: lab(0% 0 0)) {
    :scope:where(.light, .light *) {
      --muted: lab(47.8737% 1.41454 -4.98645);
      --default: lab(93.0314% .0993311 -.364041);
      --accent: lab(54.5335% 3.31545 -66.5298);
      --field-foreground: lab(8.34178% .607349 -2.12998);
      --success: lab(71.4376% -59.4106 38.0321);
      --warning: lab(74.4448% 23.7172 71.6451);
      --danger: lab(57.4234% 73.5589 48.0136);
      --border: lab(88.3653% .399321 -1.45448);
      --separator: lab(69.8052% .400186 -1.45388);
    }
  }

  :scope:where(.dark, .dark *) {
    --background: #09090b;
    --foreground: var(--snow);
    --surface: #18181b;
    --surface-foreground: var(--foreground);
    --overlay: #18181b;
    --overlay-foreground: var(--foreground);
    --muted: #9f9fa9;
    --default: #27272a;
    --default-foreground: var(--snow);
    --accent: #0485f7;
    --accent-foreground: var(--snow);
    --field-background: #18181b;
    --field-foreground: var(--foreground);
    --field-placeholder: var(--muted);
    --field-border: transparent;
    --success: #17c964;
    --success-foreground: var(--eclipse);
    --warning: #f7b750;
    --warning-foreground: var(--eclipse);
    --danger: #db3b3e;
    --danger-foreground: var(--snow);
    --segment: #46464c;
    --segment-foreground: var(--foreground);
    --border: #28282c;
    --separator: #47474b;
    --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;
  }

  @supports (color: lab(0% 0 0)) {
    :scope:where(.dark, .dark *) {
      --surface: lab(8.34178% .607349 -2.12998);
      --overlay: lab(8.34178% .607349 -2.12998);
      --muted: lab(65.6464% 1.53494 -5.42429);
      --default: lab(15.7305% .613749 -2.16959);
      --accent: lab(54.5335% 3.31545 -66.5298);
      --field-background: lab(8.34178% .607349 -2.12998);
      --success: lab(71.4376% -59.4106 38.0321);
      --warning: lab(79.1095% 16.747 59.9157);
      --danger: lab(50.9109% 62.2712 37.59);
      --segment: lab(29.8929% 1.02499 -3.61326);
      --border: lab(16.4266% .613079 -2.16998);
      --separator: lab(30.3472% .604078 -2.17548);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-\[3px\] {
    top: 3px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-\[2px\] {
    right: 2px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-\[2px\] {
    left: 2px;
  }

  .z-10 {
    z-index: 10;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .-my-\[3px\] {
    margin-block: -3px;
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\/5 {
    height: 60%;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-full {
    height: 100%;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[28px\] {
    width: 28px;
  }

  .w-\[48px\] {
    width: 48px;
  }

  .w-\[56px\] {
    width: 56px;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .flex-1 {
    flex: 1;
  }

  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: var(--radius);
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 2);
  }

  .rounded-3xl {
    border-radius: calc(var(--radius) * 3);
  }

  .rounded-4xl {
    border-radius: calc(var(--radius) * 4);
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: calc(var(--radius) * 1);
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .75);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.5);
  }

  .rounded-t-4xl {
    border-top-left-radius: calc(var(--radius) * 4);
    border-top-right-radius: calc(var(--radius) * 4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-accent {
    border-color: var(--accent);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-border {
    border-color: var(--border);
  }

  .border-danger {
    border-color: var(--danger);
  }

  .border-default {
    border-color: var(--default);
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-field {
    border-color: var(--field-background, var(--default));
  }

  .border-field-border {
    border-color: var(--field-border, var(--border));
  }

  .border-muted\/10 {
    border-color: color-mix(in srgb, unset 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted\/10 {
      border-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-surface {
    border-color: var(--surface);
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-accent-foreground {
    background-color: var(--accent-foreground);
  }

  .bg-accent-soft {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  .bg-accent\/10 {
    background-color: color-mix(in srgb, unset 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/10 {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .bg-accent\/15 {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/15 {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-danger {
    background-color: var(--danger);
  }

  .bg-danger-soft {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-soft {
      background-color: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  .bg-danger\/10 {
    background-color: color-mix(in srgb, unset 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/10 {
      background-color: color-mix(in oklab, var(--danger) 10%, transparent);
    }
  }

  .bg-danger\/15 {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/15 {
      background-color: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  .bg-default {
    background-color: var(--default);
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-field {
    background-color: var(--field-background, var(--default));
  }

  .bg-field-placeholder {
    background-color: var(--field-placeholder, var(--muted));
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: color-mix(in srgb, unset 30%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-overlay {
    background-color: var(--overlay);
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-segment {
    background-color: var(--segment);
  }

  .bg-separator {
    background-color: var(--separator);
  }

  .bg-separator\/30 {
    background-color: color-mix(in srgb, unset 30%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-separator\/30 {
      background-color: color-mix(in oklab, var(--separator) 30%, transparent);
    }
  }

  .bg-separator\/50 {
    background-color: color-mix(in srgb, unset 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-separator\/50 {
      background-color: color-mix(in oklab, var(--separator) 50%, transparent);
    }
  }

  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }

  .bg-success {
    background-color: var(--success);
  }

  .bg-success-foreground {
    background-color: var(--success-foreground);
  }

  .bg-success\/10 {
    background-color: color-mix(in srgb, unset 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .bg-success\/15 {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/15 {
      background-color: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  .bg-surface {
    background-color: var(--surface);
  }

  .bg-surface-secondary {
    background-color: color-mix(in srgb, unset 94%, unset 6%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary {
      background-color: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%);
    }
  }

  .bg-surface-tertiary {
    background-color: color-mix(in srgb, unset 92%, unset 8%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-tertiary {
      background-color: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-warning {
    background-color: var(--warning);
  }

  .bg-warning\/15 {
    background-color: color-mix(in srgb, unset 15%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/15 {
      background-color: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-\[25px\] {
    padding-inline: 25px;
  }

  .px-px {
    padding-inline: 1px;
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-\[3\.5px\] {
    padding-top: 3.5px;
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-safe-offset-3 {
    padding-bottom: calc(env(safe-area-inset-bottom)  + calc(var(--spacing) * 3));
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-base\/relaxed {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
  }

  .text-base\/snug {
    font-size: var(--text-base);
    line-height: var(--leading-snug);
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-lg\/6 {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 6);
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/snug {
    font-size: var(--text-sm);
    line-height: var(--leading-snug);
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-accent {
    color: var(--accent);
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-accent-soft-foreground {
    color: var(--accent);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-danger {
    color: var(--danger);
  }

  .text-danger-foreground {
    color: var(--danger-foreground);
  }

  .text-default-foreground {
    color: var(--default-foreground);
  }

  .text-field-foreground {
    color: var(--field-foreground, var(--foreground));
  }

  .text-field-placeholder {
    color: var(--field-placeholder, var(--muted));
  }

  .text-field-placeholder\/50 {
    color: color-mix(in srgb, unset 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-field-placeholder\/50 {
      color: color-mix(in oklab, var(--field-placeholder, var(--muted)) 50%, transparent);
    }
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-muted {
    color: var(--muted);
  }

  .text-pink-500 {
    color: var(--color-pink-500);
  }

  .text-segment-foreground {
    color: var(--segment-foreground);
  }

  .text-stone-500 {
    color: var(--color-stone-500);
  }

  .text-success {
    color: var(--success);
  }

  .text-success-foreground {
    color: var(--success-foreground);
  }

  .text-warning {
    color: var(--warning);
  }

  .text-warning-foreground {
    color: var(--warning-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-zinc-50 {
    color: var(--color-zinc-50);
  }

  .text-zinc-300 {
    color: var(--color-zinc-300);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .accent-accent, .accent-accent-soft-foreground {
    accent-color: var(--accent);
  }

  .accent-danger {
    accent-color: var(--danger);
  }

  .accent-field-foreground {
    accent-color: var(--field-foreground, var(--foreground));
  }

  .accent-field-placeholder {
    accent-color: var(--field-placeholder, var(--muted));
  }

  .accent-foreground {
    accent-color: var(--foreground);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-disabled {
    opacity: var(--opacity-disabled);
  }

  .shadow-surface\/25 {
    --tw-shadow-alpha: 25%;
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-field {
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-overlay {
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-surface {
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-accent {
    outline-color: var(--accent);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .filter {
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .focus\:border-accent:focus {
    border-color: var(--accent);
  }

  .focus\:border-blue-700:focus {
    border-color: var(--color-blue-700);
  }

  .focus\:border-danger:focus {
    border-color: var(--danger);
  }

  @media ios {
    .ios\:shadow-field {
      --tw-shadow: var(--field-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media android {
    .android\:shadow-sm {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .h-hairline {
    height: 1px;
  }

  .w-hairline {
    width: 1px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}