/*! tailwindcss v4.3.0 | 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-content: "";
      --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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --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;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: 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: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", "Source Code Pro", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-lime-50: oklch(98.6% .031 120.757);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-500: oklch(76.8% .233 130.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-lime-700: oklch(53.2% .157 131.589);
    --color-lime-800: oklch(45.3% .124 130.933);
    --color-lime-900: oklch(40.5% .101 131.063);
    --color-lime-950: oklch(27.4% .072 132.109);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-300: oklch(82.3% .12 346.018);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-900: oklch(40.8% .153 2.432);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-neutral-50: oklch(.985 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-100: oklch(.935 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-200: oklch(.875 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-300: oklch(.8 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-400: oklch(.708 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-500: oklch(.556 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-600: oklch(.439 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-700: oklch(.371 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-800: oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-900: oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-neutral-950: oklch(.145 var(--dx-neutral-chroma) var(--dx-neutral-hue));
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --text-xs: .75rem;
    --text-xs--line-height: 1rem;
    --text-sm: .875rem;
    --text-sm--line-height: 1.25rem;
    --text-base: 1rem;
    --text-base--line-height: 1.5rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.75rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.75rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 2rem;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 2.25rem;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 2.5rem;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .75rem;
    --radius-lg: 1rem;
    --radius-xl: .75rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --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;
    --animate-fade-in: fade-in .2s ease-out;
    --animate-fade-out: fade-out .4s ease-out;
    --animate-slide-down-and-fade: slide-down-and-fade .4s cubic-bezier(.16, 1, .3, 1);
    --animate-slide-up-and-fade: slide-up-and-fade .4s cubic-bezier(.16, 1, .3, 1);
    --animate-toast-hide: toast-hide .1s ease-in forwards;
    --animate-toast-slide-in-right: toast-slide-in-right .15s cubic-bezier(.16, 1, .3, 1);
    --animate-toast-slide-in-bottom: toast-slide-in-bottom .15s cubic-bezier(.16, 1, .3, 1);
    --animate-toast-swipe-out: toast-swipe-out .1s ease-out forwards;
    --animate-slide-down: slide-down .3s cubic-bezier(.87, 0, .13, 1);
    --animate-slide-up: slide-up .3s cubic-bezier(.87, 0, .13, 1);
    --animate-halo-pulse: halo-pulse 2s ease-out infinite;
    --animate-progress-indeterminate: progress-indeterminate 2s ease-out infinite;
    --animate-trail: trail 6s linear infinite;
    --animate-trail-offset: trail-offset 6s linear infinite;
    --animate-spin-slow: spin 3s linear infinite;
    --animate-blink: blink 1s step-start infinite;
    --ring-offset-width-focus-offset: var(--dx-focus-offset);
    --ring-width-focus-line: var(--dx-focus-line);
    --border-width-landmark-line: var(--dx-landmark-line);
    --radius-none: 0;
    --dx-neutral-hue: 190;
    --dx-neutral-chroma: .001;
    --color-neutral-75: color-mix(in srgb, oklch(.985 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.935 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-75: color-mix(in oklch, var(--color-neutral-50) 50%, var(--color-neutral-100) 50%);
    }
  }

  :root, :host {
    --color-neutral-125: color-mix(in srgb, oklch(.935 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 75%, oklch(.875 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 25%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-125: color-mix(in oklch, var(--color-neutral-100) 75%, var(--color-neutral-200) 25%);
    }
  }

  :root, :host {
    --color-neutral-150: color-mix(in srgb, oklch(.935 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.875 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-150: color-mix(in oklch, var(--color-neutral-100) 50%, var(--color-neutral-200) 50%);
    }
  }

  :root, :host {
    --color-neutral-250: color-mix(in srgb, oklch(.875 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.8 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-250: color-mix(in oklch, var(--color-neutral-200) 50%, var(--color-neutral-300) 50%);
    }
  }

  :root, :host {
    --color-neutral-750: color-mix(in srgb, oklch(.371 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-750: color-mix(in oklch, var(--color-neutral-700) 50%, var(--color-neutral-800) 50%);
    }
  }

  :root, :host {
    --color-neutral-775: color-mix(in srgb, color-mix(in oklch, var(--color-neutral-700) 50%, var(--color-neutral-800) 50%) 50%, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-775: color-mix(in oklch, var(--color-neutral-750) 50%, var(--color-neutral-800) 50%);
    }
  }

  :root, :host {
    --color-neutral-825: color-mix(in srgb, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 75%, oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 25%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-825: color-mix(in oklch, var(--color-neutral-800) 75%, var(--color-neutral-900) 25%);
    }
  }

  :root, :host {
    --color-neutral-850: color-mix(in srgb, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-850: color-mix(in oklch, var(--color-neutral-800) 50%, var(--color-neutral-900) 50%);
    }
  }

  :root, :host {
    --color-neutral-875: color-mix(in srgb, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 25%, oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 75%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-875: color-mix(in oklch, var(--color-neutral-800) 25%, var(--color-neutral-900) 75%);
    }
  }

  :root, :host {
    --color-neutral-925: color-mix(in srgb, oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, oklch(.145 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-neutral-925: color-mix(in oklch, var(--color-neutral-900) 50%, var(--color-neutral-950) 50%);
    }
  }

  :root, :host {
    --color-primary-50: var(--color-blue-50);
    --color-primary-100: var(--color-blue-100);
    --color-primary-200: var(--color-blue-200);
    --color-primary-300: var(--color-blue-300);
    --color-primary-400: var(--color-blue-400);
    --color-primary-500: var(--color-blue-500);
    --color-primary-600: var(--color-blue-600);
    --color-primary-700: var(--color-blue-700);
    --color-primary-800: var(--color-blue-800);
    --color-primary-900: var(--color-blue-900);
    --color-primary-950: var(--color-blue-950);
    --color-composer-300: #017ab7;
    --dx-elevation-1: light-dark(var(--color-neutral-200), var(--color-neutral-900));
    --dx-elevation-2: light-dark(var(--color-neutral-125), var(--color-neutral-875));
    --dx-elevation-3: light-dark(var(--color-neutral-125), var(--color-neutral-850));
    --dx-elevation-4: light-dark(var(--color-neutral-100), var(--color-neutral-825));
    --dx-elevation-5: light-dark(var(--color-neutral-75), var(--color-neutral-800));
    --dx-elevation-6: light-dark(var(--color-neutral-50), var(--color-neutral-775));
    --color-sidebar-surface: var(--dx-elevation-2);
    --color-header-surface: var(--dx-elevation-2);
    --color-deck-surface: var(--dx-elevation-3);
    --color-base-surface: var(--dx-elevation-3);
    --color-card-surface: var(--dx-elevation-3);
    --color-group-surface: var(--dx-elevation-4);
    --color-group-alt-surface: light-dark(oklch(from var(--dx-elevation-4) calc(l - .03) c h), oklch(from var(--dx-elevation-4) calc(l + .03) c h));
    --color-input-surface: var(--dx-elevation-4);
    --color-toolbar-surface: var(--dx-elevation-5);
    --color-modal-surface: var(--dx-elevation-6);
    --color-popover-surface: var(--dx-elevation-6);
    --color-l0-surface: var(--dx-elevation-1);
    --color-l1-surface: var(--dx-elevation-2);
    --color-r0-surface: var(--dx-elevation-2);
    --color-r1-surface: var(--dx-elevation-2);
    --color-scrim-surface: light-dark(oklch(from var(--color-neutral-50) l c h / .5), oklch(from var(--color-neutral-950) l c h / .25));
    --color-inverse-surface: light-dark(var(--color-neutral-800), var(--color-neutral-200));
    --color-inverse-fg: light-dark(var(--color-neutral-50), var(--color-neutral-950));
    --color-base-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150));
    --color-sidebar-fg: light-dark(var(--color-neutral-700), var(--color-neutral-250));
    --color-sidebar-current-fg: light-dark(var(--color-neutral-950), var(--color-neutral-75));
    --color-focus-surface: light-dark(var(--color-neutral-50), var(--color-neutral-850));
    --color-focus-ring: light-dark(var(--color-blue-400), var(--color-blue-600));
    --color-focus-ring-subtle: light-dark(var(--color-neutral-300), var(--color-neutral-600));
    --color-attention-surface: var(--color-focus-surface);
    --color-attention-contains: oklch(from var(--color-accent-bg) l c h / .3);
    --color-input-bg: light-dark(var(--color-neutral-250), var(--color-neutral-700));
    --color-input-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150));
    --dx-hover-surface-base: light-dark(var(--color-neutral-200), var(--color-neutral-850));
    --color-hover-surface: var(--dx-hover-surface-base);
    --color-hover-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150));
    --dx-current-surface-base: light-dark(var(--color-neutral-150), var(--color-neutral-800));
    --dx-current-surface-hover-base: light-dark(var(--color-neutral-150), var(--color-neutral-600));
    --color-current-surface: var(--dx-current-surface-base);
    --color-current-surface-hover: var(--dx-current-surface-hover-base);
    --color-current-fg: light-dark(var(--color-neutral-950), var(--color-neutral-50));
    --color-selected-surface: var(--color-current-surface);
    --color-selected-surface-hover: var(--color-current-surface-hover);
    --color-selected-fg: var(--color-current-fg);
    --color-accent-bg: light-dark(var(--color-blue-600), var(--color-blue-700));
    --color-accent-bg-hover: light-dark(var(--color-blue-700), var(--color-blue-800));
    --color-accent-fg: var(--color-blue-100);
    --color-accent-text: light-dark(var(--color-blue-600), var(--color-blue-400));
    --color-accent-text-hover: light-dark(var(--color-blue-500), var(--color-blue-500));
    --color-un-accent: var(--color-neutral-400);
    --color-un-accent-hover: var(--color-neutral-500);
    --color-primary-separator: light-dark(var(--color-neutral-300), var(--color-neutral-700));
    --color-separator: light-dark(var(--color-neutral-200), var(--color-neutral-700));
    --color-subdued-separator: light-dark(var(--color-neutral-250), var(--color-neutral-750));
    --color-scrollbar-track: light-dark(var(--color-neutral-50), var(--color-neutral-950));
    --color-scrollbar-thumb: light-dark(var(--color-neutral-200), var(--color-neutral-600));
    --color-scrollbar-thumb-active: light-dark(var(--color-neutral-200), var(--color-neutral-600));
    --color-scrollbar-thumb-hover: light-dark(var(--color-neutral-200), var(--color-neutral-600));
    --color-grid-surface: light-dark(var(--color-neutral-50), var(--color-neutral-950));
    --color-grid-fg: light-dark(var(--color-neutral-950), var(--color-neutral-50));
    --color-grid-line: light-dark(var(--color-neutral-200), var(--color-neutral-800));
    --color-grid-highlight: oklch(from var(--color-emerald-500) l c h / .5);
    --color-grid-selection-surface: light-dark(var(--color-blue-500), var(--color-blue-400));
    --color-grid-selection-fg: light-dark(var(--color-neutral-50), var(--color-neutral-950));
    --color-grid-comment: light-dark(var(--color-green-400), var(--color-green-600));
    --color-grid-comment-active: light-dark(oklch(from var(--color-green-400) l c h / .5), oklch(from var(--color-green-600) l c h / .5));
    --color-placeholder: light-dark(var(--color-neutral-400), var(--color-neutral-600));
    --color-subdued: light-dark(var(--color-neutral-500), var(--color-neutral-600));
    --color-description: light-dark(var(--color-neutral-600), var(--color-neutral-400));
    --spacing-screen-border: 2rem;
    --spacing-popover-min-width: 16rem;
    --spacing-document-max-width: 50rem;
    --spacing-document-width: calc(50rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    --spacing-card-default-width: 20rem;
    --spacing-card-min-width: 18rem;
    --spacing-card-max-width: 22rem;
    --spacing-card-max-height: 30rem;
    --spacing-tag-padding-block: .125rem;
    --spacing-trim-xs: .25rem;
    --spacing-trim-sm: .5rem;
    --spacing-trim-md: .75rem;
    --spacing-trim-lg: 1.5rem;
    --spacing-form-chrome: var(--spacing-trim-xs);
    --spacing-form-gap: var(--spacing-trim-sm);
    --spacing-form-section-gap: var(--spacing-trim-lg);
    --spacing-form-padding: var(--spacing-trim-sm);
    --color-primary-fg: var(--color-blue-fg);
    --color-primary-surface: var(--color-blue-surface);
    --color-primary-text: var(--color-blue-text);
    --color-info-bg: var(--color-cyan-bg);
    --color-info-bg-hover: var(--color-cyan-bg-hover);
    --color-info-fg: var(--color-cyan-fg);
    --color-info-surface: var(--color-cyan-surface);
    --color-info-text: var(--color-cyan-text);
    --color-info-border: var(--color-cyan-border);
    --color-success-bg: var(--color-emerald-bg);
    --color-success-bg-hover: var(--color-emerald-bg-hover);
    --color-success-fg: var(--color-emerald-fg);
    --color-success-surface: var(--color-emerald-surface);
    --color-success-text: var(--color-emerald-text);
    --color-success-border: var(--color-emerald-border);
    --color-warning-bg: var(--color-amber-bg);
    --color-warning-bg-hover: var(--color-amber-bg-hover);
    --color-warning-fg: var(--color-amber-fg);
    --color-warning-surface: var(--color-amber-surface);
    --color-warning-text: var(--color-amber-text);
    --color-warning-border: var(--color-amber-border);
    --color-error-bg: var(--color-rose-bg);
    --color-error-bg-hover: var(--color-rose-bg-hover);
    --color-error-fg: var(--color-rose-fg);
    --color-error-surface: var(--color-rose-surface);
    --color-error-text: var(--color-rose-text);
    --color-error-border: var(--color-rose-border);
    --color-neutral-bg: var(--color-neutral-600);
    --color-neutral-bg-hover: var(--color-neutral-700);
    --color-neutral-fg: var(--color-neutral-900);
    --color-neutral-surface: var(--color-neutral-400);
    --color-neutral-text: light-dark(var(--color-neutral-800), var(--color-neutral-500));
    --color-neutral-border: var(--color-neutral-600);
    --color-red-bg: var(--color-red-600);
    --color-red-bg-hover: var(--color-red-700);
    --color-red-fg: var(--color-red-900);
    --color-red-surface: var(--color-red-400);
    --color-red-text: light-dark(var(--color-red-800), var(--color-red-500));
    --color-red-border: var(--color-red-600);
    --color-orange-bg: var(--color-orange-600);
    --color-orange-bg-hover: var(--color-orange-700);
    --color-orange-fg: var(--color-orange-900);
    --color-orange-surface: var(--color-orange-400);
    --color-orange-text: light-dark(var(--color-orange-800), var(--color-orange-500));
    --color-orange-border: var(--color-orange-600);
    --color-amber-bg: var(--color-amber-600);
    --color-amber-bg-hover: var(--color-amber-700);
    --color-amber-fg: var(--color-amber-900);
    --color-amber-surface: var(--color-amber-400);
    --color-amber-text: light-dark(var(--color-amber-800), var(--color-amber-500));
    --color-amber-border: var(--color-amber-600);
    --color-yellow-bg: var(--color-yellow-600);
    --color-yellow-bg-hover: var(--color-yellow-700);
    --color-yellow-fg: var(--color-yellow-900);
    --color-yellow-surface: var(--color-yellow-400);
    --color-yellow-text: light-dark(var(--color-yellow-800), var(--color-yellow-500));
    --color-yellow-border: var(--color-yellow-600);
    --color-lime-bg: var(--color-lime-600);
    --color-lime-bg-hover: var(--color-lime-700);
    --color-lime-fg: var(--color-lime-900);
    --color-lime-surface: var(--color-lime-400);
    --color-lime-text: light-dark(var(--color-lime-800), var(--color-lime-500));
    --color-lime-border: var(--color-lime-600);
    --color-green-bg: var(--color-green-600);
    --color-green-bg-hover: var(--color-green-700);
    --color-green-fg: var(--color-green-900);
    --color-green-surface: var(--color-green-400);
    --color-green-text: light-dark(var(--color-green-800), var(--color-green-500));
    --color-green-border: var(--color-green-600);
    --color-emerald-bg: var(--color-emerald-600);
    --color-emerald-bg-hover: var(--color-emerald-700);
    --color-emerald-fg: var(--color-emerald-900);
    --color-emerald-surface: var(--color-emerald-400);
    --color-emerald-text: light-dark(var(--color-emerald-800), var(--color-emerald-500));
    --color-emerald-border: var(--color-emerald-600);
    --color-teal-bg: var(--color-teal-600);
    --color-teal-bg-hover: var(--color-teal-700);
    --color-teal-fg: var(--color-teal-900);
    --color-teal-surface: var(--color-teal-400);
    --color-teal-text: light-dark(var(--color-teal-800), var(--color-teal-500));
    --color-teal-border: var(--color-teal-600);
    --color-cyan-bg: var(--color-cyan-600);
    --color-cyan-bg-hover: var(--color-cyan-700);
    --color-cyan-fg: var(--color-cyan-900);
    --color-cyan-surface: var(--color-cyan-400);
    --color-cyan-text: light-dark(var(--color-cyan-800), var(--color-cyan-500));
    --color-cyan-border: var(--color-cyan-600);
    --color-sky-bg: var(--color-sky-600);
    --color-sky-bg-hover: var(--color-sky-700);
    --color-sky-fg: var(--color-sky-900);
    --color-sky-surface: var(--color-sky-400);
    --color-sky-text: light-dark(var(--color-sky-800), var(--color-sky-500));
    --color-sky-border: var(--color-sky-600);
    --color-blue-bg: var(--color-blue-600);
    --color-blue-bg-hover: var(--color-blue-700);
    --color-blue-fg: var(--color-blue-900);
    --color-blue-surface: var(--color-blue-400);
    --color-blue-text: light-dark(var(--color-blue-800), var(--color-blue-500));
    --color-blue-border: var(--color-blue-600);
    --color-indigo-bg: var(--color-indigo-600);
    --color-indigo-bg-hover: var(--color-indigo-700);
    --color-indigo-fg: var(--color-indigo-900);
    --color-indigo-surface: var(--color-indigo-400);
    --color-indigo-text: light-dark(var(--color-indigo-800), var(--color-indigo-500));
    --color-indigo-border: var(--color-indigo-600);
    --color-violet-bg: var(--color-violet-600);
    --color-violet-bg-hover: var(--color-violet-700);
    --color-violet-fg: var(--color-violet-900);
    --color-violet-surface: var(--color-violet-400);
    --color-violet-text: light-dark(var(--color-violet-800), var(--color-violet-500));
    --color-violet-border: var(--color-violet-600);
    --color-purple-bg: var(--color-purple-600);
    --color-purple-bg-hover: var(--color-purple-700);
    --color-purple-fg: var(--color-purple-900);
    --color-purple-surface: var(--color-purple-400);
    --color-purple-text: light-dark(var(--color-purple-800), var(--color-purple-500));
    --color-purple-border: var(--color-purple-600);
    --color-fuchsia-bg: var(--color-fuchsia-600);
    --color-fuchsia-bg-hover: var(--color-fuchsia-700);
    --color-fuchsia-fg: var(--color-fuchsia-900);
    --color-fuchsia-surface: var(--color-fuchsia-400);
    --color-fuchsia-text: light-dark(var(--color-fuchsia-800), var(--color-fuchsia-500));
    --color-fuchsia-border: var(--color-fuchsia-600);
    --color-pink-bg: var(--color-pink-600);
    --color-pink-bg-hover: var(--color-pink-700);
    --color-pink-fg: var(--color-pink-900);
    --color-pink-surface: var(--color-pink-400);
    --color-pink-text: light-dark(var(--color-pink-800), var(--color-pink-500));
    --color-pink-border: var(--color-pink-600);
    --color-rose-bg: var(--color-rose-600);
    --color-rose-bg-hover: var(--color-rose-700);
    --color-rose-fg: var(--color-rose-900);
    --color-rose-surface: var(--color-rose-400);
    --color-rose-text: light-dark(var(--color-rose-800), var(--color-rose-500));
    --color-rose-border: var(--color-rose-600);
    --font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
    --color-cm-codeblock: oklch(from var(--color-neutral-500) l c h / .1);
    --color-cm-active-line: light-dark(oklch(from var(--color-neutral-200) l c h / .5), oklch(from var(--color-neutral-800) l c h / .5));
    --color-cm-separator: var(--color-blue-500);
    --color-cm-cursor: light-dark(var(--color-neutral-900), var(--color-neutral-100));
    --color-cm-selection: light-dark(oklch(from var(--color-blue-400) l c h / .5), oklch(from var(--color-blue-600) l c h / .5));
    --color-cm-focused-selection: light-dark(var(--color-blue-400), oklch(44.5% .057 256));
    --color-cm-highlight: light-dark(var(--color-neutral-950), var(--color-neutral-50));
    --color-cm-highlight-surface: light-dark(var(--color-sky-200), var(--color-cyan-800));
    --color-cm-comment-text: light-dark(var(--color-neutral-950), var(--color-neutral-950));
    --color-cm-comment-surface: light-dark(var(--color-teal-200), var(--color-teal-200));
    --color-cm-comment-current-surface: light-dark(var(--color-orange-200), var(--color-orange-200));
    --color-cm-code: light-dark(var(--color-stone-600), var(--color-stone-400));
    --color-cm-code-inline: light-dark(var(--color-green-500), var(--color-green-500));
    --color-cm-heading: light-dark(var(--color-blue-700), var(--color-blue-300));
    --color-cm-heading-number: light-dark(var(--color-blue-600), var(--color-blue-400));
  }
}
@layer dx-tokens {
  .dx-density-lg {
    --spacing-form-padding: var(--spacing-trim-md);
    --spacing-icon-button-padding: var(--spacing-trim-sm);
    --spacing-scroll-padding: 8px;
  }

  .dx-density-sm, .dx-density-xs {
    --spacing-form-padding: var(--spacing-trim-xs);
    --spacing-icon-button-padding: var(--spacing-trim-xs);
    --spacing-scroll-padding: 2px;
  }

  :root {
    --dx-line-0: 0px;
    --dx-line-1: 1px;
    --dx-line-2: 2px;
    --dx-lacuna-12: 1.5rem;
    --dx-lacuna-3: .375rem;
    --dx-lacuna-4: .5rem;
    --dx-lacuna-6: .75rem;
    --dx-gutter-xs: .25rem;
    --dx-gutter-sm: 1rem;
    --dx-gutter-md: 2rem;
    --dx-gutter-lg: 2.5rem;
    --dx-hair-line: var(--dx-line-1);
    --dx-landmark-line: 1px;
    --dx-modal-line: var(--dx-hair-line);
    --dx-no-line: var(--dx-line-0);
    --dx-thick-line: var(--dx-line-2);
    --dx-focus-line: var(--dx-thick-line);
    --dx-focus-offset: var(--dx-no-line);
    --dx-grid-focus-indicator-width: var(--dx-hair-line);
    --dx-input-md: var(--dx-lacuna-3);
    --dx-input-lg: var(--dx-lacuna-4);
    --dx-input-sm: var(--dx-lacuna-3);
    --dx-default-icons-size: 1rem;
  }

  [data-grid-focus-indicator-variant="stack"] {
    --dx-grid-focus-indicator-width: var(--dx-thick-line);
  }

  :root {
    --dx-rail-content: 3rem;
    --dx-rail-size: calc(var(--dx-rail-content) + 1px);
    --dx-rail-item: calc(var(--dx-rail-content) - 1rem);
    --dx-rail-action: calc(var(--dx-rail-content) - .5rem);
    --dx-topbar-size: var(--dx-rail-size);
    --dx-toolbar-size: var(--dx-rail-action);
    --dx-statusbar-size: var(--dx-rail-item);
    --dx-nav-sidebar-size: 350px;
    --dx-complementary-sidebar-size: 25rem;
    --dx-drawer-size: 50dvh;
    --dx-l0-size: 72px;
    --dx-l0-avatar-size: 3rem;
    --dx-l1-size: calc(var(--dx-nav-sidebar-size) - var(--dx-l0-size));
    --dx-r0-size: var(--dx-rail-size);
    --dx-r1-size: calc(var(--dx-complementary-sidebar-size) - var(--dx-r0-size) - 1px);
    --dx-calc-auto: auto;
    --dx-calc-min: min-content;
    --dx-calc-fit: fit-content;
    --dx-calc-max: max-content;
    --dx-calc-content: content;
  }

  @supports ((block-size: calc-size(-moz-fit-content, size)) or (block-size: calc-size(fit-content, size))) {
    :root {
      --dx-calc-auto: calc-size(auto, size);
      --dx-calc-min: calc-size(min-content, size);
      --dx-calc-fit: calc-size(fit-content, size);
      --dx-calc-max: calc-size(max-content, size);
      --dx-calc-content: calc-size(content, size);
    }
  }

  :root {
    --dx-tag-padding-block: var(--spacing-tag-padding-block);
  }

  html, html.dark, html .dark, .sb-show-main {
    background-color: var(--color-base-surface);
    color: var(--color-base-fg);
    --surface-bg: var(--color-base-surface);
    --foreground: var(--color-base-fg);
    --description-text: var(--color-description);
  }

  .dx-main-sidebar {
    --dx-sidebar-l-shift: .04;
    --color-hover-surface: light-dark(oklch(from var(--dx-hover-surface-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-hover-surface-base) calc(l + var(--dx-sidebar-l-shift)) c h));
    --color-current-surface: light-dark(oklch(from var(--dx-current-surface-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-current-surface-base) calc(l + var(--dx-sidebar-l-shift)) c h));
    --color-current-surface-hover: light-dark(oklch(from var(--dx-current-surface-hover-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-current-surface-hover-base) calc(l + var(--dx-sidebar-l-shift)) c h));
  }

  .dx-modal-surface, .dx-popover-surface {
    --color-hover-surface: light-dark(oklch(from var(--surface-bg) calc(l - .08) c h), oklch(from var(--surface-bg) calc(l + .08) c h));
    --color-current-surface: light-dark(oklch(from var(--surface-bg) calc(l - .1) c h), oklch(from var(--surface-bg) calc(l + .1) c h));
    --color-current-surface-hover: light-dark(oklch(from var(--surface-bg) calc(l - .12) c h), oklch(from var(--surface-bg) calc(l + .12) c h));
  }
}
@layer user-tokens;
@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%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         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;
    -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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

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

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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 {
    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"]) {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

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

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

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

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

  input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  :is(input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(54.6% .245 262.881);
    outline: 2px solid #0000;
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1;
  }

  input::placeholder, textarea::placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }

  ::-webkit-date-and-time-value {
    text-align: inherit;
  }

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

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

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

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

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

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

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

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

  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }

  select:where([multiple]), select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
    padding-right: .75rem;
  }

  input:where([type="checkbox"]), input:where([type="radio"]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    color: oklch(54.6% .245 262.881);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }

  input:where([type="checkbox"]) {
    border-radius: 0;
  }

  input:where([type="radio"]) {
    border-radius: 100%;
  }

  input:where([type="checkbox"]):focus, input:where([type="radio"]):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000;
  }

  input:where([type="checkbox"]):checked, input:where([type="radio"]):checked {
    background-color: currentColor;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  input:where([type="checkbox"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="radio"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="radio"]):checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="checkbox"]):checked:hover, input:where([type="checkbox"]):checked:focus, input:where([type="radio"]):checked:hover, input:where([type="radio"]):checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="checkbox"]):indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):indeterminate {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="checkbox"]):indeterminate:hover, input:where([type="checkbox"]):indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="file"]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  input:where([type="file"]):focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }

  * {
    scrollbar-color: initial;
    scrollbar-width: initial;
  }
}
@layer tw-base;
@layer dx-base {
  :root {
    color-scheme: light;
    touch-action: pan-x pan-y;
    font-synthesis: none;
    font-variation-settings: "wght" 400, "slnt" 0;
    font-family: var(--font-body);
    scroll-padding-block-start: var(--spacing-14);
    scroll-padding-block-end: var(--spacing-2);
  }

  .dark {
    color-scheme: dark;
  }

  button {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
}
@layer components, tw-components;
@layer dx-components {
  .not-italic {
    font-variation-settings: "wght" 400, "slnt" 0;
  }

  .font-thin, .not-italic.font-thin, .not-italic .font-thin, .font-thin .not-italic {
    font-variation-settings: "wght" 100, "slnt" 0;
  }

  .font-extralight, .not-italic.font-extralight, .not-italic .font-extralight, .font-extralight .not-italic {
    font-variation-settings: "wght" 200, "slnt" 0;
  }

  .font-light, .not-italic.font-light, .not-italic .font-light, .font-light .not-italic {
    font-variation-settings: "wght" 300, "slnt" 0;
  }

  .font-normal, .not-italic.font-normal, .not-italic .font-normal, .font-normal .not-italic {
    font-variation-settings: "wght" 400, "slnt" 0;
  }

  .font-medium, .not-italic.font-medium, .not-italic .font-medium, .font-medium .not-italic {
    font-variation-settings: "wght" 500, "slnt" 0;
  }

  .font-semibold, .not-italic.font-semibold, .not-italic .font-semibold, .font-semibold .not-italic {
    font-variation-settings: "wght" 600, "slnt" 0;
  }

  .font-bold, .not-italic.font-bold, .not-italic .font-bold, .font-bold .not-italic {
    font-variation-settings: "wght" 700, "slnt" 0;
  }

  .font-extrabold, .not-italic.font-extrabold, .not-italic .font-extrabold, .font-extrabold .not-italic {
    font-variation-settings: "wght" 800, "slnt" 0;
  }

  .font-black, .not-italic.font-black, .not-italic .font-black, .font-black .not-italic {
    font-variation-settings: "wght" 900, "slnt" 0;
  }

  .italic {
    font-variation-settings: "wght" 400, "slnt" -10;
  }

  .italic.font-thin, .italic .font-thin, .font-thin .italic {
    font-variation-settings: "wght" 100, "slnt" -10;
  }

  .italic.font-extralight, .italic .font-extralight, .font-extralight .italic {
    font-variation-settings: "wght" 200, "slnt" -10;
  }

  .italic.font-light, .italic .font-light, .font-light .italic {
    font-variation-settings: "wght" 300, "slnt" -10;
  }

  .italic.font-normal, .italic .font-normal, .font-normal .italic {
    font-variation-settings: "wght" 400, "slnt" -10;
  }

  .italic.font-medium, .italic .font-medium, .font-medium .italic {
    font-variation-settings: "wght" 500, "slnt" -10;
  }

  .italic.font-semibold, .italic .font-semibold, .font-semibold .italic {
    font-variation-settings: "wght" 600, "slnt" -10;
  }

  .italic.font-bold, .italic .font-bold, .font-bold .italic {
    font-variation-settings: "wght" 700, "slnt" -10;
  }

  .italic.font-extrabold, .italic .font-extrabold, .font-extrabold .italic {
    font-variation-settings: "wght" 800, "slnt" -10;
  }

  .italic.font-black, .italic .font-black, .font-black .italic {
    font-variation-settings: "wght" 900, "slnt" -10;
  }

  .dx-button {
    min-height: 2rem;
    padding-inline: calc(var(--spacing) * 3);
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    background-color: var(--color-input-bg);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .1s;
    --tw-ease: linear;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: .1s;
    transition-timing-function: linear;
    display: inline-flex;
    overflow: hidden;
  }

  .dx-button[data-variant="default"] {
    color: var(--dx-valence-text, inherit);
    background: var(--dx-valence-bg, var(--color-input-bg));
  }

  .dx-button[aria-pressed="true"], .dx-button[aria-checked="true"] {
    background-color: var(--color-attention-surface);
    color: var(--color-accent-text);
  }

  .dx-button[disabled]:not([disabled="false"]) {
    cursor: not-allowed;
    opacity: .4;
    --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);
  }

  .dx-button[data-variant="ghost"] {
    background-color: #0000;
  }

  .dx-button[data-variant="ghost"]:hover {
    background: light-dark(oklch(from var(--surface-bg, var(--color-base-surface)) calc(l - .05) c h), oklch(from var(--surface-bg, var(--color-base-surface)) calc(l + .05) c h));
    color: inherit;
  }

  .dx-button[data-variant="ghost"][data-state="open"] {
    background-color: var(--color-input-bg);
  }

  .dx-button[data-variant="ghost"][aria-pressed="true"], .dx-button[data-variant="ghost"][aria-checked="true"] {
    background-color: var(--color-base-surface);
    color: var(--color-accent-text);
  }

  .dx-button[data-variant="outline"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-surface);
    background-color: #0000;
  }

  .dx-button[data-variant="outline"]:hover, :is(.dx-button:not([disabled]), .dx-button[disabled="false"]):hover {
    background-color: var(--color-hover-surface);
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="default"]:hover {
    color: var(--dx-valence-text);
    background-color: var(--dx-valence-bg-hover, var(--color-hover-surface));
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="ghost"]:hover {
    color: var(--dx-valence-text);
    background-color: var(--dx-valence-bg, var(--color-hover-surface));
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="primary"] {
    background-color: var(--color-accent-bg);
    color: var(--color-accent-fg);
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="primary"]:hover, :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="primary"][aria-pressed="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="primary"][aria-checked="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="primary"][data-state="open"] {
    background-color: var(--color-accent-bg-hover);
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="destructive"] {
    background-color: var(--color-error-bg);
    color: var(--color-accent-fg);
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="destructive"]:hover, :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="destructive"][aria-pressed="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="destructive"][aria-checked="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="destructive"][data-state="open"] {
    background-color: var(--color-error-bg-hover);
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="valence"] {
    color: var(--color-inverse-fg);
    background: var(--dx-valence-bg, var(--color-neutral-bg));
  }

  :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="valence"]:hover, :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="valence"][aria-pressed="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="valence"][aria-checked="true"], :is(.dx-button:not([disabled]), .dx-button[disabled="false"])[data-variant="valence"][data-state="open"] {
    background-color: var(--dx-valence-bg-hover, var(--color-neutral-bg-hover));
  }

  .dx-button:not([data-props~="grouped"]) {
    border-radius: var(--radius-xs);
  }

  .dx-button:not([data-props~="wrap"]) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .dx-button[data-density="lg"] {
    min-height: 2.5rem;
    padding-inline: calc(var(--spacing) * 3);
  }

  .dx-button[data-density="sm"] {
    min-height: 1.75rem;
    padding-inline: calc(var(--spacing) * 2);
  }

  .dx-button[data-density="xs"] {
    min-height: 1.5rem;
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .dx-button[data-density="xs"].aspect-square {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    padding-inline: calc(var(--spacing) * 0);
  }

  @media (pointer: fine) {
    .dx-button[data-density="md"] {
      min-height: 2rem;
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }

  .dx-card__section > :not([class*="col-span"]) {
    grid-column: var(--dx-col, auto);
  }

  .dx-checkbox--switch, .dx-checkbox {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-un-accent);
  }

  :is(.dx-checkbox--switch, .dx-checkbox)[aria-checked="true"], :is(.dx-checkbox--switch, .dx-checkbox)[aria-checked="mixed"], :is(.dx-checkbox--switch, .dx-checkbox):checked {
    border-color: var(--color-accent-bg);
    background-color: var(--color-accent-bg);
    accent-color: var(--color-accent-bg);
  }

  :is(:is(.dx-checkbox--switch, .dx-checkbox):not([disabled]), :is(.dx-checkbox--switch, .dx-checkbox)[disabled="false"]):hover {
    background-color: var(--color-un-accent-hover);
    accent-color: var(--color-un-accent-hover);
  }

  :is(:is(.dx-checkbox--switch, .dx-checkbox):not([disabled]), :is(.dx-checkbox--switch, .dx-checkbox)[disabled="false"]):hover[aria-checked="true"], :is(:is(.dx-checkbox--switch, .dx-checkbox):not([disabled]), :is(.dx-checkbox--switch, .dx-checkbox)[disabled="false"]):hover[aria-checked="mixed"], :is(:is(.dx-checkbox--switch, .dx-checkbox):not([disabled]), :is(.dx-checkbox--switch, .dx-checkbox)[disabled="false"]):hover:checked {
    border-color: var(--color-accent-bg-hover);
    background-color: var(--color-accent-bg-hover);
    accent-color: var(--color-accent-bg-hover);
  }

  .dx-checkbox {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: var(--radius-xs);
    background-color: var(--color-un-accent);
    color: var(--color-accent-fg);
    accent-color: var(--color-un-accent);
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
    overflow: hidden;
  }

  .dx-checkbox--switch {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 8);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--color-un-accent);
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    cursor: pointer;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
  }

  .dx-checkbox--switch:before {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-color: var(--color-separator);
    background-color: var(--color-white);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .1s;
    will-change: transform;
    content: "";
    border-radius: 3.40282e38px;
    margin-block: .1875rem;
    margin-inline: .1875rem;
    transition-duration: .1s;
    display: block;
    position: absolute;
  }

  .dx-checkbox--switch[aria-checked="true"], .dx-checkbox--switch[aria-checked="mixed"], .dx-checkbox--switch:checked {
    background-image: none;
  }

  :is(.dx-checkbox--switch[aria-checked="true"], .dx-checkbox--switch[aria-checked="mixed"], .dx-checkbox--switch:checked):before {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dx-dialog__overlay {
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    z-index: 40;
    height: 100dvh;
    padding-block: env(safe-area-inset-top);
    background-color: var(--color-scrim-surface);
    --tw-backdrop-blur: blur(var(--blur-xs));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    place-items: center;
    display: grid;
    position: fixed;
  }

  .dx-dialog__overlay[data-state="open"] {
    animation: var(--animate-fade-in);
  }

  .dx-dialog__overlay[data-state="closed"] {
    animation: var(--animate-fade-out);
  }

  .dx-dialog__overlay[data-block-align="start"] {
    place-items: start center;
  }

  .dx-dialog__overlay[data-block-align="center"] {
    place-items: center;
  }

  .dx-dialog__overlay[data-block-align="end"] {
    place-items: end center;
  }

  @media (min-width: 40rem) {
    .dx-dialog__overlay {
      padding: calc(env(safe-area-inset-top) + .6rem);
    }
  }

  @media (min-width: 48rem) {
    .dx-dialog__overlay {
      padding: calc(env(safe-area-inset-top) + 1.2rem);
    }
  }

  @media (min-width: 64rem) {
    .dx-dialog__overlay {
      padding: calc(env(safe-area-inset-top) + 2.4rem);
    }
  }

  .dx-dialog__content {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    width: 100dvw;
    max-width: 100%;
    max-height: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .dx-dialog__content[data-state="open"] {
    animation: var(--animate-slide-up-and-fade);
  }

  .dx-dialog__content[data-state="closed"] {
    animation: var(--animate-slide-down-and-fade);
  }

  @media (min-width: 40rem) {
    .dx-dialog__content {
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-separator);
      width: 95vw;
    }
  }

  @media (min-width: 48rem) {
    .dx-dialog__content {
      max-width: 24rem;
    }
  }

  .dx-dialog__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex-shrink: 0;
  }

  :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible[data-variant="primary"] {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(:is(.dx-focus-ring, .dx-focus-ring-inset):not([disabled]), :is(.dx-focus-ring, .dx-focus-ring-inset)[disabled="false"]):focus-visible:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dx-focus-ring-none:focus, .dx-focus-ring-none:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  @media (forced-colors: active) {
    .dx-focus-ring-none:focus, .dx-focus-ring-none:focus-visible {
      outline-offset: 2px !important;
      outline: 2px solid #0000 !important;
    }
  }

  :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus[data-variant="primary"] {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(:is(.dx-focus-ring-always, .dx-focus-ring-inset-always):not([disabled]), :is(.dx-focus-ring-always, .dx-focus-ring-inset-always)[disabled="false"]):focus:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-group, .dx-focus-ring-group-x, .dx-focus-ring-group-y, .dx-focus-ring-group-always, .dx-focus-ring-group-x-always, .dx-focus-ring-group-y-always):not([disabled]), :is(.dx-focus-ring-group, .dx-focus-ring-group-x, .dx-focus-ring-group-y, .dx-focus-ring-group-always, .dx-focus-ring-group-x-always, .dx-focus-ring-group-y-always)[disabled="false"]):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-group, .dx-focus-ring-group-x, .dx-focus-ring-group-y, .dx-focus-ring-group-always, .dx-focus-ring-group-x-always, .dx-focus-ring-group-y-always):not([disabled]), :is(.dx-focus-ring-group, .dx-focus-ring-group-x, .dx-focus-ring-group-y, .dx-focus-ring-group-always, .dx-focus-ring-group-x-always, .dx-focus-ring-group-y-always)[disabled="false"]):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  :is(.dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator)[data-variant="primary"] {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(.dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator):hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(.dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator):hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(.dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator):hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(.dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator, .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator):hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  :is(.dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator)[data-variant="primary"] {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(.dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator):hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(.dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator):hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(.dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator):hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(.dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator, .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator, .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator):hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(.dx-focus-ring-inset:not([disabled]), .dx-focus-ring-inset[disabled="false"]):focus-visible, :is(.dx-focus-ring-inset-always:not([disabled]), .dx-focus-ring-inset-always[disabled="false"]):focus {
    --tw-ring-inset: inset;
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):after {
    content: "";
    pointer-events: none;
    z-index: 20;
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible:after {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-inset: inset;
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible[data-variant="primary"]:after {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-main[data-handles-focus="true"])[disabled="false"]):focus-visible:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):after {
    content: "";
    pointer-events: none;
    z-index: 20;
  }

  :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus:after {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ring-width-focus-line) + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-focus-ring-subtle);
    --tw-ring-offset-width: var(--ring-offset-width-focus-offset);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-inset: inset;
  }

  :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus[data-variant="primary"]:after {
    --tw-ring-color: var(--color-focus-ring);
  }

  :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dark :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus:hover {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dark :is(:is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"]):not([disabled]), :is(.dx-focus-ring-inset-over-all-always, .dx-focus-ring-main-always[data-handles-focus="true"])[disabled="false"]):focus:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:is(.dx-focus-ring-inset-over-all, .dx-focus-ring-inset-over-all-always):not([disabled]), :is(.dx-focus-ring-inset-over-all, .dx-focus-ring-inset-over-all-always)[disabled="false"]):after {
    inset: calc(var(--spacing) * 0);
    position: absolute;
  }

  :is(.dx-focus-ring-main[data-handles-focus="true"]:not([disabled]), .dx-focus-ring-main[data-handles-focus="true"][disabled="false"]):after {
    position: fixed;
    inset: 0;
  }

  @media (min-width: 64rem) {
    :is(.dx-focus-ring-main[data-handles-focus="true"]:not([disabled]), .dx-focus-ring-main[data-handles-focus="true"][disabled="false"])[data-sidebar-left-state="expanded"]:after {
      inset-inline-start: var(--dx-nav-sidebar-size);
    }

    :is(.dx-focus-ring-main[data-handles-focus="true"]:not([disabled]), .dx-focus-ring-main[data-handles-focus="true"][disabled="false"])[data-sidebar-left-state="collapsed"]:after {
      inset-inline-start: var(--dx-l0-size);
    }

    :is(.dx-focus-ring-main[data-handles-focus="true"]:not([disabled]), .dx-focus-ring-main[data-handles-focus="true"][disabled="false"])[data-sidebar-right-state="expanded"]:after {
      inset-inline-end: var(--dx-complementary-sidebar-size);
    }

    :is(.dx-focus-ring-main[data-handles-focus="true"]:not([disabled]), .dx-focus-ring-main[data-handles-focus="true"][disabled="false"])[data-sidebar-right-state="collapsed"]:after {
      inset-inline-end: var(--dx-r0-size);
    }
  }

  .dx-focus-subdued, .dx-focus-subdued:focus {
    border-style: var(--tw-border-style);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-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);
    border-width: 0;
  }

  .dx-focus-subdued:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dx-focus-subdued:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dx-focus-subdued:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dx-focus-subdued:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dx-focus-static {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-primary-300);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--color-white);
  }

  .dx-focus-static:where(.dark, .dark *) {
    --tw-ring-color: var(--color-primary-400);
    --tw-ring-offset-color: var(--color-black);
  }

  .dx-icon-inline {
    vertical-align: -.125em;
    display: inline-block;
  }

  [data-hue="neutral"] .dx-panel, .dx-panel--neutral {
    border-color: var(--color-neutral-border);
    background-color: var(--color-neutral-surface);
    color: var(--color-neutral-fg);
  }

  [data-hue="red"] .dx-panel, .dx-panel--red {
    border-color: var(--color-red-border);
    background-color: var(--color-red-surface);
    color: var(--color-red-fg);
  }

  [data-hue="orange"] .dx-panel, .dx-panel--orange {
    border-color: var(--color-orange-border);
    background-color: var(--color-orange-surface);
    color: var(--color-orange-fg);
  }

  [data-hue="amber"] .dx-panel, .dx-panel--amber {
    border-color: var(--color-amber-border);
    background-color: var(--color-amber-surface);
    color: var(--color-amber-fg);
  }

  [data-hue="yellow"] .dx-panel, .dx-panel--yellow {
    border-color: var(--color-yellow-border);
    background-color: var(--color-yellow-surface);
    color: var(--color-yellow-fg);
  }

  [data-hue="lime"] .dx-panel, .dx-panel--lime {
    border-color: var(--color-lime-border);
    background-color: var(--color-lime-surface);
    color: var(--color-lime-fg);
  }

  [data-hue="green"] .dx-panel, .dx-panel--green {
    border-color: var(--color-green-border);
    background-color: var(--color-green-surface);
    color: var(--color-green-fg);
  }

  [data-hue="emerald"] .dx-panel, .dx-panel--emerald {
    border-color: var(--color-emerald-border);
    background-color: var(--color-emerald-surface);
    color: var(--color-emerald-fg);
  }

  [data-hue="teal"] .dx-panel, .dx-panel--teal {
    border-color: var(--color-teal-border);
    background-color: var(--color-teal-surface);
    color: var(--color-teal-fg);
  }

  [data-hue="cyan"] .dx-panel, .dx-panel--cyan {
    border-color: var(--color-cyan-border);
    background-color: var(--color-cyan-surface);
    color: var(--color-cyan-fg);
  }

  [data-hue="sky"] .dx-panel, .dx-panel--sky {
    border-color: var(--color-sky-border);
    background-color: var(--color-sky-surface);
    color: var(--color-sky-fg);
  }

  [data-hue="blue"] .dx-panel, .dx-panel--blue {
    border-color: var(--color-blue-border);
    background-color: var(--color-blue-surface);
    color: var(--color-blue-fg);
  }

  [data-hue="indigo"] .dx-panel, .dx-panel--indigo {
    border-color: var(--color-indigo-border);
    background-color: var(--color-indigo-surface);
    color: var(--color-indigo-fg);
  }

  [data-hue="violet"] .dx-panel, .dx-panel--violet {
    border-color: var(--color-violet-border);
    background-color: var(--color-violet-surface);
    color: var(--color-violet-fg);
  }

  [data-hue="purple"] .dx-panel, .dx-panel--purple {
    border-color: var(--color-purple-border);
    background-color: var(--color-purple-surface);
    color: var(--color-purple-fg);
  }

  [data-hue="fuchsia"] .dx-panel, .dx-panel--fuchsia {
    border-color: var(--color-fuchsia-border);
    background-color: var(--color-fuchsia-surface);
    color: var(--color-fuchsia-fg);
  }

  [data-hue="pink"] .dx-panel, .dx-panel--pink {
    border-color: var(--color-pink-border);
    background-color: var(--color-pink-surface);
    color: var(--color-pink-fg);
  }

  [data-hue="rose"] .dx-panel, .dx-panel--rose {
    border-color: var(--color-rose-border);
    background-color: var(--color-rose-surface);
    color: var(--color-rose-fg);
  }

  [data-hue="info"] .dx-panel, .dx-panel--info {
    border-color: var(--color-info-border);
    background-color: var(--color-info-surface);
    color: var(--color-info-fg);
  }

  [data-hue="success"] .dx-panel, .dx-panel--success {
    border-color: var(--color-success-border);
    background-color: var(--color-success-surface);
    color: var(--color-success-fg);
  }

  [data-hue="warning"] .dx-panel, .dx-panel--warning {
    border-color: var(--color-warning-border);
    background-color: var(--color-warning-surface);
    color: var(--color-warning-fg);
  }

  [data-hue="error"] .dx-panel, .dx-panel--error {
    border-color: var(--color-error-border);
    background-color: var(--color-error-surface);
    color: var(--color-error-fg);
  }

  .dx-link {
    cursor: pointer;
    color: var(--color-accent-text);
  }

  @media (hover: hover) {
    .dx-link:hover {
      color: var(--color-accent-text-hover);
    }
  }

  .dx-link-hover {
    cursor: pointer;
  }

  @media (hover: hover) {
    .dx-link-hover:hover {
      color: var(--color-accent-text-hover) !important;
    }
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-scrollbar-thumb-hover) !important;
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: var(--color-scrollbar-thumb-active) !important;
  }

  .dx-scrollbar-thin::-webkit-scrollbar {
    width: 4px;
  }

  .dx-scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #0000;
    -webkit-transition: background .15s;
    transition: background .15s;
  }

  .dx-scrollbar-thin:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-scrollbar-thumb);
  }

  .dx-hover {
    cursor: pointer;
  }

  @media (hover: hover) {
    .dx-hover:hover {
      background-color: var(--color-hover-surface) !important;
      color: var(--color-hover-fg) !important;
    }

    .dx-hover:hover[aria-selected="true"] {
      background-color: var(--color-selected-surface-hover);
      color: var(--color-selected-fg);
    }

    .dx-hover:hover[aria-current="true"] {
      background-color: var(--color-current-surface-hover);
      color: var(--color-current-fg);
    }

    .dx-hover-row:is(:where(.group\/row):hover *) {
      background-color: var(--color-hover-surface) !important;
      color: var(--color-hover-fg) !important;
    }

    .dx-hover-row:is(:where(.group\/row):hover *):is(:where(.group\/row)[aria-selected="true"] *) {
      background-color: var(--color-selected-surface-hover) !important;
      color: var(--color-selected-fg) !important;
    }

    .dx-hover-row:is(:where(.group\/row):hover *):is(:where(.group\/row)[aria-current="true"] *) {
      background-color: var(--color-current-surface-hover) !important;
      color: var(--color-current-fg) !important;
    }
  }

  .dx-selected {
    transition-property: color, font-variation-settings, letter-spacing;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dx-selected[aria-selected="true"] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    background-color: var(--color-selected-surface) !important;
    color: var(--color-selected-fg) !important;
  }

  .dx-current {
    position: relative;
  }

  .dx-current:after {
    content: var(--tw-content);
    pointer-events: none;
    content: var(--tw-content);
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
    content: var(--tw-content);
    border-radius: inherit;
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-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);
    content: var(--tw-content);
    --tw-ring-color: transparent;
    --tw-content: "";
    content: var(--tw-content);
    content: var(--tw-content);
    --tw-ring-inset: inset;
    position: absolute;
  }

  .dx-current[aria-current="true"] {
    background-color: var(--color-current-surface) !important;
    color: var(--color-current-fg) !important;
  }

  .dx-current[aria-current="true"]:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-focus-ring-subtle) !important;
  }

  .dx-current-row:is(:where(.group\/row)[aria-current="true"] *) {
    background-color: var(--color-current-surface) !important;
    color: var(--color-current-fg) !important;
  }

  .dx-highlighted[data-highlighted] {
    background-color: var(--color-current-surface);
    color: var(--color-current-fg);
  }

  @media (hover: hover) {
    .dx-highlighted:hover[data-highlighted] {
      background-color: var(--color-current-surface-hover);
    }
  }

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

  .dx-sidebar-surface {
    background-color: var(--color-sidebar-surface);
    color: var(--color-base-fg);
    --surface-bg: var(--color-sidebar-surface);
  }

  .dx-modal-surface {
    background-color: var(--color-modal-surface);
    color: var(--color-base-fg);
    --tw-backdrop-blur: blur(var(--blur-md));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    --surface-bg: var(--color-modal-surface);
  }

  .dx-attention-surface {
    background-color: var(--color-attention-surface);
    color: var(--color-base-fg);
    --surface-bg: var(--color-attention-surface);
  }

  .dx-popover-surface {
    background-color: var(--color-popover-surface);
    color: var(--color-base-fg);
    --tw-backdrop-blur: blur(var(--blur-md));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    --surface-bg: var(--color-popover-surface);
  }

  .dx-tag {
    margin: calc(var(--spacing) * .5);
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    padding-block: var(--spacing-tag-padding-block);
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    display: inline-block;
    overflow: hidden;
  }

  .dx-tag--anchor {
    cursor: pointer;
    padding-inline: 4px;
    padding-block: calc(var(--spacing) * .5);
    border-radius: var(--radius-sm);
    background-color: var(--color-input-surface);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-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);
    --tw-ring-color: var(--color-neutral-border);
    display: inline;
  }

  .dx-tag--anchor:hover {
    background-color: var(--color-hover-surface);
  }

  .dx-tag[data-hue="neutral"], .dx-tag--neutral {
    background-color: var(--color-neutral-surface);
    color: var(--color-neutral-fg);
  }

  .dx-tag[data-hue="red"], .dx-tag--red {
    background-color: var(--color-red-surface);
    color: var(--color-red-fg);
  }

  .dx-tag[data-hue="orange"], .dx-tag--orange {
    background-color: var(--color-orange-surface);
    color: var(--color-orange-fg);
  }

  .dx-tag[data-hue="amber"], .dx-tag--amber {
    background-color: var(--color-amber-surface);
    color: var(--color-amber-fg);
  }

  .dx-tag[data-hue="yellow"], .dx-tag--yellow {
    background-color: var(--color-yellow-surface);
    color: var(--color-yellow-fg);
  }

  .dx-tag[data-hue="lime"], .dx-tag--lime {
    background-color: var(--color-lime-surface);
    color: var(--color-lime-fg);
  }

  .dx-tag[data-hue="green"], .dx-tag--green {
    background-color: var(--color-green-surface);
    color: var(--color-green-fg);
  }

  .dx-tag[data-hue="emerald"], .dx-tag--emerald {
    background-color: var(--color-emerald-surface);
    color: var(--color-emerald-fg);
  }

  .dx-tag[data-hue="teal"], .dx-tag--teal {
    background-color: var(--color-teal-surface);
    color: var(--color-teal-fg);
  }

  .dx-tag[data-hue="cyan"], .dx-tag--cyan {
    background-color: var(--color-cyan-surface);
    color: var(--color-cyan-fg);
  }

  .dx-tag[data-hue="sky"], .dx-tag--sky {
    background-color: var(--color-sky-surface);
    color: var(--color-sky-fg);
  }

  .dx-tag[data-hue="blue"], .dx-tag--blue {
    background-color: var(--color-blue-surface);
    color: var(--color-blue-fg);
  }

  .dx-tag[data-hue="indigo"], .dx-tag--indigo {
    background-color: var(--color-indigo-surface);
    color: var(--color-indigo-fg);
  }

  .dx-tag[data-hue="violet"], .dx-tag--violet {
    background-color: var(--color-violet-surface);
    color: var(--color-violet-fg);
  }

  .dx-tag[data-hue="purple"], .dx-tag--purple {
    background-color: var(--color-purple-surface);
    color: var(--color-purple-fg);
  }

  .dx-tag[data-hue="fuchsia"], .dx-tag--fuchsia {
    background-color: var(--color-fuchsia-surface);
    color: var(--color-fuchsia-fg);
  }

  .dx-tag[data-hue="pink"], .dx-tag--pink {
    background-color: var(--color-pink-surface);
    color: var(--color-pink-fg);
  }

  .dx-tag[data-hue="rose"], .dx-tag--rose {
    background-color: var(--color-rose-surface);
    color: var(--color-rose-fg);
  }

  .dx-tag[data-hue="info"], .dx-tag--info {
    background-color: var(--color-cyan-surface);
    color: var(--color-cyan-fg);
  }

  .dx-tag[data-hue="success"], .dx-tag--success {
    background-color: var(--color-emerald-surface);
    color: var(--color-emerald-fg);
  }

  .dx-tag[data-hue="warning"], .dx-tag--warning {
    background-color: var(--color-amber-surface);
    color: var(--color-amber-fg);
  }

  .dx-tag[data-hue="error"], .dx-tag--error {
    background-color: var(--color-rose-surface);
    color: var(--color-rose-fg);
  }

  .dx-text[data-hue="info"], .dx-text--info {
    color: var(--color-cyan-text);
  }

  .dx-text[data-hue="success"], .dx-text--success {
    color: var(--color-emerald-text);
  }

  .dx-text[data-hue="warning"], .dx-text--warning {
    color: var(--color-amber-text);
  }

  .dx-text[data-hue="error"], .dx-text--error {
    color: var(--color-rose-text);
  }

  .dx-text[data-hue="neutral"], .dx-text--neutral {
    color: var(--color-neutral-text);
  }

  .dx-text[data-hue="red"], .dx-text--red {
    color: var(--color-red-text);
  }

  .dx-text[data-hue="orange"], .dx-text--orange {
    color: var(--color-orange-text);
  }

  .dx-text[data-hue="amber"], .dx-text--amber {
    color: var(--color-amber-text);
  }

  .dx-text[data-hue="yellow"], .dx-text--yellow {
    color: var(--color-yellow-text);
  }

  .dx-text[data-hue="lime"], .dx-text--lime {
    color: var(--color-lime-text);
  }

  .dx-text[data-hue="green"], .dx-text--green {
    color: var(--color-green-text);
  }

  .dx-text[data-hue="emerald"], .dx-text--emerald {
    color: var(--color-emerald-text);
  }

  .dx-text[data-hue="teal"], .dx-text--teal {
    color: var(--color-teal-text);
  }

  .dx-text[data-hue="cyan"], .dx-text--cyan {
    color: var(--color-cyan-text);
  }

  .dx-text[data-hue="sky"], .dx-text--sky {
    color: var(--color-sky-text);
  }

  .dx-text[data-hue="blue"], .dx-text--blue {
    color: var(--color-blue-text);
  }

  .dx-text[data-hue="indigo"], .dx-text--indigo {
    color: var(--color-indigo-text);
  }

  .dx-text[data-hue="violet"], .dx-text--violet {
    color: var(--color-violet-text);
  }

  .dx-text[data-hue="purple"], .dx-text--purple {
    color: var(--color-purple-text);
  }

  .dx-text[data-hue="fuchsia"], .dx-text--fuchsia {
    color: var(--color-fuchsia-text);
  }

  .dx-text[data-hue="pink"], .dx-text--pink {
    color: var(--color-pink-text);
  }

  .dx-text[data-hue="rose"], .dx-text--rose {
    color: var(--color-rose-text);
  }

  .dx-main-bounce-layout {
    overscroll-behavior: auto;
    z-index: 0;
    transition-property: padding-inline-start, padding-inline-end, scroll-padding-start, scroll-padding-end;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    position: fixed;
    inset-block: 0;
    inset-inline: 0;
    overflow: auto;
  }

  .dx-main-content-padding-transitions {
    transition-property: padding-inline-start, padding-inline-end, scroll-padding-start, scroll-padding-end;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  }

  .dx-main-intrinsic-size {
    inline-size: calc(100dvw - 2 * var(--main-spacing));
    transition-property: inline-size;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  }

  @media (min-width: 64rem) {
    .dx-main-intrinsic-size[data-sidebar-left-state="closed"][data-sidebar-right-state="closed"] {
      inline-size: calc(100dvw - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="collapsed"][data-sidebar-right-state="closed"] {
      inline-size: calc(100dvw - var(--dx-l0-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="expanded"][data-sidebar-right-state="closed"] {
      inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="closed"][data-sidebar-right-state="collapsed"] {
      inline-size: calc(100dvw - var(--dx-r0-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="collapsed"][data-sidebar-right-state="collapsed"] {
      inline-size: calc(100dvw - var(--dx-l0-size) - var(--dx-r0-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="expanded"][data-sidebar-right-state="collapsed"] {
      inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - var(--dx-r0-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="closed"][data-sidebar-right-state="expanded"] {
      inline-size: calc(100dvw - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="collapsed"][data-sidebar-right-state="expanded"] {
      inline-size: calc(100dvw - var(--dx-l0-size) - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
    }

    .dx-main-intrinsic-size[data-sidebar-left-state="expanded"][data-sidebar-right-state="expanded"] {
      inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
    }
  }

  .dx-main-sidebar {
    overscroll-behavior: contain;
    border-radius: var(--radius-md);
    border-color: var(--color-primary-separator);
    --tw-backdrop-blur: blur(var(--blur-md));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    position: fixed;
    overflow: hidden auto;
  }

  .dark .dx-main-sidebar {
    --tw-backdrop-blur: blur(var(--blur-lg));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .dx-main-sidebar {
    background-color: var(--color-sidebar-surface);
    color: var(--color-sidebar-fg);
    --surface-bg: var(--color-sidebar-surface);
  }

  .dx-main-sidebar :is([aria-current]:not([aria-current="false"]), [aria-selected="true"]) {
    color: var(--color-sidebar-current-fg);
  }

  .dx-main-sidebar {
    z-index: 7;
    inline-size: calc(100dvw - 3rem);
    transition-property: inset-inline-start, inset-inline-end, inline-size;
    inset-block-start: max(.5rem, env(safe-area-inset-top));
    inset-block-end: max(.5rem, env(safe-area-inset-bottom));
  }

  @media (min-width: 64rem) {
    .dx-main-sidebar {
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      border-radius: var(--radius-none);
      border-block-style: var(--tw-border-style);
      border-block-width: 0;
    }
  }

  .dx-main-sidebar[data-resizing="false"] {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .dx-main-sidebar[data-side="is"] {
    border-inline-end-style: var(--tw-border-style);
    z-index: 8;
    border-inline-end-style: solid;
    border-inline-end-width: 1px;
    inset-inline-start: -100vw;
    border-inline-end-width: var(--border-width-landmark-line) !important;
  }

  .dx-main-sidebar[data-side="is"][data-state="expanded"] {
    inset-inline-start: max(.5rem, env(safe-area-inset-left));
  }

  @media (min-width: 64rem) {
    .dx-main-sidebar[data-side="is"][data-state="expanded"] {
      inset-inline-start: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .dx-main-sidebar[data-side="is"] {
      width: var(--dx-nav-sidebar-size);
    }
  }

  @media (min-width: 64rem) {
    .dx-main-sidebar[data-side="is"] {
      border-inline-width: 0;
    }

    .dx-main-sidebar[data-side="is"][data-state="collapsed"] {
      width: var(--dx-l0-size);
      inset-inline-start: calc(var(--spacing) * 0);
    }

    .dx-main-sidebar[data-side="is"][data-state="expanded"] {
      width: var(--dx-nav-sidebar-size);
    }
  }

  .dx-main-sidebar[data-side="ie"] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-inline-start-width: var(--border-width-landmark-line);
    border-inline-start-style: solid;
    inset-inline-end: -100vw;
  }

  .dx-main-sidebar[data-side="ie"][data-state="expanded"] {
    inset-inline-end: max(.5rem, env(safe-area-inset-right));
  }

  @media (min-width: 64rem) {
    .dx-main-sidebar[data-side="ie"][data-state="expanded"] {
      inset-inline-end: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .dx-main-sidebar[data-side="ie"] {
      width: var(--dx-complementary-sidebar-size);
    }
  }

  @media (min-width: 64rem) {
    .dx-main-sidebar[data-side="ie"] {
      border-inline-end-width: 0;
    }

    .dx-main-sidebar[data-side="ie"][data-state="collapsed"] {
      width: var(--dx-r0-size);
      inset-inline-end: calc(var(--spacing) * 0);
    }

    .dx-main-sidebar[data-side="ie"][data-state="expanded"] {
      width: var(--dx-complementary-sidebar-size);
    }
  }

  .dx-main-overlay {
    inset: calc(var(--spacing) * 0);
    background-color: var(--color-scrim-surface);
    opacity: 0;
    z-index: 6;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    display: none;
    position: fixed;
  }

  .dx-main-overlay[data-state="open"] {
    opacity: 1;
    display: block;
  }

  @media (min-width: 64rem) {
    .dx-main-overlay[data-state="open"] {
      opacity: 1;
      display: none;
    }
  }

  .dx-main-content-padding {
    padding-inline: 0;
    scroll-padding-inline: 0;
  }

  @media (min-width: 64rem) {
    .dx-main-content-padding[data-sidebar-left-state="collapsed"] {
      padding-inline-start: var(--dx-l0-size);
      scroll-padding-inline-start: var(--dx-l0-size);
    }

    .dx-main-content-padding[data-sidebar-left-state="expanded"] {
      padding-inline-start: var(--dx-nav-sidebar-size);
      scroll-padding-inline-start: var(--dx-nav-sidebar-size);
    }

    .dx-main-content-padding[data-sidebar-right-state="collapsed"] {
      padding-inline-end: var(--dx-r0-size);
      scroll-padding-inline-end: var(--dx-r0-size);
    }

    .dx-main-content-padding[data-sidebar-right-state="expanded"] {
      padding-inline-end: var(--dx-complementary-sidebar-size);
      scroll-padding-inline-end: var(--dx-complementary-sidebar-size);
    }
  }

  .dx-app-drag {
    -webkit-user-select: none;
    -webkit-app-region: drag;
    --app-region: drag;
  }

  .dx-app-no-drag {
    -webkit-app-region: no-drag;
    --app-region: no-drag;
  }

  .dx-contain-layout {
    contain: layout;
  }

  .dx-sticky-top-0 {
    --sticky-top: 0;
  }

  .dx-sticky-top-from-topbar-bottom {
    --sticky-top: var(--dx-topbar-size);
  }

  .dx-sticky-bottom-from-statusbar-bottom {
    --sticky-bottom: var(--dx-statusbar-size);
  }

  .dx-size-container {
    container-type: size;
  }

  .dx-inline-size-container {
    container-type: inline-size;
  }

  .dx-document {
    width: 100%;
    max-width: var(--spacing-document-max-width);
    margin-inline: auto;
  }

  .dx-card {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .dx-card-square {
    inline-size: min(min(var(--radix-popper-available-width), var(--spacing-card-max-width)), min(var(--radix-popper-available-height), 100dvh));
    block-size: min(min(var(--radix-popper-available-width), var(--spacing-card-max-width)), min(var(--radix-popper-available-height), 100dvh));
  }

  .dx-card-default-width {
    width: var(--spacing-card-default-width);
  }

  .dx-card-min-width {
    min-width: var(--spacing-card-min-width);
  }

  .dx-card-max-width {
    width: 100%;
    max-width: var(--spacing-card-max-width);
  }

  .dx-card-popover {
    background-color: var(--color-card-surface);
    inline-size: var(--spacing-card-max-width);
    max-width: min(var(--radix-popper-available-width), var(--spacing-card-max-width));
    max-height: min(var(--radix-popper-available-height), var(--spacing-card-max-height));
  }

  [data-size="0"], [data-block-size="0"] {
    height: calc(var(--spacing) * 0);
  }

  [data-size="px"], [data-block-size="px"] {
    height: 1px;
  }

  [data-size="0.5"], [data-block-size="0.5"] {
    height: calc(var(--spacing) * .5);
  }

  [data-size="1"], [data-block-size="1"] {
    height: calc(var(--spacing) * 1);
  }

  [data-size="1.5"], [data-block-size="1.5"] {
    height: calc(var(--spacing) * 1.5);
  }

  [data-size="2"], [data-block-size="2"] {
    height: calc(var(--spacing) * 2);
  }

  [data-size="2.5"], [data-block-size="2.5"] {
    height: calc(var(--spacing) * 2.5);
  }

  [data-size="3"], [data-block-size="3"] {
    height: calc(var(--spacing) * 3);
  }

  [data-size="3.5"], [data-block-size="3.5"] {
    height: calc(var(--spacing) * 3.5);
  }

  [data-size="4"], [data-block-size="4"] {
    height: calc(var(--spacing) * 4);
  }

  [data-size="5"], [data-block-size="5"] {
    height: calc(var(--spacing) * 5);
  }

  [data-size="6"], [data-block-size="6"] {
    height: calc(var(--spacing) * 6);
  }

  [data-size="7"], [data-block-size="7"] {
    height: calc(var(--spacing) * 7);
  }

  [data-size="8"], [data-block-size="8"] {
    height: calc(var(--spacing) * 8);
  }

  [data-size="9"], [data-block-size="9"] {
    height: calc(var(--spacing) * 9);
  }

  [data-size="10"], [data-block-size="10"] {
    height: calc(var(--spacing) * 10);
  }

  [data-size="11"], [data-block-size="11"] {
    height: calc(var(--spacing) * 11);
  }

  [data-size="12"], [data-block-size="12"] {
    height: calc(var(--spacing) * 12);
  }

  [data-size="14"], [data-block-size="14"] {
    height: calc(var(--spacing) * 14);
  }

  [data-size="16"], [data-block-size="16"] {
    height: calc(var(--spacing) * 16);
  }

  [data-size="20"], [data-block-size="20"] {
    height: calc(var(--spacing) * 20);
  }

  [data-size="24"], [data-block-size="24"] {
    height: calc(var(--spacing) * 24);
  }

  [data-size="28"], [data-block-size="28"] {
    height: calc(var(--spacing) * 28);
  }

  [data-size="32"], [data-block-size="32"] {
    height: calc(var(--spacing) * 32);
  }

  [data-size="36"], [data-block-size="36"] {
    height: calc(var(--spacing) * 36);
  }

  [data-size="40"], [data-block-size="40"] {
    height: calc(var(--spacing) * 40);
  }

  [data-size="44"], [data-block-size="44"] {
    height: calc(var(--spacing) * 44);
  }

  [data-size="48"], [data-block-size="48"] {
    height: calc(var(--spacing) * 48);
  }

  [data-size="52"], [data-block-size="52"] {
    height: calc(var(--spacing) * 52);
  }

  [data-size="56"], [data-block-size="56"] {
    height: calc(var(--spacing) * 56);
  }

  [data-size="60"], [data-block-size="60"] {
    height: calc(var(--spacing) * 60);
  }

  [data-size="64"], [data-block-size="64"] {
    height: calc(var(--spacing) * 64);
  }

  [data-size="72"], [data-block-size="72"] {
    height: calc(var(--spacing) * 72);
  }

  [data-size="80"], [data-block-size="80"] {
    height: calc(var(--spacing) * 80);
  }

  [data-size="96"], [data-block-size="96"] {
    height: calc(var(--spacing) * 96);
  }

  [data-size="0"], [data-inline-size="0"] {
    width: calc(var(--spacing) * 0);
  }

  [data-size="px"], [data-inline-size="px"] {
    width: 1px;
  }

  [data-size="0.5"], [data-inline-size="0.5"] {
    width: calc(var(--spacing) * .5);
  }

  [data-size="1"], [data-inline-size="1"] {
    width: calc(var(--spacing) * 1);
  }

  [data-size="1.5"], [data-inline-size="1.5"] {
    width: calc(var(--spacing) * 1.5);
  }

  [data-size="2"], [data-inline-size="2"] {
    width: calc(var(--spacing) * 2);
  }

  [data-size="2.5"], [data-inline-size="2.5"] {
    width: calc(var(--spacing) * 2.5);
  }

  [data-size="3"], [data-inline-size="3"] {
    width: calc(var(--spacing) * 3);
  }

  [data-size="3.5"], [data-inline-size="3.5"] {
    width: calc(var(--spacing) * 3.5);
  }

  [data-size="4"], [data-inline-size="4"] {
    width: calc(var(--spacing) * 4);
  }

  [data-size="5"], [data-inline-size="5"] {
    width: calc(var(--spacing) * 5);
  }

  [data-size="6"], [data-inline-size="6"] {
    width: calc(var(--spacing) * 6);
  }

  [data-size="7"], [data-inline-size="7"] {
    width: calc(var(--spacing) * 7);
  }

  [data-size="8"], [data-inline-size="8"] {
    width: calc(var(--spacing) * 8);
  }

  [data-size="9"], [data-inline-size="9"] {
    width: calc(var(--spacing) * 9);
  }

  [data-size="10"], [data-inline-size="10"] {
    width: calc(var(--spacing) * 10);
  }

  [data-size="11"], [data-inline-size="11"] {
    width: calc(var(--spacing) * 11);
  }

  [data-size="12"], [data-inline-size="12"] {
    width: calc(var(--spacing) * 12);
  }

  [data-size="14"], [data-inline-size="14"] {
    width: calc(var(--spacing) * 14);
  }

  [data-size="16"], [data-inline-size="16"] {
    width: calc(var(--spacing) * 16);
  }

  [data-size="20"], [data-inline-size="20"] {
    width: calc(var(--spacing) * 20);
  }

  [data-size="24"], [data-inline-size="24"] {
    width: calc(var(--spacing) * 24);
  }

  [data-size="28"], [data-inline-size="28"] {
    width: calc(var(--spacing) * 28);
  }

  [data-size="32"], [data-inline-size="32"] {
    width: calc(var(--spacing) * 32);
  }

  [data-size="36"], [data-inline-size="36"] {
    width: calc(var(--spacing) * 36);
  }

  [data-size="40"], [data-inline-size="40"] {
    width: calc(var(--spacing) * 40);
  }

  [data-size="44"], [data-inline-size="44"] {
    width: calc(var(--spacing) * 44);
  }

  [data-size="48"], [data-inline-size="48"] {
    width: calc(var(--spacing) * 48);
  }

  [data-size="52"], [data-inline-size="52"] {
    width: calc(var(--spacing) * 52);
  }

  [data-size="56"], [data-inline-size="56"] {
    width: calc(var(--spacing) * 56);
  }

  [data-size="60"], [data-inline-size="60"] {
    width: calc(var(--spacing) * 60);
  }

  [data-size="64"], [data-inline-size="64"] {
    width: calc(var(--spacing) * 64);
  }

  [data-size="72"], [data-inline-size="72"] {
    width: calc(var(--spacing) * 72);
  }

  [data-size="80"], [data-inline-size="80"] {
    width: calc(var(--spacing) * 80);
  }

  [data-size="96"], [data-inline-size="96"] {
    width: calc(var(--spacing) * 96);
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .dx-ring-pseudo {
    position: relative;
  }

  .dx-ring-pseudo:after {
    content: var(--tw-content);
    pointer-events: none;
    content: var(--tw-content);
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
    content: var(--tw-content);
    border-radius: inherit;
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-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);
    content: var(--tw-content);
    --tw-ring-color: transparent;
    --tw-content: "";
    content: var(--tw-content);
    content: var(--tw-content);
    --tw-ring-inset: inset;
    position: absolute;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .dx-fullscreen {
    inset: calc(var(--spacing) * 0);
    position: absolute;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-\(--main-spacing\) {
    inset: var(--main-spacing);
  }

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

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

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

  .inset-\[4px\] {
    inset: 4px;
  }

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

  .inset-y-\(--main-spacing\) {
    inset-block: var(--main-spacing);
  }

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

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

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

  .inset-y-\[\.25rem\] {
    inset-block: .25rem;
  }

  .inset-y-\[\.375rem\] {
    inset-block: .375rem;
  }

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

  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -.5);
  }

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

  .end-\[\.25rem\] {
    inset-inline-end: .25rem;
  }

  .end-\[\.375rem\] {
    inset-inline-end: .375rem;
  }

  .\!top-\[33px\] {
    top: 33px !important;
  }

  .-top-px {
    top: -1px;
  }

  .top-\(--line-offset\) {
    top: var(--line-offset);
  }

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

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

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

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

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

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

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

  .top-\[50\%\] {
    top: 50%;
  }

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

  .top-\[calc\(env\(safe-area-inset-top\)\+var\(--dx-rail-size\)\)\] {
    top: calc(env(safe-area-inset-top) + var(--dx-rail-size));
  }

  .top-\[calc\(env\(safe-area-inset-top\)\+var\(--dx-rail-size\)\)\]\! {
    top: calc(env(safe-area-inset-top) + var(--dx-rail-size)) !important;
  }

  .top-\[calc\(var\(--line-inset\)\+var\(--terminal-radius\)\)\] {
    top: calc(var(--line-inset) + var(--terminal-radius));
  }

  .top-\[env\(safe-area-inset-top\)\] {
    top: env(safe-area-inset-top);
  }

  .top-\[env\(safe-area-inset-top\)\]\! {
    top: env(safe-area-inset-top) !important;
  }

  .right-\(--line-inset\) {
    right: var(--line-inset);
  }

  .right-\(--line-offset\) {
    right: var(--line-offset);
  }

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

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

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

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

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

  .right-auto {
    right: auto;
  }

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

  .bottom-\(--line-inset\) {
    bottom: var(--line-inset);
  }

  .bottom-\(--line-offset\) {
    bottom: var(--line-offset);
  }

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

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

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

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

  .bottom-\[7px\] {
    bottom: 7px;
  }

  .bottom-\[32px\] {
    bottom: 32px;
  }

  .bottom-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\] {
    bottom: calc(env(safe-area-inset-bottom) + 1rem);
  }

  .\!-left-\[1px\] {
    left: -1px !important;
  }

  .left-\(--horizontal-indent\) {
    left: var(--horizontal-indent);
  }

  .left-\(--line-offset\) {
    left: var(--line-offset);
  }

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

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

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

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

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

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

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

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

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[calc\(var\(--line-inset\)\+var\(--terminal-radius\)\)\] {
    left: calc(var(--line-inset) + var(--terminal-radius));
  }

  .isolate {
    isolation: isolate;
  }

  .\!z-50 {
    z-index: 50 !important;
  }

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

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

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

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

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

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

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

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[11\] {
    z-index: 11;
  }

  .z-\[31\] {
    z-index: 31;
  }

  .z-\[41\] {
    z-index: 41;
  }

  .z-\[42\] {
    z-index: 42;
  }

  .z-\[43\] {
    z-index: 43;
  }

  .z-\[51\] {
    z-index: 51;
  }

  .z-\[52\] {
    z-index: 52;
  }

  .z-\[53\] {
    z-index: 53;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[200\] {
    z-index: 200;
  }

  .order-2 {
    order: 2;
  }

  .order-4 {
    order: 4;
  }

  .\[grid-column\:var\(--dx-col\,auto\)\] {
    grid-column: var(--dx-col, auto);
  }

  .col-1 {
    grid-column: 1;
  }

  .col-2 {
    grid-column: 2;
  }

  .col-3 {
    grid-column: 3;
  }

  .col-\[tree-row\] {
    grid-column: tree-row;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .col-start-3 {
    grid-column-start: 3;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

  .\!-m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

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

  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }

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

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

  .m-form-chrome {
    margin: var(--spacing-form-chrome);
  }

  .m-trim-md {
    margin: var(--spacing-trim-md);
  }

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

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

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

  .-mx-\[1px\] {
    margin-inline: -1px;
  }

  .mx-\(--main-spacing\) {
    margin-inline: var(--main-spacing);
  }

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

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

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

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

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

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

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

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

  .mx-auto {
    margin-inline: auto;
  }

  .mx-auto\! {
    margin-inline: auto !important;
  }

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

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

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

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

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

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

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

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

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

  .my-form-padding {
    margin-block: var(--spacing-form-padding);
  }

  .-ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * -.5);
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

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

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

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

  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }

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

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

  .me-\[0\.4em\] {
    margin-inline-end: .4em;
  }

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

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

  .-mt-\[20px\] {
    margin-top: -20px;
  }

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

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

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

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

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

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

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

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-form-gap {
    margin-top: var(--spacing-form-gap);
  }

  .mt-px {
    margin-top: 1px;
  }

  .mt-trim-md {
    margin-top: var(--spacing-trim-md);
  }

  .\!mr-\[3rem\] {
    margin-right: 3rem !important;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

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

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

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

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

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

  .mr-\[1rem\] {
    margin-right: 1rem;
  }

  .mr-\[100px\] {
    margin-right: 100px;
  }

  .-mb-px {
    margin-bottom: -1px;
  }

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

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

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

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

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

  .mb-form-gap {
    margin-bottom: var(--spacing-form-gap);
  }

  .-ml-0\.25 {
    margin-left: calc(var(--spacing) * -.25);
  }

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

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

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

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

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

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

  .ml-\[1rem\] {
    margin-left: 1rem;
  }

  .ml-\[210px\] {
    margin-left: 210px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .box-content {
    box-sizing: content-box;
  }

  .scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius);
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius);
  }

  .scrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius);
  }

  .scrollbar {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  }

  .scrollbar::-webkit-scrollbar {
    width: var(--scrollbar-width, 16px);
    height: var(--scrollbar-height, 16px);
    display: block;
  }

  .form-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .form-input:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(54.6% .245 262.881);
    outline: 2px solid #0000;
  }

  .form-input::-moz-placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1;
  }

  .form-input::placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1;
  }

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

  .form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
  }

  .form-input::-webkit-date-and-time-value {
    text-align: inherit;
  }

  .form-input::-webkit-datetime-edit {
    display: inline-flex;
  }

  .form-input::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .scrollbar-none::-webkit-scrollbar {
    display: none;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!grid {
    display: grid !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .grid\! {
    display: grid !important;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }

  .aspect-auto {
    aspect-ratio: auto;
  }

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

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .dx-container {
    height: 100%;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
  }

  .dx-expander {
    height: 100%;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }

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

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

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

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

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

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

  .\[height\:var\(--icon-size\,var\(--dx-default-icons-size\)\)\] {
    height: var(--icon-size, var(--dx-default-icons-size));
  }

  .h-\(--dx-l0-avatar-size\) {
    height: var(--dx-l0-avatar-size);
  }

  .h-\(--dx-rail-action\) {
    height: var(--dx-rail-action);
  }

  .h-\(--dx-rail-item\) {
    height: var(--dx-rail-item);
  }

  .h-\(--dx-rail-size\) {
    height: var(--dx-rail-size);
  }

  .h-\(--dx-statusbar-size\) {
    height: var(--dx-statusbar-size);
  }

  .h-\(--dx-toolbar-size\) {
    height: var(--dx-toolbar-size);
  }

  .h-\(--dx-topbar-size\) {
    height: var(--dx-topbar-size);
  }

  .h-\(--line-thickness\) {
    height: var(--line-thickness);
  }

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

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

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

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

  .h-1\/2 {
    height: 50%;
  }

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

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

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

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

  .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-9 {
    height: calc(var(--spacing) * 9);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1em\] {
    height: 1em;
  }

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

  .h-\[4rem\] {
    height: 4rem;
  }

  .h-\[8rem\] {
    height: 8rem;
  }

  .h-\[10rem\] {
    height: 10rem;
  }

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

  .h-\[12rem\] {
    height: 12rem;
  }

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

  .h-\[14rem\] {
    height: 14rem;
  }

  .h-\[15rem\] {
    height: 15rem;
  }

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

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

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

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

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

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

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

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

  .h-\[40dvh\] {
    height: 40dvh;
  }

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

  .h-\[40rem\] {
    height: 40rem;
  }

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

  .h-\[100dvh\] {
    height: 100dvh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(100\%-2\*var\(--main-spacing\)\)\] {
    height: calc(100% - 2 * var(--main-spacing));
  }

  .h-\[min\(100cqw\,100cqh\)\] {
    height: min(100cqw, 100cqh);
  }

  .h-\[var\(--dx-rail-action\)\] {
    height: var(--dx-rail-action);
  }

  .h-\[var\(--dx-rail-item\)\] {
    height: var(--dx-rail-item);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-min {
    height: -moz-min-content;
    height: min-content;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .\!max-h-\(--dx-grid-cell-editor-max-h-size\) {
    max-height: var(--dx-grid-cell-editor-max-h-size) !important;
  }

  .max-h-\(--radix-popover-content-available-height\) {
    max-height: var(--radix-popover-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

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

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

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

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

  .max-h-\[5lh\] {
    max-height: 5lh;
  }

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

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

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

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

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

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

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

  .max-h-\[min\(var\(--radix-popover-content-available-height\)\,calc\(100dvh-var\(--spacing-screen-border\)\*2\)\)\] {
    max-height: min(var(--radix-popover-content-available-height), calc(100dvh - var(--spacing-screen-border) * 2));
  }

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-\(--dx-rail-item\) {
    min-height: var(--dx-rail-item);
  }

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

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

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

  .min-h-1\! {
    min-height: calc(var(--spacing) * 1) !important;
  }

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

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

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

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

  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }

  .min-h-\[1\.75rem\] {
    min-height: 1.75rem;
  }

  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .min-h-\[2rem\] {
    min-height: 2rem;
  }

  .min-h-\[3\.5rem\] {
    min-height: 3.5rem;
  }

  .min-h-\[3rem\] {
    min-height: 3rem;
  }

  .min-h-\[10rem\] {
    min-height: 10rem;
  }

  .min-h-\[15rem\] {
    min-height: 15rem;
  }

  .min-h-\[16rem\] {
    min-height: 16rem;
  }

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

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

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[80vh\] {
    min-height: 80vh;
  }

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

  .min-h-full\! {
    min-height: 100% !important;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-80 {
    width: calc(var(--spacing) * 80) !important;
  }

  .\!w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }

  .\[width\:var\(--icon-size\,var\(--dx-default-icons-size\)\)\] {
    width: var(--icon-size, var(--dx-default-icons-size));
  }

  .w-\(--dx-complementary-sidebar-size\) {
    width: var(--dx-complementary-sidebar-size);
  }

  .w-\(--dx-l0-avatar-size\) {
    width: var(--dx-l0-avatar-size);
  }

  .w-\(--dx-l0-size\) {
    width: var(--dx-l0-size);
  }

  .w-\(--dx-r0-size\)\! {
    width: var(--dx-r0-size) !important;
  }

  .w-\(--dx-r1-size\) {
    width: var(--dx-r1-size);
  }

  .w-\(--dx-rail-action\) {
    width: var(--dx-rail-action);
  }

  .w-\(--dx-rail-item\) {
    width: var(--dx-rail-item);
  }

  .w-\(--dx-rail-size\) {
    width: var(--dx-rail-size);
  }

  .w-\(--line-thickness\) {
    width: var(--line-thickness);
  }

  .w-\(--radix-popover-trigger-width\) {
    width: var(--radix-popover-trigger-width);
  }

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

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

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

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

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

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

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

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

  .w-3\/5 {
    width: 60%;
  }

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

  .w-4\/6 {
    width: 66.6667%;
  }

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

  .w-5\/6 {
    width: 83.3333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[1\.5px\] {
    width: 1.5px;
  }

  .w-\[1em\] {
    width: 1em;
  }

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

  .w-\[2ch\] {
    width: 2ch;
  }

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

  .w-\[4rem\] {
    width: 4rem;
  }

  .w-\[5rem\] {
    width: 5rem;
  }

  .w-\[8rem\] {
    width: 8rem;
  }

  .w-\[15rem\] {
    width: 15rem;
  }

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

  .w-\[16rem\] {
    width: 16rem;
  }

  .w-\[18rem\] {
    width: 18rem;
  }

  .w-\[20rem\] {
    width: 20rem;
  }

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

  .w-\[24rem\] {
    width: 24rem;
  }

  .w-\[25rem\] {
    width: 25rem;
  }

  .w-\[30rem\] {
    width: 30rem;
  }

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

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

  .w-\[40rem\] {
    width: 40rem;
  }

  .w-\[50rem\] {
    width: 50rem;
  }

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

  .w-\[60rem\] {
    width: 60rem;
  }

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

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

  .w-\[120rem\] {
    width: 120rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(100\%-2\*var\(--spacing-form-chrome\)\)\] {
    width: calc(100% - 2 * var(--spacing-form-chrome));
  }

  .w-\[calc\(100\%-var\(--dx-l0-size\)\)\] {
    width: calc(100% - var(--dx-l0-size));
  }

  .w-\[calc\(100dvw-\.5rem\)\] {
    width: calc(100dvw - .5rem);
  }

  .w-\[calc\(var\(--dx-complementary-sidebar-size\)_-_var\(--dx-rail-content\)\)\] {
    width: calc(var(--dx-complementary-sidebar-size) - var(--dx-rail-content));
  }

  .w-\[min\(100cqw\,100cqh\)\] {
    width: min(100cqw, 100cqh);
  }

  .w-\[var\(--dx-rail-action\)\] {
    width: var(--dx-rail-action);
  }

  .w-\[var\(--dx-rail-item\)\] {
    width: var(--dx-rail-item);
  }

  .w-auto {
    width: auto;
  }

  .w-auto\! {
    width: auto !important;
  }

  .w-card-min-width {
    width: var(--spacing-card-min-width);
  }

  .w-document-max-width {
    width: var(--spacing-document-max-width);
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: -moz-max-content;
    width: max-content;
  }

  .w-min\! {
    width: -moz-min-content !important;
    width: min-content !important;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-\(--dx-grid-cell-editor-max-w-size\) {
    max-width: var(--dx-grid-cell-editor-max-w-size) !important;
  }

  .max-w-\(--radix-popover-content-available-width\) {
    max-width: var(--radix-popover-content-available-width);
  }

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

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

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[15rem\] {
    max-width: 15rem;
  }

  .max-w-\[20rem\] {
    max-width: 20rem;
  }

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

  .max-w-\[37rem\] {
    max-width: 37rem;
  }

  .max-w-\[38rem\] {
    max-width: 38rem;
  }

  .max-w-\[40rem\] {
    max-width: 40rem;
  }

  .max-w-\[50rem\] {
    max-width: 50rem;
  }

  .max-w-\[60rem\] {
    max-width: 60rem;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[100cqi\] {
    max-width: 100cqi;
  }

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

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

  .max-w-\[calc\(100cqi-8px\)\] {
    max-width: calc(100cqi - 8px);
  }

  .max-w-document-width {
    max-width: var(--spacing-document-width);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none\! {
    max-width: none !important;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-\(--radix-select-trigger-width\) {
    min-width: var(--radix-select-trigger-width);
  }

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

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

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

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

  .min-w-\[18rem\] {
    min-width: 18rem;
  }

  .min-w-\[24rem\] {
    min-width: 24rem;
  }

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

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

  .min-w-full {
    min-width: 100%;
  }

  .min-w-full\! {
    min-width: 100% !important;
  }

  .min-w-popover-min-width {
    min-width: var(--spacing-popover-min-width);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .grow-\[1\] {
    flex-grow: 1;
  }

  .grow-\[2\] {
    flex-grow: 2;
  }

  .basis-28 {
    flex-basis: calc(var(--spacing) * 28);
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[50\%\] {
    --tw-translate-x: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[8\] {
    --tw-translate-x: 8;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[50\%\] {
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-10 {
    --tw-scale-x: 10%;
    --tw-scale-y: 10%;
    --tw-scale-z: 10%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-360 {
    rotate: 360deg;
  }

  .rotate-\[180deg\] {
    rotate: 180deg;
  }

  .rotate-\[540deg\] {
    rotate: 540deg;
  }

  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }

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

  .transform-none {
    transform: none;
  }

  .translate-x-radix-toast-swipe-move-x {
    transform: translateX(var(--radix-toast-swipe-move-x));
  }

  .shimmer-text {
    animation: 2s linear infinite shimmer-text;
    -webkit-mask-image: linear-gradient(90deg, #0006 0% 30%, #000 50%, #0006 70% 100%);
    mask-image: linear-gradient(90deg, #0006 0% 30%, #000 50%, #0006 70% 100%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
  }

  .\[animation\:popup-fade-in_0\.5s_ease-out_forwards\] {
    animation: .5s ease-out forwards popup-fade-in;
  }

  .animate-\[spin_1s\] {
    animation: 1s spin;
  }

  .animate-\[spin_1s_linear_infinite\] {
    animation: 1s linear infinite spin;
  }

  .animate-\[spin_2s_linear_infinite\] {
    animation: 2s linear infinite spin;
  }

  .animate-blink {
    animation: var(--animate-blink);
  }

  .animate-halo-pulse {
    animation: var(--animate-halo-pulse);
  }

  .animate-progress-indeterminate {
    animation: var(--animate-progress-indeterminate);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .animate-spin-slow {
    animation: var(--animate-spin-slow);
  }

  .animate-trail {
    animation: var(--animate-trail);
  }

  .animate-trail-offset {
    animation: var(--animate-trail-offset);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-nesw-resize {
    cursor: nesw-resize;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-ns-resize {
    cursor: ns-resize;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-pointer\! {
    cursor: pointer !important;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .touch-none {
    touch-action: none;
  }

  .\!resize {
    resize: both !important;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-both {
    scroll-snap-type: both var(--tw-scroll-snap-strictness);
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scrollbar-none {
    scrollbar-width: none;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .auto-rows-\(--dx-rail-action\) {
    grid-auto-rows: var(--dx-rail-action);
  }

  .auto-rows-\(--dx-rail-item\) {
    grid-auto-rows: var(--dx-rail-item);
  }

  .auto-rows-\[max-content\] {
    grid-auto-rows: max-content;
  }

  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .\[grid-template-columns\:minmax\(240px\,1fr\)_2fr\] {
    grid-template-columns: minmax(240px, 1fr) 2fr;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .grid-cols-\[1fr_2fr_1fr\] {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-cols-\[1fr_3rem\] {
    grid-template-columns: 1fr 3rem;
  }

  .grid-cols-\[1fr_8rem\] {
    grid-template-columns: 1fr 8rem;
  }

  .grid-cols-\[1fr_20rem\] {
    grid-template-columns: 1fr 20rem;
  }

  .grid-cols-\[1fr_30rem\] {
    grid-template-columns: 1fr 30rem;
  }

  .grid-cols-\[1fr_80px_40px\] {
    grid-template-columns: 1fr 80px 40px;
  }

  .grid-cols-\[1fr_350px\] {
    grid-template-columns: 1fr 350px;
  }

  .grid-cols-\[1fr_360px\] {
    grid-template-columns: 1fr 360px;
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }

  .grid-cols-\[1fr_min-content\] {
    grid-template-columns: 1fr min-content;
  }

  .grid-cols-\[1fr_min-content_min-content\] {
    grid-template-columns: 1fr min-content min-content;
  }

  .grid-cols-\[1rem_1fr_1fr_min-content\] {
    grid-template-columns: 1rem 1fr 1fr min-content;
  }

  .grid-cols-\[1rem_2fr_1fr_3rem\] {
    grid-template-columns: 1rem 2fr 1fr 3rem;
  }

  .grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }

  .grid-cols-\[2rem_1fr_2rem\] {
    grid-template-columns: 2rem 1fr 2rem;
  }

  .grid-cols-\[3fr_1fr_1fr_1fr\] {
    grid-template-columns: 3fr 1fr 1fr 1fr;
  }

  .grid-cols-\[3fr_2fr\] {
    grid-template-columns: 3fr 2fr;
  }

  .grid-cols-\[3rem_1fr\] {
    grid-template-columns: 3rem 1fr;
  }

  .grid-cols-\[3rem_1fr_1fr_1rem\] {
    grid-template-columns: 3rem 1fr 1fr 1rem;
  }

  .grid-cols-\[4fr_3fr\] {
    grid-template-columns: 4fr 3fr;
  }

  .grid-cols-\[4rem_minmax\(0\,1fr\)_4rem\] {
    grid-template-columns: 4rem minmax(0, 1fr) 4rem;
  }

  .grid-cols-\[5rem_1fr\] {
    grid-template-columns: 5rem 1fr;
  }

  .grid-cols-\[6fr_4fr\] {
    grid-template-columns: 6fr 4fr;
  }

  .grid-cols-\[8rem_1fr\] {
    grid-template-columns: 8rem 1fr;
  }

  .grid-cols-\[8rem_1fr_1fr_8rem\] {
    grid-template-columns: 8rem 1fr 1fr 8rem;
  }

  .grid-cols-\[8rem_2fr_1fr_8rem\] {
    grid-template-columns: 8rem 2fr 1fr 8rem;
  }

  .grid-cols-\[8rem_8rem\] {
    grid-template-columns: 8rem 8rem;
  }

  .grid-cols-\[10rem_10rem_1fr\] {
    grid-template-columns: 10rem 10rem 1fr;
  }

  .grid-cols-\[16px_1fr_auto_auto\] {
    grid-template-columns: 16px 1fr auto auto;
  }

  .grid-cols-\[20rem_1fr\] {
    grid-template-columns: 20rem 1fr;
  }

  .grid-cols-\[24px_1fr\] {
    grid-template-columns: 24px 1fr;
  }

  .grid-cols-\[24px_1fr_24px\] {
    grid-template-columns: 24px 1fr 24px;
  }

  .grid-cols-\[24px_24px_1fr_24px_24px\] {
    grid-template-columns: 24px 24px 1fr 24px 24px;
  }

  .grid-cols-\[28px_1fr_min-content_min-content\] {
    grid-template-columns: 28px 1fr min-content min-content;
  }

  .grid-cols-\[30rem_1fr\] {
    grid-template-columns: 30rem 1fr;
  }

  .grid-cols-\[32px_1fr\] {
    grid-template-columns: 32px 1fr;
  }

  .grid-cols-\[32px_1fr_32px\] {
    grid-template-columns: 32px 1fr 32px;
  }

  .grid-cols-\[40px_400px_400px\] {
    grid-template-columns: 40px 400px 400px;
  }

  .grid-cols-\[80px_1fr\] {
    grid-template-columns: 80px 1fr;
  }

  .grid-cols-\[100\%\] {
    grid-template-columns: 100%;
  }

  .grid-cols-\[240px_1fr\] {
    grid-template-columns: 240px 1fr;
  }

  .grid-cols-\[\[rail-start\]_var\(--dx-rail-size\)_\[content-start\]_1fr_\[content-end\]\] {
    grid-template-columns: [rail-start] var(--dx-rail-size) [content-start] 1fr [content-end];
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_1fr_1fr_1fr\] {
    grid-template-columns: auto 1fr 1fr 1fr;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .grid-cols-\[min-content_1fr\] {
    grid-template-columns: min-content 1fr;
  }

  .grid-cols-\[min-content_1fr_max-content\] {
    grid-template-columns: min-content 1fr max-content;
  }

  .grid-cols-\[min-content_1fr_min-content\] {
    grid-template-columns: min-content 1fr min-content;
  }

  .grid-cols-\[min-content_1fr_min-content_min-content\] {
    grid-template-columns: min-content 1fr min-content min-content;
  }

  .grid-cols-\[min-content_1fr_min-content_min-content_min-content\] {
    grid-template-columns: min-content 1fr min-content min-content min-content;
  }

  .grid-cols-\[min-content_min-content_1fr_min-content_min-content\] {
    grid-template-columns: min-content min-content 1fr min-content min-content;
  }

  .grid-cols-\[min-content_minmax\(12rem\,1fr\)\] {
    grid-template-columns: min-content minmax(12rem, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_30rem\] {
    grid-template-columns: minmax(0, 1fr) 30rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_min-content\] {
    grid-template-columns: minmax(0, 1fr) min-content;
  }

  .grid-cols-\[minmax\(0\,1fr\)_min-content_min-content\] {
    grid-template-columns: minmax(0, 1fr) min-content min-content;
  }

  .grid-cols-\[minmax\(min-content\,1fr\)_3fr\] {
    grid-template-columns: minmax(min-content, 1fr) 3fr;
  }

  .grid-cols-\[repeat\(6\,min-content\)\] {
    grid-template-columns: repeat(6, min-content);
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(6rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(18rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  }

  .grid-cols-\[var\(--dx-l0-size\)\] {
    grid-template-columns: var(--dx-l0-size);
  }

  .grid-cols-\[var\(--dx-rail-action\)_1fr_min-content\] {
    grid-template-columns: var(--dx-rail-action) 1fr min-content;
  }

  .grid-cols-\[var\(--dx-rail-size\)_1fr_min-content\] {
    grid-template-columns: var(--dx-rail-size) 1fr min-content;
  }

  .grid-cols-\[var\(--dx-rail-size\)_1fr_var\(--dx-rail-size\)\] {
    grid-template-columns: var(--dx-rail-size) 1fr var(--dx-rail-size);
  }

  .grid-cols-\[var\(--spacing-card-min-width\)_var\(--spacing-card-min-width\)_1fr\] {
    grid-template-columns: var(--spacing-card-min-width) var(--spacing-card-min-width) 1fr;
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .grid-cols-subgrid\! {
    grid-template-columns: subgrid !important;
  }

  .\[grid-template-rows\:1fr_1fr\] {
    grid-template-rows: 1fr 1fr;
  }

  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .grid-rows-\[1fr_2fr\] {
    grid-template-rows: 1fr 2fr;
  }

  .grid-rows-\[1fr_2fr_1fr\] {
    grid-template-rows: 1fr 2fr 1fr;
  }

  .grid-rows-\[1fr_16rem\] {
    grid-template-rows: 1fr 16rem;
  }

  .grid-rows-\[1fr_40px\] {
    grid-template-rows: 1fr 40px;
  }

  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }

  .grid-rows-\[1fr_min-content\] {
    grid-template-rows: 1fr min-content;
  }

  .grid-rows-\[2fr_3fr\] {
    grid-template-rows: 2fr 3fr;
  }

  .grid-rows-\[2fr_5fr\] {
    grid-template-rows: 2fr 5fr;
  }

  .grid-rows-\[3fr_1fr\] {
    grid-template-rows: 3fr 1fr;
  }

  .grid-rows-\[3fr_4fr\] {
    grid-template-rows: 3fr 4fr;
  }

  .grid-rows-\[4fr_3fr\] {
    grid-template-rows: 4fr 3fr;
  }

  .grid-rows-\[40px_1fr_min-content_40px\] {
    grid-template-rows: 40px 1fr min-content 40px;
  }

  .grid-rows-\[\[rail-start\]_var\(--dx-rail-size\)_\[content-start\]_1fr_\[content-end\]\] {
    grid-template-rows: [rail-start] var(--dx-rail-size) [content-start] 1fr [content-end];
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .grid-rows-\[max-content_1fr\] {
    grid-template-rows: max-content 1fr;
  }

  .grid-rows-\[min-content_1fr\] {
    grid-template-rows: min-content 1fr;
  }

  .grid-rows-\[min-content_1fr_min-content\] {
    grid-template-rows: min-content 1fr min-content;
  }

  .grid-rows-\[min-content_min-content\] {
    grid-template-rows: min-content min-content;
  }

  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
    grid-template-rows: minmax(0, 1fr) minmax(0, 2fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,50\%\)\] {
    grid-template-rows: minmax(0, 1fr) minmax(0, 50%);
  }

  .grid-rows-\[minmax\(0\,160px\)_1fr\] {
    grid-template-rows: minmax(0, 160px) 1fr;
  }

  .grid-rows-\[minmax\(0\,160px\)_1fr_minmax\(0\,206px\)\] {
    grid-template-rows: minmax(0, 160px) 1fr minmax(0, 206px);
  }

  .grid-rows-\[var\(--dx-rail-action\)_1fr_20rem\] {
    grid-template-rows: var(--dx-rail-action) 1fr 20rem;
  }

  .grid-rows-\[var\(--dx-rail-action\)_1fr_min-content\] {
    grid-template-rows: var(--dx-rail-action) 1fr min-content;
  }

  .grid-rows-\[var\(--dx-rail-action\)_1fr_var\(--dx-rail-action\)\] {
    grid-template-rows: var(--dx-rail-action) 1fr var(--dx-rail-action);
  }

  .grid-rows-\[var\(--dx-rail-size\)_1fr\] {
    grid-template-rows: var(--dx-rail-size) 1fr;
  }

  .grid-rows-\[var\(--dx-rail-size\)_1fr_min-content_var\(--dx-l0-size\)\] {
    grid-template-rows: var(--dx-rail-size) 1fr min-content var(--dx-l0-size);
  }

  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

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

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

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

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

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

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

  .place-content-evenly {
    place-content: space-evenly;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-\(--stack-gap\) {
    gap: var(--stack-gap);
  }

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

  .gap-0\! {
    gap: calc(var(--spacing) * 0) !important;
  }

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

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

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

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

  .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);
  }

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

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

  .gap-\[1px\] {
    gap: 1px;
  }

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

  .gap-form-gap {
    gap: var(--spacing-form-gap);
  }

  .gap-form-section-gap {
    gap: var(--spacing-form-section-gap);
  }

  .gap-px {
    gap: 1px;
  }

  .gap-trim-sm {
    gap: var(--spacing-trim-sm);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-trim-md > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-trim-md) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-trim-md) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-0\.5 {
    -moz-column-gap: calc(var(--spacing) * .5);
         column-gap: calc(var(--spacing) * .5);
  }

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

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

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

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

  .gap-x-form-gap {
    -moz-column-gap: var(--spacing-form-gap);
         column-gap: var(--spacing-form-gap);
  }

  .gap-x-trim-lg {
    -moz-column-gap: var(--spacing-trim-lg);
         column-gap: var(--spacing-trim-lg);
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

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

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

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-separator > :not(:last-child)) {
    border-color: var(--color-separator);
  }

  :where(.divide-subdued-separator > :not(:last-child)) {
    border-color: var(--color-subdued-separator);
  }

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

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

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

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

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

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

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-hidden\! {
    overflow-x: hidden !important;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

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

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

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

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

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

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

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

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

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

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

  .rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-r-\[3px\] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  .rounded-b {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .rounded-b-sm {
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }

  .dx-slot-warning {
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-width: 1px;
    border-color: var(--color-rose-500);
  }

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

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

  .border-\[length\:var\(--line-thickness\)\] {
    border-style: var(--tw-border-style);
    border-width: var(--line-thickness);
  }

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

  .border-x-0\! {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 0 !important;
  }

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

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

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

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

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

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

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

  .border-b-0\! {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

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

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

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

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .\!border-subdued-separator {
    border-color: var(--color-subdued-separator) !important;
  }

  .border-\[color\:var\(--surface-bg\)\] {
    border-color: var(--surface-bg);
  }

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

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

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

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

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

  .border-black\/20 {
    border-color: #0003;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-neutral-400\/50 {
    border-color: color-mix(in srgb, oklch(.708 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, transparent);
  }

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

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

  .border-neutral-500\/50 {
    border-color: color-mix(in srgb, oklch(.556 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, transparent);
  }

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

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

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

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

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

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

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

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

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

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

  .border-primary-500\/40 {
    border-color: #3080ff66;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .border-separator\! {
    border-color: var(--color-separator) !important;
  }

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

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

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

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

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

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

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

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

  .border-transparent {
    border-color: #0000;
  }

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

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

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

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

  .\!bg-toolbar-surface {
    background-color: var(--color-toolbar-surface) !important;
  }

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

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

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

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

  .bg-\[\#6C95B9\] {
    background-color: #6c95b9;
  }

  .bg-\[\#8EB486\] {
    background-color: #8eb486;
  }

  .bg-\[\#608BC1\] {
    background-color: #608bc1;
  }

  .bg-\[\#CBDCEB\] {
    background-color: #cbdceb;
  }

  .bg-\[\#CCD3DB\] {
    background-color: #ccd3db;
  }

  .bg-\[\#FDF7F4\] {
    background-color: #fdf7f4;
  }

  .bg-\[--surface-bg\] {
    background-color: --surface-bg;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-base-surface\! {
    background-color: var(--color-base-surface) !important;
  }

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

  .bg-black\! {
    background-color: var(--color-black) !important;
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-current {
    background-color: currentColor;
  }

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

  .bg-current-surface\! {
    background-color: var(--color-current-surface) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-deck-surface\! {
    background-color: var(--color-deck-surface) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-grid-highlight\! {
    background-color: var(--color-grid-highlight) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-neutral-500\/10 {
    background-color: color-mix(in srgb, oklch(.556 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 10%, transparent);
  }

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

  .bg-neutral-500\/15 {
    background-color: color-mix(in srgb, oklch(.556 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 15%, transparent);
  }

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

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

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

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

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

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

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

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

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

  .bg-neutral-900\/80 {
    background-color: color-mix(in srgb, oklch(.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 80%, transparent);
  }

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

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

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

  .bg-neutral-950\! {
    background-color: var(--color-neutral-950) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-primary-500\/20 {
    background-color: #3080ff33;
  }

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

  .bg-primary-500\/40 {
    background-color: #3080ff66;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[radial-gradient\(at_100\%_50\%\,_theme\(colors\.green\.700\)\,_transparent_80\%\)\] {
    background-image: radial-gradient(at 100%, oklch(52.7% .154 150.069), #0000 80%);
  }

  .bg-\[radial-gradient\(at_100\%_50\%\,_theme\(colors\.sky\.500\)\,_transparent_70\%\)\] {
    background-image: radial-gradient(at 100%, oklch(68.5% .169 237.323), #0000 70%);
  }

  .from-\(--color-base-surface\) {
    --tw-gradient-from: var(--color-base-surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\(--surface-bg\) {
    --tw-gradient-to: var(--surface-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-base-surface {
    fill: var(--color-base-surface);
  }

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

  .fill-blue-600 {
    fill: var(--color-blue-600);
  }

  .fill-blue-700 {
    fill: var(--color-blue-700);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-cyan-400 {
    fill: var(--color-cyan-400);
  }

  .fill-cyan-500 {
    fill: var(--color-cyan-500);
  }

  .fill-cyan-600 {
    fill: var(--color-cyan-600);
  }

  .fill-green-700 {
    fill: var(--color-green-700);
  }

  .fill-inverse-surface {
    fill: var(--color-inverse-surface);
  }

  .fill-neutral-50 {
    fill: var(--color-neutral-50);
  }

  .fill-neutral-100 {
    fill: var(--color-neutral-100);
  }

  .fill-neutral-200 {
    fill: var(--color-neutral-200);
  }

  .fill-neutral-500 {
    fill: var(--color-neutral-500);
  }

  .fill-neutral-600 {
    fill: var(--color-neutral-600);
  }

  .fill-neutral-700 {
    fill: var(--color-neutral-700);
  }

  .fill-none {
    fill: none;
  }

  .fill-orange-400 {
    fill: var(--color-orange-400);
  }

  .fill-orange-500 {
    fill: var(--color-orange-500);
  }

  .fill-orange-600 {
    fill: var(--color-orange-600);
  }

  .fill-primary-500 {
    fill: var(--color-primary-500);
  }

  .fill-primary-800 {
    fill: var(--color-primary-800);
  }

  .fill-purple-400 {
    fill: var(--color-purple-400);
  }

  .fill-purple-500 {
    fill: var(--color-purple-500);
  }

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

  .fill-red-500 {
    fill: var(--color-red-500);
  }

  .fill-separator {
    fill: var(--color-separator);
  }

  .fill-sky-700 {
    fill: var(--color-sky-700);
  }

  .fill-slate-500 {
    fill: var(--color-slate-500);
  }

  .fill-slate-600 {
    fill: var(--color-slate-600);
  }

  .fill-slate-700 {
    fill: var(--color-slate-700);
  }

  .fill-stone-400 {
    fill: var(--color-stone-400);
  }

  .fill-stone-500 {
    fill: var(--color-stone-500);
  }

  .fill-stone-600 {
    fill: var(--color-stone-600);
  }

  .fill-teal-400 {
    fill: var(--color-teal-400);
  }

  .fill-teal-500 {
    fill: var(--color-teal-500);
  }

  .fill-teal-600 {
    fill: var(--color-teal-600);
  }

  .fill-transparent {
    fill: #0000;
  }

  .fill-violet-700 {
    fill: var(--color-violet-700);
  }

  .fill-white {
    fill: var(--color-white);
  }

  .fill-yellow-200 {
    fill: var(--color-yellow-200);
  }

  .fill-yellow-300 {
    fill: var(--color-yellow-300);
  }

  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }

  .fill-zinc-50 {
    fill: var(--color-zinc-50);
  }

  .\!stroke-green-500 {
    stroke: var(--color-green-500) !important;
  }

  .stroke-\[var\(--dx-stroke-color\)\] {
    stroke: var(--dx-stroke-color);
  }

  .stroke-base-surface {
    stroke: var(--color-base-surface);
  }

  .stroke-blue-500 {
    stroke: var(--color-blue-500);
  }

  .stroke-blue-500\/50 {
    stroke: #3080ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-blue-500\/50 {
      stroke: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }

  .stroke-current {
    stroke: currentColor;
  }

  .stroke-cyan-500 {
    stroke: var(--color-cyan-500);
  }

  .stroke-emerald-500 {
    stroke: var(--color-emerald-500);
  }

  .stroke-error-border {
    stroke: var(--color-error-border);
  }

  .stroke-fuchsia-500 {
    stroke: var(--color-fuchsia-500);
  }

  .stroke-green-500 {
    stroke: var(--color-green-500);
  }

  .stroke-green-800 {
    stroke: var(--color-green-800);
  }

  .stroke-neutral-500 {
    stroke: var(--color-neutral-500);
  }

  .stroke-none {
    stroke: none;
  }

  .stroke-orange-400\/40 {
    stroke: #ff8b1a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-orange-400\/40 {
      stroke: color-mix(in oklab, var(--color-orange-400) 40%, transparent);
    }
  }

  .stroke-orange-500 {
    stroke: var(--color-orange-500);
  }

  .stroke-primary-500 {
    stroke: var(--color-primary-500);
  }

  .stroke-red-500 {
    stroke: var(--color-red-500);
  }

  .stroke-sky-500 {
    stroke: var(--color-sky-500);
  }

  .stroke-success-border {
    stroke: var(--color-success-border);
  }

  .stroke-teal-500 {
    stroke: var(--color-teal-500);
  }

  .stroke-transparent {
    stroke: #0000;
  }

  .stroke-violet-500 {
    stroke: var(--color-violet-500);
  }

  .stroke-warning-border {
    stroke: var(--color-warning-border);
  }

  .stroke-1 {
    stroke-width: 1px;
  }

  .stroke-2 {
    stroke-width: 2px;
  }

  .stroke-\[0\.25\] {
    stroke-width: .25px;
  }

  .stroke-\[1px\] {
    stroke-width: 1px;
  }

  .stroke-\[4px\] {
    stroke-width: 4px;
  }

  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .p-\(--dx-grid-cell-content-padding-block\) {
    padding: var(--dx-grid-cell-content-padding-block);
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\! {
    padding: calc(var(--spacing) * 1) !important;
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[4rem\] {
    padding: 4rem;
  }

  .p-form-chrome {
    padding: var(--spacing-form-chrome);
  }

  .p-form-gap {
    padding: var(--spacing-form-gap);
  }

  .p-form-padding {
    padding: var(--spacing-form-padding);
  }

  .p-px {
    padding: 1px;
  }

  .p-trim-md {
    padding: var(--spacing-trim-md);
  }

  .px-\(--stack-gap\) {
    padding-inline: var(--stack-gap);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-40 {
    padding-inline: calc(var(--spacing) * 40);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[var\(--gutter\,0\.75rem\)\] {
    padding-inline: var(--gutter, .75rem);
  }

  .px-form-chrome {
    padding-inline: var(--spacing-form-chrome);
  }

  .px-form-padding {
    padding-inline: var(--spacing-form-padding);
  }

  .px-trim-md {
    padding-inline: var(--spacing-trim-md);
  }

  .\!py-\(--dx-grid-cell-editor-padding-block\) {
    padding-block: var(--dx-grid-cell-editor-padding-block) !important;
  }

  .\!py-\[max\(0\,calc\(var\(--dx-grid-cell-editor-padding-block\)-1px\)\)\] {
    padding-block: max(0, calc(var(--dx-grid-cell-editor-padding-block) - 1px)) !important;
  }

  .py-\(--stack-gap\) {
    padding-block: var(--stack-gap);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[env\(safe-area-inset-top\)\] {
    padding-block: env(safe-area-inset-top);
  }

  .py-form-chrome {
    padding-block: var(--spacing-form-chrome);
  }

  .py-form-gap {
    padding-block: var(--spacing-form-gap);
  }

  .py-form-padding {
    padding-block: var(--spacing-form-padding);
  }

  .py-trim-md {
    padding-block: var(--spacing-trim-md);
  }

  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }

  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * .5);
  }

  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .ps-\[calc\(env\(safe-area-inset-left\)\+\.25rem\)\] {
    padding-inline-start: calc(env(safe-area-inset-left) + .25rem);
  }

  .pe-0\! {
    padding-inline-end: calc(var(--spacing) * 0) !important;
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-\[22px\] {
    padding-inline-end: 22px;
  }

  .pe-\[calc\(env\(safe-area-inset-right\)\+\.25rem\)\] {
    padding-inline-end: calc(env(safe-area-inset-right) + .25rem);
  }

  .pe-\[max\(\.5rem\,env\(safe-area-inset-left\)\)\] {
    padding-inline-end: max(.5rem, env(safe-area-inset-left));
  }

  .pbs-form-gap {
    padding-block-start: var(--spacing-form-gap);
  }

  .pbe-1 {
    padding-block-end: calc(var(--spacing) * 1);
  }

  .pbe-2 {
    padding-block-end: calc(var(--spacing) * 2);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-\[1px\] {
    padding-top: 1px;
  }

  .pt-\[2px\] {
    padding-top: 2px;
  }

  .pt-\[4px\] {
    padding-top: 4px;
  }

  .pt-\[calc\(var\(--scroll-width\)\+var\(--scroll-padding\)\)\] {
    padding-top: calc(var(--scroll-width) + var(--scroll-padding));
  }

  .pt-\[var\(--scroll-width\)\] {
    padding-top: var(--scroll-width);
  }

  .pt-form-gap {
    padding-top: var(--spacing-form-gap);
  }

  .pt-form-padding {
    padding-top: var(--spacing-form-padding);
  }

  .pt-form-section-gap {
    padding-top: var(--spacing-form-section-gap);
  }

  .pt-trim-md {
    padding-top: var(--spacing-trim-md);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-\[calc\(var\(--gutter\,calc\(var\(--scroll-width\)\+var\(--scroll-padding\)\)\)-var\(--scroll-width\)\)\] {
    padding-right: calc(var(--gutter, calc(var(--scroll-width) + var(--scroll-padding))) - var(--scroll-width));
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-\[2px\] {
    padding-bottom: 2px;
  }

  .pb-\[3px\] {
    padding-bottom: 3px;
  }

  .pb-\[4px\] {
    padding-bottom: 4px;
  }

  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .pb-\[var\(--scroll-padding\)\] {
    padding-bottom: var(--scroll-padding);
  }

  .pb-form-padding {
    padding-bottom: var(--spacing-form-padding);
  }

  .pb-trim-md {
    padding-bottom: var(--spacing-trim-md);
  }

  .\!pl-\(--dx-grid-cell-editor-padding-inline\) {
    padding-left: var(--dx-grid-cell-editor-padding-inline) !important;
  }

  .pl-\(--dx-nav-sidebar-size\) {
    padding-left: var(--dx-nav-sidebar-size);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-\[--dx-nav-sidebar-size\] {
    padding-left: --dx-nav-sidebar-size;
  }

  .pl-\[var\(--gutter\,0\)\] {
    padding-left: var(--gutter, 0);
  }

  .pl-\[var\(--gutter\,calc\(var\(--scroll-width\)\+var\(--scroll-padding\)\)\)\] {
    padding-left: var(--gutter, calc(var(--scroll-width) + var(--scroll-padding)));
  }

  .pl-\[var\(--scroll-width\)\] {
    padding-left: var(--scroll-width);
  }

  .text-center {
    text-align: center;
  }

  .text-center\! {
    text-align: center !important;
  }

  .text-end {
    text-align: end;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-\[-0\.125em\] {
    vertical-align: -.125em;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-body {
    font-family: var(--font-body);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-mono\! {
    font-family: var(--font-mono) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[\.75em\] {
    font-size: .75em;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .text-\[60px\] {
    font-size: 60px;
  }

  .text-\[64px\] {
    font-size: 64px;
  }

  .text-\[80px\] {
    font-size: 80px;
  }

  .text-\[100px\] {
    font-size: 100px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .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);
  }

  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-normal\! {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-normal\! {
    white-space: normal !important;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--color-cm-heading-number\) {
    color: var(--color-cm-heading-number);
  }

  .text-\(--dx-valence-text\) {
    color: var(--dx-valence-text);
  }

  .text-\[var\(--icons-color\,currentColor\)\] {
    color: var(--icons-color, currentColor);
  }

  .text-accent-fg {
    color: var(--color-accent-fg);
  }

  .text-accent-text {
    color: var(--color-accent-text);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-fg {
    color: var(--color-amber-fg);
  }

  .text-amber-text {
    color: var(--color-amber-text);
  }

  .text-base-fg {
    color: var(--color-base-fg);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-200 {
    color: var(--color-blue-200);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-fg {
    color: var(--color-blue-fg);
  }

  .text-blue-text {
    color: var(--color-blue-text);
  }

  .text-current {
    color: currentColor;
  }

  .text-current-fg {
    color: var(--color-current-fg);
  }

  .text-cyan-fg {
    color: var(--color-cyan-fg);
  }

  .text-cyan-text {
    color: var(--color-cyan-text);
  }

  .text-description {
    color: var(--color-description);
  }

  .text-description\! {
    color: var(--color-description) !important;
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-fg {
    color: var(--color-emerald-fg);
  }

  .text-emerald-text {
    color: var(--color-emerald-text);
  }

  .text-error-fg {
    color: var(--color-error-fg);
  }

  .text-error-text {
    color: var(--color-error-text);
  }

  .text-fuchsia-fg {
    color: var(--color-fuchsia-fg);
  }

  .text-fuchsia-text {
    color: var(--color-fuchsia-text);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-fg {
    color: var(--color-green-fg);
  }

  .text-green-text {
    color: var(--color-green-text);
  }

  .text-hover-fg {
    color: var(--color-hover-fg);
  }

  .text-indigo-fg {
    color: var(--color-indigo-fg);
  }

  .text-indigo-text {
    color: var(--color-indigo-text);
  }

  .text-info-fg {
    color: var(--color-info-fg);
  }

  .text-info-text {
    color: var(--color-info-text);
  }

  .text-input-fg {
    color: var(--color-input-fg);
  }

  .text-inverse-fg {
    color: var(--color-inverse-fg);
  }

  .text-lime-fg {
    color: var(--color-lime-fg);
  }

  .text-lime-text {
    color: var(--color-lime-text);
  }

  .text-neutral-50 {
    color: var(--color-neutral-50);
  }

  .text-neutral-100 {
    color: var(--color-neutral-100);
  }

  .text-neutral-200 {
    color: var(--color-neutral-200);
  }

  .text-neutral-250 {
    color: var(--color-neutral-250);
  }

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-800 {
    color: var(--color-neutral-800);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-neutral-950 {
    color: var(--color-neutral-950);
  }

  .text-neutral-fg {
    color: var(--color-neutral-fg);
  }

  .text-neutral-text {
    color: var(--color-neutral-text);
  }

  .text-orange-300 {
    color: var(--color-orange-300);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-fg {
    color: var(--color-orange-fg);
  }

  .text-orange-text {
    color: var(--color-orange-text);
  }

  .text-pink-fg {
    color: var(--color-pink-fg);
  }

  .text-pink-text {
    color: var(--color-pink-text);
  }

  .text-placeholder {
    color: var(--color-placeholder);
  }

  .text-primary-500 {
    color: var(--color-primary-500);
  }

  .text-primary-600 {
    color: var(--color-primary-600);
  }

  .text-primary-text {
    color: var(--color-primary-text);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-fg {
    color: var(--color-purple-fg);
  }

  .text-purple-text {
    color: var(--color-purple-text);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-fg {
    color: var(--color-red-fg);
  }

  .text-red-text {
    color: var(--color-red-text);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-fg {
    color: var(--color-rose-fg);
  }

  .text-rose-text {
    color: var(--color-rose-text);
  }

  .text-selected-fg {
    color: var(--color-selected-fg);
  }

  .text-sky-300 {
    color: var(--color-sky-300);
  }

  .text-sky-500 {
    color: var(--color-sky-500);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-fg {
    color: var(--color-sky-fg);
  }

  .text-sky-text {
    color: var(--color-sky-text);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-subdued {
    color: var(--color-subdued);
  }

  .text-subdued\! {
    color: var(--color-subdued) !important;
  }

  .text-success-fg {
    color: var(--color-success-fg);
  }

  .text-success-text {
    color: var(--color-success-text);
  }

  .text-teal-400 {
    color: var(--color-teal-400);
  }

  .text-teal-fg {
    color: var(--color-teal-fg);
  }

  .text-teal-text {
    color: var(--color-teal-text);
  }

  .text-un-accent {
    color: var(--color-un-accent);
  }

  .text-violet-fg {
    color: var(--color-violet-fg);
  }

  .text-violet-text {
    color: var(--color-violet-text);
  }

  .text-warning-fg {
    color: var(--color-warning-fg);
  }

  .text-warning-text {
    color: var(--color-warning-text);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-200 {
    color: var(--color-yellow-200);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-fg {
    color: var(--color-yellow-fg);
  }

  .text-yellow-text {
    color: var(--color-yellow-text);
  }

  .text-zinc-200 {
    color: var(--color-zinc-200);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .placeholder-placeholder::-moz-placeholder {
    color: var(--color-placeholder);
  }

  .placeholder-placeholder::placeholder {
    color: var(--color-placeholder);
  }

  .\[caret-color\:currentColor\]\! {
    caret-color: currentColor !important;
  }

  .\!opacity-50 {
    opacity: .5 !important;
  }

  .opacity-\(--controls-opacity\) {
    opacity: var(--controls-opacity);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-5 {
    opacity: .05;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-100\! {
    opacity: 1 !important;
  }

  .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-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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-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-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-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-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);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-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);
  }

  .shadow-amber-500\/50 {
    --tw-shadow-color: #f99c0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-amber-500\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-cyan-500\/50 {
    --tw-shadow-color: #00b7d780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-cyan-500\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-500\/50 {
    --tw-shadow-color: #00bb7f80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-500\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-rose-500\/50 {
    --tw-shadow-color: #ff235780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-rose-500\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-accent-bg {
    --tw-ring-color: var(--color-accent-bg);
  }

  .ring-base-surface {
    --tw-ring-color: var(--color-base-surface);
  }

  .ring-primary-500 {
    --tw-ring-color: var(--color-primary-500);
  }

  .ring-sky-500\! {
    --tw-ring-color: var(--color-sky-500) !important;
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline-hidden\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  @media (forced-colors: active) {
    .outline-hidden\! {
      outline-offset: 2px !important;
      outline: 2px solid #0000 !important;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-green-500 {
    outline-color: var(--color-green-500);
  }

  .outline-neutral-900 {
    outline-color: var(--color-neutral-900);
  }

  .outline-primary-500 {
    outline-color: var(--color-primary-500);
  }

  .outline-separator {
    outline-color: var(--color-separator);
  }

  .outline-transparent {
    outline-color: #0000;
  }

  .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, );
  }

  .blur-none {
    --tw-blur:  ;
    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, );
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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, );
  }

  .blur-xs {
    --tw-blur: blur(var(--blur-xs));
    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, ) !important;
  }

  .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, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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));
  }

  .transition-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,filter\,scale\,rotate\] {
    transition-property: opacity, filter, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[outline-color\] {
    transition-property: outline-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-0 {
    transition-delay: 0s;
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .delay-1000 {
    transition-delay: 1s;
  }

  .delay-\[0\.5s\] {
    transition-delay: .5s;
  }

  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[0\.5s\] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-\[1s\] {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[500ms\,500ms\,500ms\,750ms\] {
    --tw-duration: .5s,.5s,.5s,.75s;
    transition-duration: .5s, .5s, .5s, .75s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .\[contain\:none\] {
    contain: none;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[--controls-opacity\:0\] {
    --controls-opacity: 0;
  }

  .\[--controls-opacity\:1\] {
    --controls-opacity: 1;
  }

  .\[--dx-col\:auto\] {
    --dx-col: auto;
  }

  .\[--dx-grid-base\:var\(--base-surface\)\] {
    --dx-grid-base: var(--base-surface);
  }

  .\[--dx-stroke-color\:theme\(colors\.neutral\.500\)\] {
    --dx-stroke-color: oklch(.556 var(--dx-neutral-chroma) var(--dx-neutral-hue));
  }

  .\[--dx-stroke-color\:theme\(colors\.sky\.500\)\] {
    --dx-stroke-color: oklch(68.5% .169 237.323);
  }

  .\[--icons-color\:inherit\] {
    --icons-color: inherit;
  }

  .\[--stack-gap\:var\(--spacing-trim-xs\)\] {
    --stack-gap: var(--spacing-trim-xs);
  }

  .\[grid-area\:content\] {
    grid-area: content;
  }

  .\[grid-area\:form\] {
    grid-area: form;
  }

  .\[grid-area\:results\] {
    grid-area: results;
  }

  .\[grid-area\:statusbar\] {
    grid-area: statusbar;
  }

  .\[grid-area\:toolbar\] {
    grid-area: toolbar;
  }

  .\[grid-area\:tools\] {
    grid-area: tools;
  }

  .\[grid-template-areas\:\'tools_results\'\'form_results\'\] {
    grid-template-areas: "tools results"
                         "form results";
  }

  .\[index\:name\] {
    index: name;
  }

  .\[min-inline-size\:1\.5rem\] {
    min-inline-size: 1.5rem;
  }

  .\[offset-anchor\:100\%_50\%\] {
    offset-anchor: 100% 50%;
  }

  .\[offset-path\:border-box\] {
    offset-path: border-box;
  }

  .\[stroke-dasharray\:6_6\] {
    stroke-dasharray: 6 6;
  }

  .inline-20 {
    inline-size: calc(var(--spacing) * 20);
  }

  :is(.\*\:text-subdued > *) {
    color: var(--color-subdued);
  }

  :is(.\*\:opacity-\(--controls-opacity\) > *) {
    opacity: var(--controls-opacity);
  }

  :is(.\*\:opacity-20 > *) {
    opacity: .2;
  }

  :is(.\*\:transition-opacity > *) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *), .group-hover\/column\:opacity-100:is(:where(.group\/column):hover *) {
      opacity: 1;
    }

    .group-hover\/l0item\:bg-current-surface:is(:where(.group\/l0item):hover *) {
      background-color: var(--color-current-surface);
    }
  }

  .group-aria-selected\/l0item\:block:is(:where(.group\/l0item)[aria-selected="true"] *) {
    display: block;
  }

  .group-aria-\[current\=true\]\:fill-cyan-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-cyan-500);
  }

  .group-aria-\[current\=true\]\:fill-emerald-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-emerald-500);
  }

  .group-aria-\[current\=true\]\:fill-fuchsia-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-fuchsia-500);
  }

  .group-aria-\[current\=true\]\:fill-green-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-green-500);
  }

  .group-aria-\[current\=true\]\:fill-orange-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-orange-500);
  }

  .group-aria-\[current\=true\]\:fill-sky-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-sky-500);
  }

  .group-aria-\[current\=true\]\:fill-teal-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-teal-500);
  }

  .group-aria-\[current\=true\]\:fill-violet-500:is(:where(.group)[aria-current="true"] *) {
    fill: var(--color-violet-500);
  }

  .group-data-\[has-focus\]\:outline:is(:where(.group)[data-has-focus] *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .group-data-\[mosaic-debug\=\"true\"\]\:bg-orange-500:is(:where(.group)[data-mosaic-debug="true"] *) {
    background-color: var(--color-orange-500);
  }

  .group-data-\[mosaic-debug\=\"true\"\]\:opacity-100:is(:where(.group)[data-mosaic-debug="true"] *) {
    opacity: 1;
  }

  .group-data-\[mosaic-placeholder-orientation\=horizontal\]\:w-0:is(:where(.group)[data-mosaic-placeholder-orientation="horizontal"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[mosaic-placeholder-orientation\=vertical\]\:h-0:is(:where(.group)[data-mosaic-placeholder-orientation="vertical"] *) {
    height: calc(var(--spacing) * 0);
  }

  .group-data-\[mosaic-placeholder-state\=active\]\:duration-200:is(:where(.group)[data-mosaic-placeholder-state="active"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .group-data-\[mosaic-placeholder-orientation\=horizontal\]\:group-data-\[mosaic-placeholder-state\=active\]\:w-\[var\(--mosaic-placeholder-width\)\]:is(:where(.group)[data-mosaic-placeholder-orientation="horizontal"] *):is(:where(.group)[data-mosaic-placeholder-state="active"] *) {
    width: var(--mosaic-placeholder-width);
  }

  .group-data-\[mosaic-placeholder-orientation\=vertical\]\:group-data-\[mosaic-placeholder-state\=active\]\:h-\[var\(--mosaic-placeholder-height\)\]:is(:where(.group)[data-mosaic-placeholder-orientation="vertical"] *):is(:where(.group)[data-mosaic-placeholder-state="active"] *) {
    height: var(--mosaic-placeholder-height);
  }

  .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state="open"] *) {
    rotate: 90deg;
  }

  .selection\:bg-transparent ::-moz-selection {
    background-color: #0000;
  }

  .selection\:bg-transparent ::selection {
    background-color: #0000;
  }

  .selection\:bg-transparent::-moz-selection {
    background-color: #0000;
  }

  .selection\:bg-transparent::selection {
    background-color: #0000;
  }

  .before\:invisible:before {
    content: var(--tw-content);
    visibility: hidden;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .before\:top-\(--offset-terminal\):before {
    content: var(--tw-content);
    top: var(--offset-terminal);
  }

  .before\:top-\(--terminal-inset\):before {
    content: var(--tw-content);
    top: var(--terminal-inset);
  }

  .before\:right-\(--offset-terminal\):before {
    content: var(--tw-content);
    right: var(--offset-terminal);
  }

  .before\:bottom-\(--offset-terminal\):before {
    content: var(--tw-content);
    bottom: var(--offset-terminal);
  }

  .before\:left-\(--negative-terminal-size\):before {
    content: var(--tw-content);
    left: var(--negative-terminal-size);
  }

  .before\:left-\(--offset-terminal\):before {
    content: var(--tw-content);
    left: var(--offset-terminal);
  }

  .before\:left-\(--terminal-inset\):before {
    content: var(--tw-content);
    left: var(--terminal-inset);
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }

  .before\:h-\(--terminal-size\):before {
    content: var(--tw-content);
    height: var(--terminal-size);
  }

  .before\:h-1:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .before\:w-\(--terminal-size\):before {
    content: var(--tw-content);
    width: var(--terminal-size);
  }

  .before\:w-1:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:border-\[length\:--line-thickness\]:before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: --line-thickness;
  }

  .before\:border-solid:before {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }

  .before\:border-accent-bg:before {
    content: var(--tw-content);
    border-color: var(--color-accent-bg);
  }

  .before\:bg-focus-ring-subtle:before {
    content: var(--tw-content);
    background-color: var(--color-focus-ring-subtle);
  }

  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-100:before {
    content: var(--tw-content);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .before\:ease-in-out:before {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:hidden:first-child {
    display: none;
  }

  .first\:rounded-l-\[3px\]:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .first\:font-medium:first-child {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.\*\:first\:mt-0\! > *):first-child {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .last\:mb-form-gap:last-child {
    margin-bottom: var(--spacing-form-gap);
  }

  .last\:hidden:last-child {
    display: none;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  :is(.\*\:last\:mb-0\! > *):last-child {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .odd\:bg-neutral-50:nth-child(odd) {
    background-color: var(--color-neutral-50);
  }

  .focus-within\:border-focus-ring-subtle:focus-within {
    border-color: var(--color-focus-ring-subtle);
  }

  .focus-within\:border-rose-500:focus-within {
    border-color: var(--color-rose-500);
  }

  .focus-within\:border-subdued-separator:focus-within {
    border-color: var(--color-subdued-separator);
  }

  .focus-within\:bg-attention-surface:focus-within {
    background-color: var(--color-attention-surface);
  }

  .focus-within\:bg-focus-surface:focus-within {
    background-color: var(--color-focus-surface);
  }

  .focus-within\:bg-header-surface:focus-within {
    background-color: var(--color-header-surface);
  }

  .focus-within\:bg-hover-surface:focus-within {
    background-color: var(--color-hover-surface);
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .focus-within\:\[--controls-opacity\:1\]:focus-within {
    --controls-opacity: 1;
  }

  .focus-within\:\[--icons-color\:inherit\]:focus-within {
    --icons-color: inherit;
  }

  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:border-neutral-500:hover {
      border-color: var(--color-neutral-500);
    }

    .hover\:border-orange-500:hover {
      border-color: var(--color-orange-500);
    }

    .hover\:bg-\(--dx-valence-bg-hover\):hover {
      background-color: var(--dx-valence-bg-hover);
    }

    .hover\:bg-focus-surface:hover {
      background-color: var(--color-focus-surface);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-hover-surface:hover {
      background-color: var(--color-hover-surface);
    }

    .hover\:bg-neutral-75:hover {
      background-color: var(--color-neutral-75);
    }

    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }

    .hover\:bg-neutral-200:hover {
      background-color: var(--color-neutral-200);
    }

    .hover\:bg-neutral-300:hover {
      background-color: var(--color-neutral-300);
    }

    .hover\:bg-neutral-800\/50:hover {
      background-color: color-mix(in srgb, oklch(.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)) 50%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-800\/50:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }

    .hover\:bg-orange-500:hover {
      background-color: var(--color-orange-500);
    }

    .hover\:bg-primary-300:hover {
      background-color: var(--color-primary-300);
    }

    .hover\:bg-primary-400:hover {
      background-color: var(--color-primary-400);
    }

    .hover\:bg-primary-700:hover {
      background-color: var(--color-primary-700);
    }

    .hover\:bg-red-500:hover {
      background-color: var(--color-red-500);
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-un-accent-hover:hover {
      background-color: var(--color-un-accent-hover);
    }

    .hover\:fill-blue-500:hover {
      fill: var(--color-blue-500);
    }

    .hover\:fill-orange-500:hover {
      fill: var(--color-orange-500);
    }

    .hover\:text-accent-text-hover:hover {
      color: var(--color-accent-text-hover);
    }

    .hover\:text-base-fg:hover {
      color: var(--color-base-fg);
    }

    .hover\:text-neutral-300:hover {
      color: var(--color-neutral-300);
    }

    .hover\:text-primary-500:hover {
      color: var(--color-primary-500);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:opacity-50:hover {
      opacity: .5;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
  }

  .focus\:border-accent-bg:focus {
    border-color: var(--color-accent-bg);
  }

  .focus\:border-primary-500:focus {
    border-color: var(--color-primary-500);
  }

  .focus\:border-separator:focus {
    border-color: var(--color-separator);
  }

  .focus\:bg-focus-surface:focus {
    background-color: var(--color-focus-surface);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus\:after\:ring-focus-ring-subtle:focus:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-focus-ring-subtle);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-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);
  }

  .focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-color: var(--color-primary-500);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-primary-500:focus-visible {
    outline-color: var(--color-primary-500);
  }

  .focus-visible\:\[--controls-opacity\:1\]:focus-visible {
    --controls-opacity: 1;
  }

  .focus-visible\:before\:opacity-100:focus-visible:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:transform:active {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .active\:bg-gray-200:active {
    background-color: var(--color-gray-200);
  }

  .active\:bg-neutral-200:active {
    background-color: var(--color-neutral-200);
  }

  .active\:bg-primary-300:active {
    background-color: var(--color-primary-300);
  }

  .active\:before\:opacity-100:active:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .disabled\:hidden:disabled {
    display: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:bg-neutral-800:disabled {
    background-color: var(--color-neutral-800);
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  .aria-checked\:bg-accent-bg[aria-checked="true"] {
    background-color: var(--color-accent-bg);
  }

  @media (hover: hover) {
    .hover\:aria-checked\:bg-accent-bg-hover:hover[aria-checked="true"] {
      background-color: var(--color-accent-bg-hover);
    }
  }

  .aria-current\:border-primary-500[aria-current="true"] {
    border-color: var(--color-primary-500);
  }

  .aria-current\:bg-neutral-75[aria-current="true"] {
    background-color: var(--color-neutral-75);
  }

  .aria-current\:bg-primary-50[aria-current="true"] {
    background-color: var(--color-primary-50);
  }

  .aria-current\:text-primary-600[aria-current="true"] {
    color: var(--color-primary-600);
  }

  .aria-\[checked\=mixed\]\:bg-accent-bg[aria-checked="mixed"] {
    background-color: var(--color-accent-bg);
  }

  @media (hover: hover) {
    .hover\:aria-\[checked\=mixed\]\:bg-accent-bg-hover:hover[aria-checked="mixed"] {
      background-color: var(--color-accent-bg-hover);
    }
  }

  .aria-\[current\]\:opacity-100[aria-current] {
    opacity: 1;
  }

  .data-\[attention\=\"0\"\]\:\!opacity-80[data-attention="0"] {
    opacity: .8 !important;
  }

  .data-\[attention\=true\]\:text-accent-text[data-attention="true"] {
    color: var(--color-accent-text);
  }

  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .data-\[disabled\]\:text-description\/40[data-disabled] {
    color: color-mix(in srgb, light-dark(var(--color-neutral-600), var(--color-neutral-400)) 40%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[disabled\]\:text-description\/40[data-disabled] {
      color: color-mix(in oklab, var(--color-description) 40%, transparent);
    }
  }

  .data-\[disabled\]\:opacity-40[data-disabled] {
    opacity: .4;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  @media (hover: hover) {
    .data-\[disabled\]\:hover\:bg-transparent[data-disabled]:hover {
      background-color: #0000;
    }
  }

  .data-\[focus-state\=active\]\:after\:ring-focus-ring-subtle[data-focus-state="active"]:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-focus-ring-subtle);
  }

  .data-\[focus-state\=error\]\:after\:ring-rose-500[data-focus-state="error"]:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-rose-500);
  }

  .data-\[focus-visible\]\:outline-2[data-focus-visible] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .data-\[focus-visible\]\:outline-primary-500[data-focus-visible] {
    outline-color: var(--color-primary-500);
  }

  .data-\[focused\]\:border-focus-ring-subtle[data-focused] {
    border-color: var(--color-focus-ring-subtle);
  }

  .data-\[focused\]\:bg-accent-bg[data-focused] {
    background-color: var(--color-accent-bg);
  }

  .data-\[focused\]\:bg-attention-surface[data-focused] {
    background-color: var(--color-attention-surface);
  }

  .data-\[focused\]\:text-accent-fg[data-focused] {
    color: var(--color-accent-fg);
  }

  .data-\[focused\]\:ring-2[data-focused] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-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);
  }

  .data-\[focused\]\:ring-focus-ring-subtle[data-focused] {
    --tw-ring-color: var(--color-focus-ring-subtle);
  }

  .data-\[focused\]\:ring-offset-0[data-focused] {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .data-\[highlighted\]\:bg-hover-surface[data-highlighted], .data-\[hovered\]\:bg-hover-surface[data-hovered] {
    background-color: var(--color-hover-surface);
  }

  .data-\[invalid\]\:text-rose-500[data-invalid] {
    color: var(--color-rose-500);
  }

  .data-\[mosaic-placeholder-orientation\=horizontal\]\:px-1[data-mosaic-placeholder-orientation="horizontal"] {
    padding-inline: calc(var(--spacing) * 1);
  }

  .data-\[mosaic-placeholder-orientation\=vertical\]\:snap-start[data-mosaic-placeholder-orientation="vertical"] {
    scroll-snap-align: start;
  }

  .data-\[mosaic-placeholder-orientation\=vertical\]\:py-1[data-mosaic-placeholder-orientation="vertical"] {
    padding-block: calc(var(--spacing) * 1);
  }

  .data-\[mosaic-placeholder-state\=active\]\:opacity-100[data-mosaic-placeholder-state="active"] {
    opacity: 1;
  }

  .data-\[mosaic-placeholder-orientation\=horizontal\]\:data-\[mosaic-placeholder-state\=active\]\:px-2\.5[data-mosaic-placeholder-orientation="horizontal"][data-mosaic-placeholder-state="active"] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .data-\[mosaic-placeholder-orientation\=vertical\]\:data-\[mosaic-placeholder-state\=active\]\:py-2\.5[data-mosaic-placeholder-orientation="vertical"][data-mosaic-placeholder-state="active"] {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .data-\[outside-month\]\:text-description\/40[data-outside-month] {
    color: color-mix(in srgb, light-dark(var(--color-neutral-600), var(--color-neutral-400)) 40%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[outside-month\]\:text-description\/40[data-outside-month] {
      color: color-mix(in oklab, var(--color-description) 40%, transparent);
    }
  }

  .data-\[placeholder\]\:text-subdued[data-placeholder] {
    color: var(--color-subdued);
  }

  .data-\[selected\]\:bg-primary-500[data-selected] {
    background-color: var(--color-primary-500);
  }

  .data-\[selected\]\:text-primary-fg[data-selected] {
    color: var(--color-primary-fg);
  }

  @media (hover: hover) {
    .data-\[selected\]\:hover\:bg-primary-500[data-selected]:hover {
      background-color: var(--color-primary-500);
    }
  }

  .data-\[selected\=true\]\:bg-transparent[data-selected="true"] {
    background-color: #0000;
  }

  .data-\[selection-end\]\:rounded-r-sm[data-selection-end] {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }

  .data-\[selection-end\]\:bg-primary-500[data-selection-end] {
    background-color: var(--color-primary-500);
  }

  .data-\[selection-start\]\:rounded-l-sm[data-selection-start] {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }

  .data-\[selection-start\]\:bg-primary-500[data-selection-start] {
    background-color: var(--color-primary-500);
  }

  .data-\[side\=block-end\]\:bottom-0[data-side="block-end"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[side\=block-end\]\:before\:bottom-0[data-side="block-end"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[side\=block-start\]\:top-0[data-side="block-start"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[side\=block-start\]\:before\:top-0[data-side="block-start"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .data-\[side\=inline-end\]\:end-0[data-side="inline-end"] {
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .data-\[side\=inline-end\]\:before\:end-0[data-side="inline-end"]:before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .data-\[side\=inline-start\]\:start-0[data-side="inline-start"] {
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .data-\[side\=inline-start\]\:before\:start-0[data-side="inline-start"]:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .data-\[state\=\"inactive\"\]\:-z-\[1\][data-state="inactive"] {
    z-index: calc(1 * -1);
  }

  .data-\[state\=active\]\:border-white[data-state="active"] {
    border-color: var(--color-white);
  }

  .data-\[state\=active\]\:text-white[data-state="active"] {
    color: var(--color-white);
  }

  .data-\[state\=checked\]\:translate-x-\[100\%\][data-state="checked"] {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=closed\]\:animate-slide-up[data-state="closed"] {
    animation: var(--animate-slide-up);
  }

  .data-\[state\=open\]\:animate-slide-down[data-state="open"] {
    animation: var(--animate-slide-down);
  }

  .data-\[toolbar\=disabled\]\:pt-2[data-toolbar="disabled"] {
    padding-top: calc(var(--spacing) * 2);
  }

  .data-\[type\=day\]\:min-w-\[2ch\][data-type="day"], .data-\[type\=hour\]\:min-w-\[2ch\][data-type="hour"] {
    min-width: 2ch;
  }

  .data-\[type\=literal\]\:text-subdued[data-type="literal"] {
    color: var(--color-subdued);
  }

  .data-\[type\=minute\]\:min-w-\[2ch\][data-type="minute"], .data-\[type\=month\]\:min-w-\[2ch\][data-type="month"] {
    min-width: 2ch;
  }

  .data-\[type\=year\]\:min-w-\[4ch\][data-type="year"] {
    min-width: 4ch;
  }

  .data-\[unavailable\]\:cursor-not-allowed[data-unavailable] {
    cursor: not-allowed;
  }

  .data-\[unavailable\]\:text-description\/50[data-unavailable] {
    color: color-mix(in srgb, light-dark(var(--color-neutral-600), var(--color-neutral-400)) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[unavailable\]\:text-description\/50[data-unavailable] {
      color: color-mix(in oklab, var(--color-description) 50%, transparent);
    }
  }

  .data-\[unavailable\]\:line-through[data-unavailable] {
    text-decoration-line: line-through;
  }

  .data-\[visible\=\"true\"\]\:opacity-100[data-visible="true"] {
    opacity: 1;
  }

  .data-\[visible\=show\]\:visible[data-visible="show"] {
    visibility: visible;
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }

    .sm\:w-max {
      width: -moz-max-content;
      width: max-content;
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-stretch {
      align-items: stretch;
    }

    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .sm\:rounded-l-none {
      border-top-left-radius: var(--radius-none);
      border-bottom-left-radius: var(--radius-none);
    }

    .sm\:rounded-r-none {
      border-top-right-radius: var(--radius-none);
      border-bottom-right-radius: var(--radius-none);
    }
  }

  @media (min-width: 48rem) {
    .md\:end-\[calc\(env\(safe-area-inset-right\)\+1rem\)\] {
      inset-inline-end: calc(env(safe-area-inset-right) + 1rem);
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:h-\[675px\] {
      height: 675px;
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .md\:w-\[37rem\] {
      width: 37rem;
    }

    .md\:w-\[50rem\] {
      width: 50rem;
    }

    .md\:w-card-default-width {
      width: var(--spacing-card-default-width);
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }

    .md\:max-w-\[24rem\] {
      max-width: 24rem;
    }

    .md\:max-w-\[32rem\]\! {
      max-width: 32rem !important;
    }

    .md\:max-w-\[40rem\]\! {
      max-width: 40rem !important;
    }

    .md\:max-w-\[60rem\]\! {
      max-width: 60rem !important;
    }

    .md\:max-w-sm {
      max-width: var(--container-sm);
    }

    .md\:snap-none {
      scroll-snap-type: none;
    }

    .md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }

    .md\:grid-cols-\[1fr_min-content\] {
      grid-template-columns: 1fr min-content;
    }

    .md\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .md\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-\(--dx-l1-size\) {
      width: var(--dx-l1-size);
    }

    .lg\:w-\(--dx-r1-size\) {
      width: var(--dx-r1-size);
    }

    .lg\:translate-x-\[-40\%\] {
      --tw-translate-x: -40%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:grid-cols-\[1fr_600px\] {
      grid-template-columns: 1fr 600px;
    }

    .lg\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @container (min-width: 28rem) {
    .\@md\:hidden {
      display: none;
    }
  }

  @container (min-width: 42rem) {
    .\@2xl\:block {
      display: block;
    }

    .\@2xl\:grid-cols-\[min-content_1fr\] {
      grid-template-columns: min-content 1fr;
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:block {
      display: block;
    }

    .\@3xl\:grid-cols-\[min-content_1fr\] {
      grid-template-columns: min-content 1fr;
    }
  }

  @container (min-width: 56rem) {
    .\@4xl\:visible {
      visibility: visible;
    }

    .\@4xl\:flex {
      display: flex;
    }

    .\@4xl\:aspect-auto {
      aspect-ratio: auto;
    }

    .\@4xl\:grid-cols-\[1fr_320px\] {
      grid-template-columns: 1fr 320px;
    }
  }

  .dark\:border-amber-500:where(.dark, .dark *) {
    border-color: var(--color-amber-500);
  }

  .dark\:border-emerald-400:where(.dark, .dark *) {
    border-color: var(--color-emerald-400);
  }

  .dark\:border-neutral-500:where(.dark, .dark *) {
    border-color: var(--color-neutral-500);
  }

  .dark\:border-neutral-700:where(.dark, .dark *) {
    border-color: var(--color-neutral-700);
  }

  .dark\:border-neutral-800:where(.dark, .dark *) {
    border-color: var(--color-neutral-800);
  }

  .dark\:border-primary-500:where(.dark, .dark *) {
    border-color: var(--color-primary-500);
  }

  .dark\:border-red-900:where(.dark, .dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:border-rose-500:where(.dark, .dark *) {
    border-color: var(--color-rose-500);
  }

  .dark\:bg-amber-900\/30:where(.dark, .dark *) {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }

  .dark\:bg-black:where(.dark, .dark *) {
    background-color: var(--color-black);
  }

  .dark\:bg-black\/40:where(.dark, .dark *) {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .dark\:bg-blue-800:where(.dark, .dark *) {
    background-color: var(--color-blue-800);
  }

  .dark\:bg-emerald-900\/30:where(.dark, .dark *) {
    background-color: #004e3b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }

  .dark\:bg-emerald-900\/40:where(.dark, .dark *) {
    background-color: #004e3b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }

  .dark\:bg-gray-900:where(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-neutral-100:where(.dark, .dark *) {
    background-color: var(--color-neutral-100);
  }

  .dark\:bg-neutral-700:where(.dark, .dark *) {
    background-color: var(--color-neutral-700);
  }

  .dark\:bg-neutral-800:where(.dark, .dark *) {
    background-color: var(--color-neutral-800);
  }

  .dark\:bg-neutral-850:where(.dark, .dark *) {
    background-color: var(--color-neutral-850);
  }

  .dark\:bg-neutral-900:where(.dark, .dark *) {
    background-color: var(--color-neutral-900);
  }

  .dark\:bg-primary-600:where(.dark, .dark *) {
    background-color: var(--color-primary-600);
  }

  .dark\:bg-red-800:where(.dark, .dark *) {
    background-color: var(--color-red-800);
  }

  .dark\:bg-white\/80:where(.dark, .dark *) {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .dark\:fill-neutral-50:where(.dark, .dark *) {
    fill: var(--color-neutral-50);
  }

  .dark\:fill-neutral-200:where(.dark, .dark *) {
    fill: var(--color-neutral-200);
  }

  .dark\:fill-neutral-300:where(.dark, .dark *) {
    fill: var(--color-neutral-300);
  }

  .dark\:fill-neutral-800:where(.dark, .dark *) {
    fill: var(--color-neutral-800);
  }

  .dark\:fill-neutral-950:where(.dark, .dark *) {
    fill: var(--color-neutral-950);
  }

  .dark\:stroke-blue-400\/60:where(.dark, .dark *) {
    stroke: #54a2ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:stroke-blue-400\/60:where(.dark, .dark *) {
      stroke: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
    }
  }

  .dark\:stroke-orange-500\/40:where(.dark, .dark *) {
    stroke: #fe6e0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:stroke-orange-500\/40:where(.dark, .dark *) {
      stroke: color-mix(in oklab, var(--color-orange-500) 40%, transparent);
    }
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-green-200:where(.dark, .dark *) {
    color: var(--color-green-200);
  }

  .dark\:text-green-700:where(.dark, .dark *) {
    color: var(--color-green-700);
  }

  .dark\:text-neutral-200:where(.dark, .dark *) {
    color: var(--color-neutral-200);
  }

  .dark\:text-neutral-300:where(.dark, .dark *) {
    color: var(--color-neutral-300);
  }

  .dark\:text-neutral-400:where(.dark, .dark *) {
    color: var(--color-neutral-400);
  }

  .dark\:text-neutral-900:where(.dark, .dark *) {
    color: var(--color-neutral-900);
  }

  .dark\:text-orange-600:where(.dark, .dark *) {
    color: var(--color-orange-600);
  }

  .dark\:text-primary-300:where(.dark, .dark *) {
    color: var(--color-primary-300);
  }

  .dark\:text-primary-400:where(.dark, .dark *) {
    color: var(--color-primary-400);
  }

  .dark\:text-red-600:where(.dark, .dark *) {
    color: var(--color-red-600);
  }

  .dark\:text-sky-400:where(.dark, .dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:shadow-amber-600\/50:where(.dark, .dark *) {
    --tw-shadow-color: #dd740080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-amber-600\/50:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:shadow-cyan-600\/50:where(.dark, .dark *) {
    --tw-shadow-color: #0092b580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-cyan-600\/50:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:shadow-emerald-600\/50:where(.dark, .dark *) {
    --tw-shadow-color: #00976780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-emerald-600\/50:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:shadow-rose-600\/50:where(.dark, .dark *) {
    --tw-shadow-color: #e7004480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-rose-600\/50:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:grayscale:where(.dark, .dark *) {
    --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, );
  }

  .dark\:invert:where(.dark, .dark *) {
    --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, );
  }

  .dark\:odd\:bg-neutral-800:where(.dark, .dark *):nth-child(odd) {
    background-color: var(--color-neutral-800);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-neutral-700:where(.dark, .dark *):hover {
      background-color: var(--color-neutral-700);
    }

    .dark\:hover\:bg-neutral-800:where(.dark, .dark *):hover {
      background-color: var(--color-neutral-800);
    }

    .dark\:hover\:bg-primary-700:where(.dark, .dark *):hover {
      background-color: var(--color-primary-700);
    }

    .dark\:hover\:bg-transparent:where(.dark, .dark *):hover {
      background-color: #0000;
    }

    .hover\:dark\:text-primary-200:hover:where(.dark, .dark *) {
      color: var(--color-primary-200);
    }
  }

  .dark\:active\:bg-neutral-600:where(.dark, .dark *):active {
    background-color: var(--color-neutral-600);
  }

  .dark\:aria-current\:bg-neutral-800:where(.dark, .dark *)[aria-current="true"] {
    background-color: var(--color-neutral-800);
  }

  .dark\:aria-current\:bg-primary-900\/20:where(.dark, .dark *)[aria-current="true"] {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-current\:bg-primary-900\/20:where(.dark, .dark *)[aria-current="true"] {
      background-color: color-mix(in oklab, var(--color-primary-900) 20%, transparent);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:max-w-\[min\(50rem\,100\%-2rem\)\] {
      max-width: min(50rem, 100% - 2rem);
    }

    .pointer-coarse\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @media (pointer: fine) {
    .pointer-fine\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }

    .pointer-fine\:min-h-\[2rem\] {
      min-height: 2rem;
    }

    .pointer-fine\:max-w-\[min\(50rem\,100\%-4rem\)\] {
      max-width: min(50rem, 100% - 4rem);
    }

    .pointer-fine\:p-1 {
      padding: calc(var(--spacing) * 1);
    }

    .pointer-fine\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .pointer-fine\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }

    .pointer-fine\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .radix-state-closed\:animate-toast-hide[data-state="closed"] {
    animation: var(--animate-toast-hide);
  }

  .radix-state-open\:animate-toast-slide-in-bottom[data-state="open"] {
    animation: var(--animate-toast-slide-in-bottom);
  }

  @media (min-width: 48rem) {
    .md\:radix-state-open\:animate-toast-slide-in-right[data-state="open"] {
      animation: var(--animate-toast-slide-in-right);
    }
  }

  .radix-swipe-cancel\:translate-x-0[data-swipe="cancel"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .radix-swipe-cancel\:duration-200[data-swipe="cancel"] {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .radix-swipe-cancel\:ease-\[ease\][data-swipe="cancel"] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }

  .radix-swipe-end\:animate-toast-swipe-out[data-swipe="end"] {
    animation: var(--animate-toast-swipe-out);
  }

  @media (hover: hover) {
    .hover-hover\:\[--controls-opacity\:0\] {
      --controls-opacity: 0;
    }

    .hover-hover\:\[--icons-color\:var\(--description-text\)\] {
      --icons-color: var(--description-text);
    }

    @media (hover: hover) {
      .hover-hover\:hover\:border-subdued-separator:hover {
        border-color: var(--color-subdued-separator);
      }

      .hover-hover\:hover\:bg-header-surface:hover {
        background-color: var(--color-header-surface);
      }

      .hover-hover\:hover\:\[--controls-opacity\:1\]:hover {
        --controls-opacity: 1;
      }

      .hover-hover\:hover\:\[--icons-color\:inherit\]:hover {
        --icons-color: inherit;
      }
    }

    .hover-hover\:aria-\[expanded\=true\]\:\[--controls-opacity\:1\][aria-expanded="true"] {
      --controls-opacity: 1;
    }
  }

  .is-current\:bg-current-surface[aria-current]:not([aria-current="false"]) {
    background-color: var(--color-current-surface);
  }

  .\[\&_\*\]\:text-inherit\! * {
    color: inherit !important;
  }

  .\[\&_\.border\]\:fill-none .border {
    fill: none;
  }

  .\[\&_\.border\]\:stroke-blue-500 .border {
    stroke: var(--color-blue-500);
  }

  .\[\&_\.border\]\:stroke-red-500 .border {
    stroke: var(--color-red-500);
  }

  .\[\&_\.border\]\:stroke-2 .border {
    stroke-width: 2px;
  }

  .\[\&_\.cm-scroller\]\:min-h-24 .cm-scroller {
    min-height: calc(var(--spacing) * 24);
  }

  .\[\&_\.cm-scroller\]\:overflow-hidden .cm-scroller {
    overflow: hidden;
  }

  .\[\&_\.dx-grid\]\:absolute .dx-grid {
    position: absolute;
  }

  .\[\&_\.dx-grid\]\:inset-0 .dx-grid {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&_\.dx-toolbar\]\:sticky .dx-toolbar {
    position: sticky;
  }

  .\[\&_\.dx-toolbar\]\:top-0 .dx-toolbar {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_\.dx-toolbar\]\:z-\[1\] .dx-toolbar {
    z-index: 1;
  }

  .\[\&_\.dx-toolbar\]\:-mb-px .dx-toolbar {
    margin-bottom: -1px;
  }

  .\[\&_\.dx-toolbar\]\:min-w-0 .dx-toolbar {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&_\.hexagon\]\:stroke-blue-700 .hexagon {
    stroke: var(--color-blue-700);
  }

  .\[\&_\.hexagon\>path\.fill\]\:fill-blue-800 .hexagon > path.fill {
    fill: var(--color-blue-800);
  }

  .\[\&_\.mesh\]\:fill-none .mesh {
    fill: none;
  }

  .\[\&_input\]\:rounded-sm input {
    border-radius: var(--radius-sm);
  }

  .\[\&_input\]\:border input {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_input\]\:border-separator input {
    border-color: var(--color-separator);
  }

  .\[\&_input\]\:bg-input-surface input {
    background-color: var(--color-input-surface);
  }

  .\[\&_input\]\:px-2 input {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_input\]\:py-1 input {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_label\]\:m-0 label {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_label\]\:text-right label {
    text-align: right;
  }

  .\[\&_label\]\:text-base label {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_label\]\:text-green-800 label {
    color: var(--color-green-800);
  }

  .\[\&_p\]\:text-right p {
    text-align: right;
  }

  .\[\&_p\]\:text-green-600 p {
    color: var(--color-green-600);
  }

  .\[\&_span\]\:truncate span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&_svg\]\:rotate-0 svg {
    rotate: 0deg;
  }

  .\[\&_svg\]\:rotate-90 svg {
    rotate: 90deg;
  }

  .\[\&_svg\]\:animate-spin svg {
    animation: var(--animate-spin);
  }

  .\[\&_svg\]\:transition-transform svg {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&_svg\]\:duration-200 svg {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:\:-webkit-scrollbar\]\:h-\[var\(--scroll-width\)\]::-webkit-scrollbar {
    height: var(--scroll-width);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-3::-webkit-scrollbar {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-\[var\(--scroll-width\)\]::-webkit-scrollbar {
    width: var(--scroll-width);
  }

  .\[\&\:\:-webkit-scrollbar-corner\]\:bg-transparent::-webkit-scrollbar-corner {
    background-color: #0000;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-none::-webkit-scrollbar-thumb {
    border-radius: var(--radius-none);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-scrollbar-thumb::-webkit-scrollbar-thumb {
    background-color: var(--color-scrollbar-thumb);
  }

  @media (hover: hover) {
    .group-hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-scrollbar-thumb:is(:where(.group):hover *)::-webkit-scrollbar-thumb {
      background-color: var(--color-scrollbar-thumb);
    }

    .group-hover\/scroll-all\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-scrollbar-thumb:is(:where(.group\/scroll-all):hover *)::-webkit-scrollbar-thumb {
      background-color: var(--color-scrollbar-thumb);
    }

    .group-hover\/scroll-h\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-scrollbar-thumb:is(:where(.group\/scroll-h):hover *)::-webkit-scrollbar-thumb {
      background-color: var(--color-scrollbar-thumb);
    }

    .group-hover\/scroll-v\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-scrollbar-thumb:is(:where(.group\/scroll-v):hover *)::-webkit-scrollbar-thumb {
      background-color: var(--color-scrollbar-thumb);
    }
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-scrollbar-track::-webkit-scrollbar-track {
    background-color: var(--color-scrollbar-track);
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .\[\&\:has\(\.cm-content\:focus\)\]\:border-separator:has(.cm-content:focus) {
    border-color: var(--color-separator);
  }

  .\[\&\:has\(\[cmdk-list-sizer\]\:empty\)\]\:py-0:has([cmdk-list-sizer]:empty) {
    padding-block: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\[data-dx-resizing\=\"true\"\]\)\]\:duration-200:not([data-dx-resizing="true"]) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\>\*\]\:shrink-0 > * {
    flex-shrink: 0;
  }

  .\[\&\>\*\:not\(\[data-slot\]\)\]\:\[grid-area\:content\] > :not([data-slot]) {
    grid-area: content;
  }

  .\[\&\>\*\>\*\.dots\]\:dark\:\!stroke-neutral-700 > * > .dots:where(.dark, .dark *), .\[\&\>\*\>\*\.lines\]\:dark\:\!stroke-neutral-700 > * > .lines:where(.dark, .dark *) {
    stroke: var(--color-neutral-700) !important;
  }

  .\[\&\>\.cm-scroller\]\:scrollbar-none > .cm-scroller::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>\.cm-scroller\]\:scrollbar-none > .cm-scroller {
    scrollbar-width: none;
  }

  .\[\&\>\.dx-grid\]\:relative > .dx-grid {
    position: relative;
  }

  .\[\&\>\.dx-grid\]\:before\:absolute > .dx-grid:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>\.dx-grid\]\:before\:inset-x-0 > .dx-grid:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .\[\&\>\.dx-grid\]\:before\:-bottom-px > .dx-grid:before {
    content: var(--tw-content);
    bottom: -1px;
  }

  .\[\&\>\.dx-grid\]\:before\:h-px > .dx-grid:before {
    content: var(--tw-content);
    height: 1px;
  }

  .\[\&\>\.dx-grid\]\:before\:bg-subdued-separator > .dx-grid:before {
    content: var(--tw-content);
    background-color: var(--color-subdued-separator);
  }

  .\[\&\>\.dx-grid\]\:after\:absolute > .dx-grid:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>\.dx-grid\]\:after\:inset-y-0 > .dx-grid:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .\[\&\>\.dx-grid\]\:after\:-right-px > .dx-grid:after {
    content: var(--tw-content);
    right: -1px;
  }

  .\[\&\>\.dx-grid\]\:after\:w-px > .dx-grid:after {
    content: var(--tw-content);
    width: 1px;
  }

  .\[\&\>\.dx-grid\]\:after\:bg-subdued-separator > .dx-grid:after {
    content: var(--tw-content);
    background-color: var(--color-subdued-separator);
  }

  .\[\&\>\.dx-toolbar\]\:relative > .dx-toolbar {
    position: relative;
  }

  .\[\&\>\.dx-toolbar\]\:border-b > .dx-toolbar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&\>\.dx-toolbar\]\:border-subdued-separator > .dx-toolbar {
    border-color: var(--color-subdued-separator);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-0 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 0);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-1 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 1);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-2 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-3 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 3);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-4 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 4);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-5 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 5);
  }

  .\[\&\>\.indent\:first-of-type\]\:pl-6 > .indent:first-of-type {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&\>\[role\=\"tabpanel\"\]\]\:min-h-0 > [role="tabpanel"] {
    min-height: calc(var(--spacing) * 0);
  }

  .\[\&\>\[role\=\"tabpanel\"\]\[data-state\=\"active\"\]\]\:grid > [role="tabpanel"][data-state="active"] {
    display: grid;
  }

  .\[\&\>button\]\:relative > button {
    position: relative;
  }

  .\[\&\>circle\]\:fill-blue-300 > circle {
    fill: var(--color-blue-300);
  }

  .\[\&\>circle\]\:fill-cyan-300 > circle {
    fill: var(--color-cyan-300);
  }

  .\[\&\>circle\]\:fill-green-300 > circle {
    fill: var(--color-green-300);
  }

  .\[\&\>circle\]\:fill-indigo-300 > circle {
    fill: var(--color-indigo-300);
  }

  .\[\&\>circle\]\:fill-orange-300 > circle {
    fill: var(--color-orange-300);
  }

  .\[\&\>circle\]\:fill-red-300 > circle {
    fill: var(--color-red-300);
  }

  .\[\&\>circle\]\:fill-teal-300 > circle {
    fill: var(--color-teal-300);
  }

  .\[\&\>circle\]\:fill-zinc-300 > circle {
    fill: var(--color-zinc-300);
  }

  .\[\&\>circle\]\:stroke-red-500 > circle {
    stroke: var(--color-red-500);
  }

  .\[\&\>circle\]\:stroke-zinc-400 > circle {
    stroke: var(--color-zinc-400);
  }

  .\[\&\>circle\]\:stroke-2 > circle {
    stroke-width: 2px;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:grid > div {
    display: grid;
  }

  .\[\&\>div\]\:place-content-center > div {
    place-content: center;
  }

  .\[\&\>div\]\:items-stretch > div {
    align-items: stretch;
  }

  .\[\&\>img\]\:max-w-\[1\.5rem\] > img {
    max-width: 1.5rem;
  }

  .\[\&\>path\]\:fill-teal-400 > path {
    fill: var(--color-teal-400);
  }

  .\[\&\>path\]\:fill-teal-500 > path {
    fill: var(--color-teal-500);
  }

  .\[\&\>path\]\:fill-teal-600 > path {
    fill: var(--color-teal-600);
  }

  .\[\&\>span\]\:truncate > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>span\]\:text-left > span {
    text-align: left;
  }

  .\[\&\>svg\]\:invisible > svg {
    visibility: hidden;
  }

  .\[\&\>svg\]\:-scale-x-100 > svg {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>svg\]\:rotate-180 > svg {
    rotate: 180deg;
  }

  .\[\&\>svg\]\:transition > svg {
    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));
  }

  .\[\&\>svg\]\:duration-200 > svg {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\>ul\]\:\!min-w-\[198px\] > ul {
    min-width: 198px !important;
  }

  .\[\&\>ul\>li\[aria-selected\]\]\:\!bg-accent-bg > ul > li[aria-selected] {
    background-color: var(--color-accent-bg) !important;
  }

  .\[\&\[data-state\=checked\]\>svg\]\:visible[data-state="checked"] > svg {
    visibility: visible;
  }

  .dx-column-root .\[\.dx-column-root_\&\]\:col-span-full {
    grid-column: 1 / -1;
  }

  .dx-column-root .\[\.dx-column-root_\&\]\:grid {
    display: grid;
  }

  .dx-column-root .\[\.dx-column-root_\&\]\:grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .dx-column-root .\[\.dx-column-root_\&\]\:\[\&\>\*\:not\(\.dx-container\)\]\:\[grid-column\:var\(--dx-col\,auto\)\] > :not(.dx-container) {
    grid-column: var(--dx-col, auto);
  }

  [aria-current][data-attention="true"] .\[\[aria-current\]\[data-attention\=true\]_\&\]\:bg-accent-bg {
    background-color: var(--color-accent-bg);
  }

  [aria-current][data-attention="true"] .\[\[aria-current\]\[data-attention\=true\]_\&\]\:text-accent-fg {
    color: var(--color-accent-fg);
  }

  [aria-selected="true"][data-attention="true"] .\[\[aria-selected\=\"true\"\]\[data-attention\=true\]_\&\]\:bg-accent-bg {
    background-color: var(--color-accent-bg);
  }

  [aria-selected="true"][data-attention="true"] .\[\[aria-selected\=\"true\"\]\[data-attention\=true\]_\&\]\:text-accent-fg {
    color: var(--color-accent-fg);
  }

  [data-attention="true"] .\[\[data-attention\=true\]_\&\]\:bg-accent-bg {
    background-color: var(--color-accent-bg);
  }

  [data-attention="true"] .\[\[data-attention\=true\]_\&\]\:text-accent-fg {
    color: var(--color-accent-fg);
  }

  [data-contains-attended="true"] .\[\[data-contains-attended\=true\]_\&\]\:bg-attention-contains {
    background-color: var(--color-attention-contains);
  }

  [data-drag-autoscroll="active"] .\[\[data-drag-autoscroll\=\"active\"\]_\&\]\:pointer-events-none {
    pointer-events: none;
  }

  [data-scroll-separator="true"] .\[\[data-scroll-separator\=\"true\"\]_\&\]\:border-subdued-separator {
    border-color: var(--color-subdued-separator);
  }

  body[data-platform="ios"] .\[body\[data-platform\=\"ios\"\]_\&\]\:pt-\[max\(env\(safe-area-inset-top\)\,0\.25rem\)\] {
    padding-top: max(env(safe-area-inset-top), .25rem);
  }

  body[data-platform="macos"] .\[body\[data-platform\=\"macos\"\]_\&\]\:pt-\[30px\] {
    padding-top: 30px;
  }
}
@keyframes shimmer-text {
  from {
    mask-position-x: 100%;
    -webkit-mask-position-x: 100%;
  }

  to {
    mask-position-x: -100%;
    -webkit-mask-position-x: -100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-halo-pulse, .animate-spin-slow, .animate-trail, .animate-trail-offset, .animate-shimmer {
    animation: none;
  }
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("data:font/woff2;base64,d09GMgABAAAAAAgwABQAAAAAELAAAAfGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiIbHhwoP0hWQVIqBmA/U1RBVIFeJyYAXC9qEQgKhQiEEAsaADCGDgE2AiQDLgQgBYsmB4EDDAcbuQ5RlHLSh1D8LIwda5EDkWTsWrXb7n5f9POJLTIGp5/2yIjB8///m7bPfQ88KqslaiQVh1SdEBMiXjMd87RjKp91HXj6/saf3RdaYGmYaBJz3nz0P36n5rQIQfhkwIrIsVXNfXeVunIkpwpAX+JhcyK+eSt7iYsZQskXT8BU/n6t1XuIJfEMD/EQudBo8fgnIruY7IklVBtDxUMUi2KezCsREpXGW6kxl9mxrIjxBocE6bP/scZCgFAnmyAY9lECx7cSL56MGDVhBmZ0AL8foIlPlUr9dOhdO7eTQAD1KAgXeAZAouzYDwK6KpOdGEBtVl7/NSfZjn6pwhkXKLDQ5lYm1hx3AKu4t9Pr3v8/mdgdQ7IdyAP//goqVf0BHOujzChLYFksmVrQ1DxXgAdmbkB0hFCpBpqkznybHddDAUgQDUCwnyfkB/MZq7wDdIhkg16qwK4kVHaCUT5Q02FyDYzKG+hw9RYY1QWgIzQHENILrShJ4N0oYl7o9k0Lpve8x88zfz/cfWZwESBY2J5PyuPCBVCABoTTEHIdnTHAjhmFjtv7ovQT+unxgwvt0U855zfuqbUZABgxAwZMdCMBgimEcCasDhPfiGVac9BTAkJKsyjgs1CLaMGSTVtFT4kTmxiIT7RdjCsukwAxFdNIYH9tv18QAHYAokEQsA+cApKREzTUhy5AfLTHRBBE1zSzJSjYYgm1WML0QJshQK8LMDS02W1ttkqrxzqj3OZ5+BfZ+1O+rbzMVnroWMSBE3FCtQbvzM2/lJT/ekhm2/LzDO9P1T1bfk0qsc548GetZ8kjv1g3/+TQcXq/EtXPDpm3De1tjY/y2HprSqpyex06JKuOHMlf1TxjSYkNcTJw9qqjb+9M3/a2DY9Z9sej2cqC7EHD/FkDszEW/L5ozO/e4Pf/nvR+e8Br4f9N1mcGDO418zg/Zgbv/qy8JmvhalO/xFtvZ1Unf8YfiPuWusruoNrCMVa3q9JX4K6r6uLOZnEVV/mchZMGjRn+QPjaK9TaBwqHm7xXQuY84CwedDQVP0D83l0eZ2KVxRW51+pyVzY6Xa6ZhckVD0Tte2AMbSx0ssbO5bnmeaBoePT1a8U9V6pBA/kz9PDyG/9iW0rZkPZ+3lyBqZ/5iZ72ypgU6QyEXpkrtjSu3ULUP2XMuMkW1yjPjvSMFZ4x9BcNk1GpCGDE2msMskEZ0bHNAn0EGypDe2UPfaGt4TL1h6aZ0NHpX0xQQC47AE4AGZwGqdfuNe9LqAyWcdLp4j1WFjuJhETQHiPk6oAK1K0mZieUECZN2JtipnpcnAEFnF1B7J/X+Hyd3NPqk8XQNwvTLf2umZLg7Tf6Ff0rwrJgAYv489QuHjTQzhKg6OBvPp+WDZxC3UcwZOKG49WoliuoyjDxcIDOj44tCGOe0zFKUpax2uTlm0Zob2UfbbiOOHziATzDy6OHgEqiDPMzsBy3fjRbF0IxQrdZHzZoQQzQrdeFhnWbK7thserXB7hee3MMm/cK/b6H2oFPQXlMCFT1erncmptSSQKA94izHrRwTsS4QbsxXJmDOTRsKm5mi47qJ7GPgfPzA7LdJg/OaRpl/puBZBC0Cx8+H8U6DePe00fBdt40PWtbk6QF1GoMWzQvBNmGeo3Jfqz7RRxQc4jJfrWPwTgeN50qGugz6FOvVqtUuiuToGVJVRk3P6aVDRL0RbXRoDdaQ3+6P6OdCDmuNh29rwbpxOD0VHQPCymeetTYjO/0zeVthR3YmYOgKKy9nPfTCmsCatu5EUIQeq5oNuw0+x/OUCFCfOpl2SM5F0JIyelLB2Bh1eXx6f4G7PdPD9eRwuAE5/JWlh0NYcT6qugSVIByFgmYgN/MkmSYTwfxhvV4M4Kxtk3j9oUnDYYuLhhRIpqIMt04RUbcuYBiuLtKt0Xb+B8CqL56e+aO1uqgwdfNmnYK8OcPT76So//x3ZU55/+fbLu1exQjCgCBe6lKP6kJvp8w6pTjAmNTXspQTqN/GwyFJhjxZ02QFM4hgF1eo9NLjAhwPA0F9EonGqJbgLfWUgaF+FWDCrs2AzUGrljUyewlNBDbX9BIensSAunbhRkE7Kodhch6UJHYItSIbrxSr84BNBBbhUYicw5NOPIVmsnPUbQwODVoxZlctNHXLbRT5CMMIN9eDGSgMgzCzDQMJtxQDMFKEYYSSCqGYScWwzETetoIQsFIC801W61iXdo1EPNEvuF/WszTYRqfJvO0qzXbBC2aNJtbormw2QzNWnQax2euYg1hmTkm6iJMl7HmBnH72E+9HBudkt6pSS3W1TmJLdffOXuhJ53sRScXEPrehp89Hfq2pZbetJSb22m5a1atXTqhrVakwhK+JILmn6vbHAPlyTNHxczWortl5sg1Z0zZLleX2ZObZ7JRJvjSM2e0efjMLkQ0jINTLuqvQEEZpSOwOZon2gYZpxh3goXmTPurzj5cl26LzPaScspHUsduMD4O29mnmK1LKx+3COU2z2PiHtH3mc5vqkmLzjxP3U5cH/rpkFerTUFY3TODAv9NlNLHCYQdsN9Kss9FMTia6GIQo5jELBaju262b77PNK+zJb/IPZKEjOyfx/qP+v4AQ1NtR0dtYG39vLm+f9ohP7cjsS+hCvP7HrxfE/+6k/o2AAA=") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-cyrillic-wght-italic-n46wCxo2.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-greek-wght-italic-MM8eZ3ga.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-vietnamese-wght-italic-BG2XwtC0.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-latin-ext-wght-italic-BmpnCKuU.woff2") format("woff2-variations");
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-latin-wght-italic-Bxk8Slts.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("data:font/woff2;base64,d09GMgABAAAAAAewABQAAAAAD6gAAAdIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiIbHhwoP0hWQVIqBmA/U1RBVIFiJyYAXC9qEQgKhGSDegsaADCGAgE2AiQDLgQgBYlMB4EDDAcbwQ1RVJJeQfLjoBzTNUne6PP1Xi1YsKKMh70ywfP/36a/z53BpOY0KsRsiHpNIGElxGhT8tzlS2v+9dwHOWS3yUkpDnXpSTLqgYxJaijBRDSVp4yj3wqMc6by2I3YLjyRDI///9yv7qIPtaYXPHQJiZRJ+/vGw3Rjw1yjWCj46WKeOJxup1tolMRT1eKsRQaNUEwRzr779xpLIcBsMF8QLI2VwPWdLGUp0tjcOYgdHcA0AQROaaShfnr2RDgxhRdAOgfmgor1QazcuK8CulovV2EBdYlaC3TQ7WUzQTFAgQPnX9nYs33AW4T6lfbv/++gvoZcDCB3HtkDKk3tBwKnE+2oHYFjsxTUiSOjCQE+l3kB8SHMJo1KukWc4BLu4AkUgAjDGOEGBZ+o+IgL/xskTXJAks1AgRJdroJ4eUcqWeRXiFdrI8mqXoN49T1INi0AHB2BZimTcxEI9c8AK5Dn297iLXat2nfL149+/wOAnzlFBaRuNzAAyi5/LhpCn6PTCtzYUeiEvC1Kf1L/yjSBMX1C/7LIfMsMmSsdBgBW7IAF2+wgAfwohLnYcN5xJYYhV52iPIII8O7tooCP3DtEA8mRnKIryolLLHBTklusZ84Qj9isXkm8CGKa+ABwA7AQ8AHXAV8AKWMp0FAmylVBmnvzCILommZ3+HwOx2yHY47udVk8esRjGR53u7a4NjlXOwc3uFbfs3v+dTsDLm29a93Nt8+78c4lG1xrVfiS3aKdvcd16S7UWTt3rr50j4iTs3atd8nZu52X7MSLTRjhEjbxhc7qhFXZbBtx881c1K23WpfcyKl3DZ76eoq4zno9pZ9Mz75z/f779m8qzKmqM7Mrcwi+vu/k1/ZtyH/70LBGyPNS2VFz1qqlS5OI/3na48BHm67KfunzBQuOv3R59iam5iyyHZH4tkjbJDIeidjoDqHg5k1Bo7uqpsE4/+d9o7ahdu3PCaOmvqoKqKHgjc1BUUToel+yaXNNY1NR0UbjBqNIR4rqmNq10n9NN+oa6n779UQdE1lVmZ+R/5997p3UjSdOnPjQGSuhcOqlkcTEBvYuz+FpyIpdGp66lNnvprau6Qm1pJsZmb70llD1JVQaAlhxLn8QF6IVnZzmgBKAIKg07QUKyY1L1H6qzU61VL2NoIA83KjeMpBBIZVEjHuBN8Un5dIsowZvcZbCTQAhCXDNXpY6GuilUaujrTYMzPYK1SqMx9cveY536Rrz///m219b5knnd7LBrElBtHUcg6/y4/XRi6M3P5glYMB0HzvEgg/+XcqaVvk3z9dAJHFr3OuxAOSmFP2Nfv0ez9UEea8cRb2LaQ5YVOl7zXG8mKnb3ccr6/7j3TGme6vQPVQA3If7qYFLK2BHIR3bzxZALaYVyVuUVyHN7saaZMkpCU1Ceb6G79+7vFrl3e/9PtVOOPcaZYE7iuxGUHXsTQppl9EjFd3xKajuzOxsQssTHpp8Ui5KcPnymUar1ThzeZHvfX6Lk/rcY3slTzx4uqFpIIQRJgQJKJIQQW4PQyxWKsXFeAzUNNvImLwKCa0b6GtOEah804G1WJhSPfWg0+B41s3rZqAYQAw1cIhMLVKpUT4FJWOjs4mCoqbpMrRWWaLKBC5e3FYTKLl9kdL03zsU/6Vsj+QEgF+irmnV1lIVMd+4PYlNwtao12OMfu/Nhm0873DW+34ox/FPB8PGZFa0XsW+63rl3Lh77/YNKLh97871w1MTGUDenhjGaMgOSfTb32bL4BDb44Oi2J2B8zlIhcJ4vGCIkFDIxvhpsxAIkyVAGBOMAzFpaVnflhYLKFiwBgQA+Jpw5tnM/S2+O1whpMUV4MDnD9wCcGD/pz/nN//fqV+j/QusKAAE3pUR+lMC8t+V4yC4XJday/rRZ1A7GdaHVdM/BezkMgRwy0tMeQ6r4fU0FLBIgmiI7gBeU4fnKCxV76DCq55DjWp1EurkqE60sFgF0UqWsjt7KZXPvQm45QMU7PIGKubKI6jhlLt66GtHikWvfR1YtS9DG7PlFLSTJ53ooFJmo5MCjqOLYp5AN0FOYzxGdKOXcuajDzfO/+nHCfSLmxQ2pU1C2ISYIe2iEupNC4uZskOXuClxTflcmpwkIRPqxdVDMJx2pULoEk35mBm2K1TQT0fS+ZgQNt2YdYpN66jE+btWLQ4aFbRzg0ra+tTqFdpdVW2XvEaU50Y2db/NDpXkszR3yLQYSxMZzRuFmAkqxE2rVjOfHs0699/2ncJqOi3RjOUGCJI30sK0HZvwQOZHoKWSVmXTVa9qF62Zjq/cvEHcNiebviFuz1AgFhC4walEBfZOe6F83JioIYvyITMSRhtO3HfGrYsjYqLfmxGRx5C4SfkrDTT/3OmZKDCgZpQgIDzLDaTwsSiqRRNdLGIVm9jFYQ1F/lyjgW1mKlZQHGqi+k3lMk67+fsVlpHw5GTYGx6aSUR/7Ib7xpsgt4dYVFDaln1JzPOf0i8H") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-cyrillic-wght-normal-BptiBwAt.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-greek-wght-normal-BW1JPxja.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-vietnamese-wght-normal-By-yputv.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-latin-ext-wght-normal-Com2F4yK.woff2") format("woff2-variations");
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/assets/jetbrains-mono-latin-wght-normal-Ajscav9D.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poiret One;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/poiret-one-cyrillic-400-normal-DSLrjXv3.woff2") format("woff2"), url("/assets/poiret-one-cyrillic-400-normal-CpH-lEit.woff") format("woff");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Poiret One;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/poiret-one-latin-ext-400-normal-CxHDSaWp.woff2") format("woff2"), url("/assets/poiret-one-latin-ext-400-normal-CvJmH8f6.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Poiret One;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/poiret-one-latin-400-normal-DaD3Ke7k.woff2") format("woff2"), url("/assets/poiret-one-latin-400-normal-DeDrWLAw.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media (prefers-reduced-motion: reduce) {
  .shimmer-text {
    opacity: .6;
    animation: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.tl-background {
  --color-background: var(--color-base-surface);
}
.tl-container.tl-theme__light, .tl-container.tl-theme__dark {
  --color-selected: var(--color-accent-bg);
  --color-panel: var(--color-modal-surface);
  --color-panel-contrast: var(--color-separator);
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-tracking {
  syntax: "*";
  inherits: false
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}
@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
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-ease {
  syntax: "*";
  inherits: false
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes slide-down-and-fade {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(16px);
  }
}
@keyframes slide-up-and-fade {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes toast-slide-in-right {
  0% {
    transform: translateX(calc(100% + 1rem));
  }

  100% {
    transform: translateX(0);
  }
}
@keyframes toast-slide-in-bottom {
  0% {
    transform: translateY(calc(100% + 1rem));
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes toast-swipe-out {
  0% {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }

  100% {
    transform: translateX(calc(100% + 1rem));
  }
}
@keyframes slide-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes slide-up {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}
@keyframes halo-pulse {
  0% {
    opacity: .3;
  }

  5% {
    opacity: 1;
  }

  100% {
    opacity: .3;
  }
}
@keyframes progress-indeterminate {
  0% {
    width: 0%;
    left: 0;
  }

  25% {
    width: 50%;
    left: 25%;
  }

  75% {
    width: 100%;
    left: 50%;
  }

  100% {
    width: 0%;
    left: 100%;
  }
}
@keyframes trail {
  to {
    offset-distance: 100%;
  }
}
@keyframes trail-offset {
  0% {
    offset-distance: 50%;
  }

  100% {
    offset-distance: 150%;
  }
}
@keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}