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

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") format("woff2-variations");
  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: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") format("woff2-variations");
  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: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("data:font/woff2;base64, ") 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root, :host {
  --es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --es-default-transition-duration: .3s;
  --es-text-sm: .78125rem;
  --es-text-sm--line-height: 1.3;
  --es-text-xs: .71875rem;
  --es-text-xs--line-height: 1.3;
  --es-spacing-3_25: .8125rem;
  --es-spacing-5_5: 1.375rem;
  --es-radius-7: .4375rem;
  --es-radius-10: .625rem;
  --es-color-secondary-50: var(--es-color-zinc-50);
  --es-color-secondary-100: var(--es-color-zinc-100);
  --es-color-secondary-200: var(--es-color-zinc-200);
  --es-color-secondary-300: var(--es-color-zinc-300);
  --es-color-secondary-400: var(--es-color-zinc-400);
  --es-color-secondary-500: var(--es-color-zinc-500);
  --es-color-secondary-600: var(--es-color-zinc-600);
  --es-color-secondary-700: var(--es-color-zinc-700);
  --es-color-secondary-800: var(--es-color-zinc-800);
  --es-color-secondary-900: var(--es-color-zinc-900);
  --es-color-secondary-950: var(--es-color-zinc-950);
  --es-color-accent-50: var(--es-color-teal-50);
  --es-color-accent-100: var(--es-color-teal-100);
  --es-color-accent-400: var(--es-color-teal-400);
  --es-color-accent-500: var(--es-color-teal-500);
  --es-color-accent-600: var(--es-color-teal-600);
  --es-color-accent-700: var(--es-color-teal-700);
  --es-color-accent-800: var(--es-color-teal-800);
  --es-color-accent-900: var(--es-color-teal-900);
  --es-color-accent-950: var(--es-color-teal-950);
  --es-color-red-50: oklch(97.1% .013 17.38);
  --es-color-red-100: oklch(93.6% .032 17.717);
  --es-color-red-200: oklch(88.5% .062 18.334);
  --es-color-red-500: oklch(63.7% .237 25.331);
  --es-color-red-600: oklch(57.7% .245 27.325);
  --es-color-red-700: oklch(50.5% .213 27.518);
  --es-color-red-800: oklch(44.4% .177 26.899);
  --es-color-red-900: oklch(39.6% .141 25.723);
  --es-color-red-950: oklch(25.8% .092 26.042);
  --es-color-orange-100: oklch(95.4% .038 75.164);
  --es-color-orange-200: oklch(90.1% .076 70.697);
  --es-color-orange-500: oklch(70.5% .213 47.604);
  --es-color-orange-700: oklch(55.3% .195 38.402);
  --es-color-orange-950: oklch(26.6% .079 36.259);
  --es-color-amber-50: oklch(98.7% .022 95.277);
  --es-color-amber-100: oklch(96.2% .059 95.617);
  --es-color-amber-200: oklch(92.4% .12 95.746);
  --es-color-amber-300: oklch(87.9% .169 91.605);
  --es-color-amber-400: oklch(82.8% .189 84.429);
  --es-color-amber-500: oklch(76.9% .188 70.08);
  --es-color-amber-600: oklch(66.6% .179 58.318);
  --es-color-amber-700: oklch(55.5% .163 48.998);
  --es-color-amber-800: oklch(47.3% .137 46.201);
  --es-color-amber-900: oklch(41.4% .112 45.904);
  --es-color-amber-950: oklch(27.9% .077 45.635);
  --es-color-yellow-400: oklch(85.2% .199 91.936);
  --es-color-yellow-500: oklch(79.5% .184 86.047);
  --es-color-lime-500: oklch(76.8% .233 130.85);
  --es-color-green-50: oklch(98.2% .018 155.826);
  --es-color-green-100: oklch(96.2% .044 156.743);
  --es-color-green-200: oklch(92.5% .084 155.995);
  --es-color-green-300: oklch(87.1% .15 154.449);
  --es-color-green-400: oklch(79.2% .209 151.711);
  --es-color-green-500: oklch(72.3% .219 149.579);
  --es-color-green-600: oklch(62.7% .194 149.214);
  --es-color-green-700: oklch(52.7% .154 150.069);
  --es-color-green-800: oklch(44.8% .119 151.328);
  --es-color-green-900: oklch(39.3% .095 152.535);
  --es-color-green-950: oklch(26.6% .065 152.934);
  --es-color-teal-50: oklch(98.4% .014 180.72);
  --es-color-teal-100: oklch(95.3% .051 180.801);
  --es-color-teal-200: oklch(91% .096 180.426);
  --es-color-teal-300: oklch(85.5% .138 181.071);
  --es-color-teal-400: oklch(77.7% .152 181.912);
  --es-color-teal-500: oklch(70.4% .14 182.503);
  --es-color-teal-600: oklch(60% .118 184.704);
  --es-color-teal-700: oklch(51.1% .096 186.391);
  --es-color-teal-800: oklch(43.7% .078 188.216);
  --es-color-teal-900: oklch(38.6% .063 188.416);
  --es-color-teal-950: oklch(27.7% .046 192.524);
  --es-color-cyan-500: oklch(71.5% .143 215.221);
  --es-color-sky-400: oklch(74.6% .16 232.661);
  --es-color-blue-50: oklch(97% .014 254.604);
  --es-color-blue-100: oklch(93.2% .032 255.585);
  --es-color-blue-200: oklch(88.2% .059 254.128);
  --es-color-blue-300: oklch(80.9% .105 251.813);
  --es-color-blue-400: oklch(70.7% .165 254.624);
  --es-color-blue-500: oklch(62.3% .214 259.815);
  --es-color-blue-600: oklch(54.6% .245 262.881);
  --es-color-blue-700: oklch(48.8% .243 264.376);
  --es-color-blue-800: oklch(42.4% .199 265.638);
  --es-color-blue-900: oklch(37.9% .146 265.522);
  --es-color-blue-950: oklch(28.2% .091 267.935);
  --es-color-indigo-100: oklch(93% .034 272.788);
  --es-color-indigo-500: oklch(58.5% .233 277.117);
  --es-color-indigo-600: oklch(51.1% .262 276.966);
  --es-color-indigo-700: oklch(45.7% .24 277.023);
  --es-color-indigo-800: oklch(39.8% .195 277.366);
  --es-color-violet-50: oklch(96.9% .016 293.756);
  --es-color-violet-100: oklch(94.3% .029 294.588);
  --es-color-violet-200: oklch(89.4% .057 293.283);
  --es-color-violet-300: oklch(81.1% .111 293.571);
  --es-color-violet-400: oklch(70.2% .183 293.541);
  --es-color-violet-500: oklch(60.6% .25 292.717);
  --es-color-violet-600: oklch(54.1% .281 293.009);
  --es-color-violet-700: oklch(49.1% .27 292.581);
  --es-color-violet-800: oklch(43.2% .232 292.759);
  --es-color-violet-900: oklch(38% .189 293.745);
  --es-color-violet-950: oklch(28.3% .141 291.089);
  --es-color-purple-50: oklch(97.7% .014 308.299);
  --es-color-fuchsia-500: oklch(66.7% .295 322.15);
  --es-color-slate-50: oklch(98.4% .003 247.858);
  --es-color-slate-100: oklch(96.8% .007 247.896);
  --es-color-slate-200: oklch(92.9% .013 255.508);
  --es-color-slate-300: oklch(86.9% .022 252.894);
  --es-color-slate-400: oklch(70.4% .04 256.788);
  --es-color-slate-500: oklch(55.4% .046 257.417);
  --es-color-slate-600: oklch(44.6% .043 257.281);
  --es-color-slate-700: oklch(37.2% .044 257.287);
  --es-color-slate-800: oklch(27.9% .041 260.031);
  --es-color-slate-900: oklch(20.8% .042 265.755);
  --es-color-slate-950: oklch(12.9% .042 264.695);
  --es-color-gray-50: oklch(98.5% .002 247.839);
  --es-color-gray-100: oklch(96.7% .003 264.542);
  --es-color-gray-200: oklch(92.8% .006 264.531);
  --es-color-gray-300: oklch(87.2% .01 258.338);
  --es-color-gray-400: oklch(70.7% .022 261.325);
  --es-color-gray-500: oklch(55.1% .027 264.364);
  --es-color-gray-600: oklch(44.6% .03 256.802);
  --es-color-gray-700: oklch(37.3% .034 259.733);
  --es-color-gray-800: oklch(27.8% .033 256.848);
  --es-color-gray-900: oklch(21% .034 264.665);
  --es-color-gray-950: oklch(13% .028 261.692);
  --es-color-zinc-50: oklch(98.5% 0 0);
  --es-color-zinc-100: oklch(96.7% .001 286.375);
  --es-color-zinc-200: oklch(92% .004 286.32);
  --es-color-zinc-300: oklch(87.1% .006 286.286);
  --es-color-zinc-400: oklch(70.5% .015 286.067);
  --es-color-zinc-500: oklch(55.2% .016 285.938);
  --es-color-zinc-600: oklch(44.2% .017 285.786);
  --es-color-zinc-700: oklch(37% .013 285.805);
  --es-color-zinc-800: oklch(27.4% .006 286.033);
  --es-color-zinc-900: oklch(21% .006 285.885);
  --es-color-zinc-950: oklch(14.1% .005 285.823);
  --es-color-neutral-50: oklch(98.5% 0 0);
  --es-color-neutral-100: oklch(97% 0 0);
  --es-color-neutral-200: oklch(92.2% 0 0);
  --es-color-neutral-300: oklch(87% 0 0);
  --es-color-neutral-400: oklch(70.8% 0 0);
  --es-color-neutral-500: oklch(55.6% 0 0);
  --es-color-neutral-600: oklch(43.9% 0 0);
  --es-color-neutral-700: oklch(37.1% 0 0);
  --es-color-neutral-800: oklch(26.9% 0 0);
  --es-color-neutral-900: oklch(20.5% 0 0);
  --es-color-neutral-950: oklch(14.5% 0 0);
  --es-color-stone-50: oklch(98.5% .001 106.423);
  --es-color-stone-100: oklch(97% .001 106.424);
  --es-color-stone-200: oklch(92.3% .003 48.717);
  --es-color-stone-300: oklch(86.9% .005 56.366);
  --es-color-stone-400: oklch(70.9% .01 56.259);
  --es-color-stone-500: oklch(55.3% .013 58.071);
  --es-color-stone-600: oklch(44.4% .011 73.639);
  --es-color-stone-700: oklch(37.4% .01 67.558);
  --es-color-stone-800: oklch(26.8% .007 34.298);
  --es-color-stone-900: oklch(21.6% .006 56.043);
  --es-color-stone-950: oklch(14.7% .004 49.25);
  --es-color-black: #000;
  --es-color-white: #fff;
  --es-spacing: .25rem;
  --es-container-md: 28rem;
  --es-container-lg: 32rem;
  --es-text-base: 1rem;
  --es-text-base--line-height: calc(1.5 / 1);
  --es-text-lg: 1.125rem;
  --es-text-lg--line-height: calc(1.75 / 1.125);
  --es-text-2xl: 1.5rem;
  --es-text-2xl--line-height: calc(2 / 1.5);
  --es-font-weight-medium: 500;
  --es-font-weight-semibold: 600;
  --es-font-weight-bold: 700;
  --es-tracking-tighter: -.05em;
  --es-tracking-tight: -.025em;
  --es-leading-tight: 1.25;
  --es-radius-sm: .25rem;
  --es-radius-md: .375rem;
  --es-radius-lg: .5rem;
  --es-radius-xl: .75rem;
  --es-radius-2xl: 1rem;
  --es-radius-3xl: 1.5rem;
  --es-drop-shadow-sm: 0 1px 2px #00000026;
  --es-blur-sm: 8px;
  --es-blur-lg: 16px;
  --es-blur-2xl: 40px;
  --es-blur-3xl: 64px;
  --es-aspect-video: 16 / 9;
  --es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --es-default-font-family: var(--es-font-sans);
  --es-default-mono-font-family: var(--es-font-mono);
}

.es-uic-theme-green {
  --es-color-accent-50: var(--es-color-green-50);
  --es-color-accent-100: var(--es-color-green-100);
  --es-color-accent-200: var(--es-color-green-200);
  --es-color-accent-300: var(--es-color-green-300);
  --es-color-accent-400: var(--es-color-green-400);
  --es-color-accent-500: var(--es-color-green-500);
  --es-color-accent-600: var(--es-color-green-600);
  --es-color-accent-700: var(--es-color-green-700);
  --es-color-accent-800: var(--es-color-green-800);
  --es-color-accent-900: var(--es-color-green-900);
  --es-color-accent-950: var(--es-color-green-950);
}

.es-uic-theme-blue {
  --es-color-accent-50: var(--es-color-blue-50);
  --es-color-accent-100: var(--es-color-blue-100);
  --es-color-accent-200: var(--es-color-blue-200);
  --es-color-accent-300: var(--es-color-blue-300);
  --es-color-accent-400: var(--es-color-blue-400);
  --es-color-accent-500: var(--es-color-blue-500);
  --es-color-accent-600: var(--es-color-blue-600);
  --es-color-accent-700: var(--es-color-blue-700);
  --es-color-accent-800: var(--es-color-blue-800);
  --es-color-accent-900: var(--es-color-blue-900);
  --es-color-accent-950: var(--es-color-blue-950);
  --color-secondary-50: var(--es-color-slate-50);
  --color-secondary-100: var(--es-color-slate-100);
  --color-secondary-200: var(--es-color-slate-200);
  --color-secondary-300: var(--es-color-slate-300);
  --color-secondary-400: var(--es-color-slate-400);
  --color-secondary-500: var(--es-color-slate-500);
  --color-secondary-600: var(--es-color-slate-600);
  --color-secondary-700: var(--es-color-slate-700);
  --color-secondary-800: var(--es-color-slate-800);
  --color-secondary-900: var(--es-color-slate-900);
  --color-secondary-950: var(--es-color-slate-950);
}

.es-uic-theme-mono {
  --es-color-accent-50: var(--es-color-neutral-50);
  --es-color-accent-100: var(--es-color-neutral-100);
  --es-color-accent-200: var(--es-color-neutral-200);
  --es-color-accent-300: var(--es-color-neutral-300);
  --es-color-accent-400: var(--es-color-neutral-400);
  --es-color-accent-500: var(--es-color-neutral-500);
  --es-color-accent-600: var(--es-color-neutral-600);
  --es-color-accent-700: var(--es-color-neutral-700);
  --es-color-accent-800: var(--es-color-neutral-800);
  --es-color-accent-900: var(--es-color-neutral-900);
  --es-color-accent-950: var(--es-color-neutral-950);
}

.es-uic-theme-orange {
  --es-color-accent-50: var(--es-color-amber-50);
  --es-color-accent-100: var(--es-color-amber-100);
  --es-color-accent-200: var(--es-color-amber-200);
  --es-color-accent-300: var(--es-color-amber-300);
  --es-color-accent-400: var(--es-color-amber-400);
  --es-color-accent-500: var(--es-color-amber-500);
  --es-color-accent-600: var(--es-color-amber-600);
  --es-color-accent-700: var(--es-color-amber-700);
  --es-color-accent-800: var(--es-color-amber-800);
  --es-color-accent-900: var(--es-color-amber-900);
  --es-color-accent-950: var(--es-color-amber-950);
  --color-secondary-50: var(--es-color-stone-50);
  --color-secondary-100: var(--es-color-stone-100);
  --color-secondary-200: var(--es-color-stone-200);
  --color-secondary-300: var(--es-color-stone-300);
  --color-secondary-400: var(--es-color-stone-400);
  --color-secondary-500: var(--es-color-stone-500);
  --color-secondary-600: var(--es-color-stone-600);
  --color-secondary-700: var(--es-color-stone-700);
  --color-secondary-800: var(--es-color-stone-800);
  --color-secondary-900: var(--es-color-stone-900);
  --color-secondary-950: var(--es-color-stone-950);
}

.es-uic-theme-purple {
  --es-color-accent-50: var(--es-color-violet-50);
  --es-color-accent-100: var(--es-color-violet-100);
  --es-color-accent-200: var(--es-color-violet-200);
  --es-color-accent-300: var(--es-color-violet-300);
  --es-color-accent-400: var(--es-color-violet-400);
  --es-color-accent-500: var(--es-color-violet-500);
  --es-color-accent-600: var(--es-color-violet-600);
  --es-color-accent-700: var(--es-color-violet-700);
  --es-color-accent-800: var(--es-color-violet-800);
  --es-color-accent-900: var(--es-color-violet-900);
  --es-color-accent-950: var(--es-color-violet-950);
  --color-secondary-50: var(--es-color-gray-50);
  --color-secondary-100: var(--es-color-gray-100);
  --color-secondary-200: var(--es-color-gray-200);
  --color-secondary-300: var(--es-color-gray-300);
  --color-secondary-400: var(--es-color-gray-400);
  --color-secondary-500: var(--es-color-gray-500);
  --color-secondary-600: var(--es-color-gray-600);
  --color-secondary-700: var(--es-color-gray-700);
  --color-secondary-800: var(--es-color-gray-800);
  --color-secondary-900: var(--es-color-gray-900);
  --color-secondary-950: var(--es-color-gray-950);
}

.es\:no-css-reset * {
  all: revert-layer;
}

@layer theme;

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--es-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(--es-default-font-feature-settings, normal);
    font-variation-settings: var(--es-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(--es-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--es-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--es-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @property --motion-bounce {
    syntax: "*"; inherits: false; initial-value: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1) ;
  }

  @property --motion-spring-smooth {
    syntax: "*"; inherits: false; initial-value: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%) ;
  }

  @property --motion-spring-snappy {
    syntax: "*"; inherits: false; initial-value: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%) ;
  }

  @property --motion-spring-bouncy {
    syntax: "*"; inherits: false; initial-value: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%) ;
  }

  @property --motion-spring-bouncier {
    syntax: "*"; inherits: false; initial-value: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%) ;
  }

  @property --motion-spring-bounciest {
    syntax: "*"; inherits: false; initial-value: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%) ;
  }

  @property --motion-origin-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-origin-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

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

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

  @property --motion-origin-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-origin-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-origin-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-origin-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-origin-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-origin-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-end-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-end-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

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

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

  @property --motion-end-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-end-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-end-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-end-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-end-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-end-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-loop-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-loop-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

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

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

  @property --motion-loop-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-loop-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-loop-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-loop-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-loop-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-loop-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-duration {
    syntax: "*"; inherits: false; initial-value: .7s;
  }

  @property --motion-timing {
    syntax: "*"; inherits: false; initial-value: cubic-bezier(.165, .84, .44, 1) ;
  }

  @property --motion-perceptual-duration-multiplier {
    syntax: "*"; inherits: false; initial-value: 1;
  }

  @property --motion-delay {
    syntax: "*"; inherits: false; initial-value: 0s;
  }

  @property --motion-loop-count {
    syntax: "*"; inherits: false; initial-value: infinite;
  }

  @property --motion-scale-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-scale-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-scale-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @media screen and (prefers-reduced-motion: no-preference) {
    @keyframes motion-scale-in {
      0% {
        scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
      }

      100% {
        scale: 1;
      }
    }

    @keyframes motion-scale-out {
      0% {
        scale: 1;
      }

      100% {
        scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
      }
    }

    @keyframes motion-scale-loop-mirror {
      0%, 100% {
        scale: 1;
      }

      50% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }

    @keyframes motion-scale-loop-reset {
      0% {
        scale: 1;
      }

      100% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }

    @keyframes motion-translate-in {
      0% {
        translate: var(--motion-origin-translate-x) var(--motion-origin-translate-y);
      }

      100% {
        translate: 0;
      }
    }

    @keyframes motion-translate-out {
      0% {
        translate: 0;
      }

      100% {
        translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
      }
    }

    @keyframes motion-translate-loop-mirror {
      0%, 100% {
        translate: 0;
      }

      50% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }

    @keyframes motion-translate-loop-reset {
      0% {
        translate: 0;
      }

      100% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }

    @keyframes motion-rotate-in {
      0% {
        rotate: var(--motion-origin-rotate);
      }

      100% {
        rotate: 0;
      }
    }

    @keyframes motion-rotate-out {
      0% {
        rotate: 0;
      }

      100% {
        rotate: var(--motion-end-rotate);
      }
    }

    @keyframes motion-rotate-loop-mirror {
      0%, 100% {
        rotate: none;
      }

      50% {
        rotate: var(--motion-loop-rotate);
      }
    }

    @keyframes motion-rotate-loop-reset {
      100% {
        rotate: var(--motion-loop-rotate);
      }
    }
  }

  @keyframes motion-filter-in {
    0% {
      filter: blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale));
    }

    100% {
      filter: blur() grayscale(0);
    }
  }

  @keyframes motion-filter-out {
    0% {
      filter: blur() grayscale(0);
    }

    100% {
      filter: blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale));
    }
  }

  @keyframes motion-filter-loop-mirror {
    0%, 100% {
      filter: blur() grayscale(0);
    }

    50% {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }

  @keyframes motion-filter-loop-reset {
    0% {
      filter: blur() grayscale(0);
    }

    100% {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }

  @keyframes motion-opacity-in {
    0% {
      opacity: var(--motion-origin-opacity);
    }
  }

  @keyframes motion-opacity-out {
    100% {
      opacity: var(--motion-end-opacity);
    }
  }

  @keyframes motion-opacity-loop-mirror {
    50% {
      opacity: var(--motion-loop-opacity);
    }
  }

  @keyframes motion-opacity-loop-reset {
    100% {
      opacity: var(--motion-loop-opacity);
    }
  }

  @keyframes motion-background-color-in {
    0% {
      background-color: var(--motion-origin-background-color);
    }
  }

  @keyframes motion-background-color-out {
    100% {
      background-color: var(--motion-end-background-color);
    }
  }

  @keyframes motion-background-color-loop-mirror {
    50% {
      background-color: var(--motion-loop-background-color);
    }
  }

  @keyframes motion-background-color-loop-reset {
    100% {
      background-color: var(--motion-loop-background-color);
    }
  }

  @keyframes motion-text-color-in {
    0% {
      color: var(--motion-origin-text-color);
    }
  }

  @keyframes motion-text-color-out {
    100% {
      color: var(--motion-end-text-color);
    }
  }

  @keyframes motion-text-color-loop-mirror {
    50% {
      color: var(--motion-loop-text-color);
    }
  }

  @keyframes motion-text-color-loop-reset {
    100% {
      color: var(--motion-loop-text-color);
    }
  }
}

@layer components;

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

  .es\:invisible {
    visibility: hidden;
  }

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

  .es\:absolute {
    position: absolute;
  }

  .es\:fixed {
    position: fixed;
  }

  .es\:relative {
    position: relative;
  }

  .es\:static\! {
    position: static !important;
  }

  .es\:sticky {
    position: sticky;
  }

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

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

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

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

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

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

  .es\:top-3\.25 {
    top: var(--es-spacing-3_25);
  }

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

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

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

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

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

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

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

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

  .es\:isolate {
    isolation: isolate;
  }

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

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

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

  .es\:z-9999 {
    z-index: 9999;
  }

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

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

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

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

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

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

  .es\:col-start-4 {
    grid-column-start: 4;
  }

  .es\:col-end-2 {
    grid-column-end: 2;
  }

  .es\:row-span-1 {
    grid-row: span 1 / span 1;
  }

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

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

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

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

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

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

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

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

  .es\:m-auto {
    margin: auto;
  }

  .es\:m-px {
    margin: 1px;
  }

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

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

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

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

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

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

  .es\:my-auto {
    margin-block: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .es\:mb-auto {
    margin-bottom: auto;
  }

  .es\:-ml-px {
    margin-left: -1px;
  }

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

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

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

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

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

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

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

  .es\:block {
    display: block;
  }

  .es\:flex {
    display: flex;
  }

  .es\:flex\! {
    display: flex !important;
  }

  .es\:grid {
    display: grid;
  }

  .es\:hidden {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .es\:size-9 {
    width: calc(var(--es-spacing) * 9);
    height: calc(var(--es-spacing) * 9);
  }

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

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

  .es\:size-40 {
    width: calc(var(--es-spacing) * 40);
    height: calc(var(--es-spacing) * 40);
  }

  .es\:size-48 {
    width: calc(var(--es-spacing) * 48);
    height: calc(var(--es-spacing) * 48);
  }

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

  .es\:size-full\! {
    width: 100% !important;
    height: 100% !important;
  }

  .es\:size-px {
    width: 1px;
    height: 1px;
  }

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

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

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

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

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

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

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

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

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

  .es\:h-5\.5 {
    height: var(--es-spacing-5_5);
  }

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

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

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

  .es\:h-9 {
    height: calc(var(--es-spacing) * 9);
  }

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

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

  .es\:h-\[1\.875rem\] {
    height: 1.875rem;
  }

  .es\:h-\[2\.125rem\] {
    height: 2.125rem;
  }

  .es\:h-\[2\.375rem\] {
    height: 2.375rem;
  }

  .es\:h-\[90vh\] {
    height: 90vh;
  }

  .es\:h-fit {
    height: fit-content;
  }

  .es\:h-full {
    height: 100%;
  }

  .es\:h-px {
    height: 1px;
  }

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

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

  .es\:min-h-6\.5 {
    min-height: calc(var(--es-spacing) * 6.5);
  }

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

  .es\:min-h-9 {
    min-height: calc(var(--es-spacing) * 9);
  }

  .es\:min-h-9\.5 {
    min-height: calc(var(--es-spacing) * 9.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .es\:w-1 {
    width: calc(var(--es-spacing) * 1);
  }

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

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

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

  .es\:w-3 {
    width: calc(var(--es-spacing) * 3);
  }

  .es\:w-4 {
    width: calc(var(--es-spacing) * 4);
  }

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

  .es\:w-5\.5 {
    width: var(--es-spacing-5_5);
  }

  .es\:w-6 {
    width: calc(var(--es-spacing) * 6);
  }

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

  .es\:w-8 {
    width: calc(var(--es-spacing) * 8);
  }

  .es\:w-9 {
    width: calc(var(--es-spacing) * 9);
  }

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

  .es\:w-20 {
    width: calc(var(--es-spacing) * 20);
  }

  .es\:w-40 {
    width: calc(var(--es-spacing) * 40);
  }

  .es\:w-48 {
    width: calc(var(--es-spacing) * 48);
  }

  .es\:w-52 {
    width: calc(var(--es-spacing) * 52);
  }

  .es\:w-56 {
    width: calc(var(--es-spacing) * 56);
  }

  .es\:w-76 {
    width: calc(var(--es-spacing) * 76);
  }

  .es\:w-96 {
    width: calc(var(--es-spacing) * 96);
  }

  .es\:w-\[18\.5rem\] {
    width: 18.5rem;
  }

  .es\:w-\[50rem\] {
    width: 50rem;
  }

  .es\:w-auto\! {
    width: auto !important;
  }

  .es\:w-fit {
    width: fit-content;
  }

  .es\:w-full {
    width: 100%;
  }

  .es\:w-px {
    width: 1px;
  }

  .es\:max-w-40 {
    max-width: calc(var(--es-spacing) * 40);
  }

  .es\:max-w-60 {
    max-width: calc(var(--es-spacing) * 60);
  }

  .es\:max-w-64 {
    max-width: calc(var(--es-spacing) * 64);
  }

  .es\:max-w-72 {
    max-width: calc(var(--es-spacing) * 72);
  }

  .es\:max-w-76 {
    max-width: calc(var(--es-spacing) * 76);
  }

  .es\:max-w-80 {
    max-width: calc(var(--es-spacing) * 80);
  }

  .es\:max-w-96 {
    max-width: calc(var(--es-spacing) * 96);
  }

  .es\:max-w-full\! {
    max-width: 100% !important;
  }

  .es\:max-w-lg {
    max-width: var(--es-container-lg);
  }

  .es\:max-w-md {
    max-width: var(--es-container-md);
  }

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

  .es\:min-w-9 {
    min-width: calc(var(--es-spacing) * 9);
  }

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

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

  .es\:min-w-28 {
    min-width: calc(var(--es-spacing) * 28);
  }

  .es\:min-w-44 {
    min-width: calc(var(--es-spacing) * 44);
  }

  .es\:min-w-48 {
    min-width: calc(var(--es-spacing) * 48);
  }

  .es\:min-w-72 {
    min-width: calc(var(--es-spacing) * 72);
  }

  .es\:min-w-80 {
    min-width: calc(var(--es-spacing) * 80);
  }

  .es\:flex-1 {
    flex: 1;
  }

  .es\:flex-auto {
    flex: auto;
  }

  .es\:flex-initial {
    flex: 0 auto;
  }

  .es\:flex-none {
    flex: none;
  }

  .es\:shrink {
    flex-shrink: 1;
  }

  .es\:shrink-0 {
    flex-shrink: 0;
  }

  .es\:grow {
    flex-grow: 1;
  }

  .es\:grow-0 {
    flex-grow: 0;
  }

  .es\:-translate-x-1 {
    --tw-translate-x: calc(var(--es-spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .es\:translate-x-1 {
    --tw-translate-x: calc(var(--es-spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-x-1\/2\! {
    --tw-translate-x: calc(1 / 2 * 100%) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .es\:translate-x-2 {
    --tw-translate-x: calc(var(--es-spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-x-4 {
    --tw-translate-x: calc(var(--es-spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-x-7 {
    --tw-translate-x: calc(var(--es-spacing) * 7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-x-full\! {
    --tw-translate-x: 100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .es\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .es\:translate-y-1\/2\! {
    --tw-translate-y: calc(1 / 2 * 100%) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .es\:translate-y-6 {
    --tw-translate-y: calc(var(--es-spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .es\:scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .es\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .es\:-scale-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .es\:rotate-45 {
    rotate: 45deg;
  }

  .es\:motion-preset-slide-down {
    --motion-origin-translate-y: -25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-preset-slide-up {
    --motion-origin-translate-y: 25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-preset-spin {
    --motion-loop-rotate: 360deg;
    --motion-timing: linear;
    --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-scale-in-90 {
    --motion-origin-scale-x: .9;
    --motion-origin-scale-y: .9;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-scale-in-125 {
    --motion-origin-scale-x: 1.25;
    --motion-origin-scale-y: 1.25;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-blur-in-xs {
    --motion-origin-blur: 4px;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-opacity-in {
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-opacity-in-0 {
    --motion-origin-opacity: .001;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-opacity-out {
    --motion-end-opacity: 0;
    --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
  }

  .es\:motion-opacity-out-0 {
    --motion-end-opacity: .001;
    --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
  }

  .es\:motion-rotate-in {
    --motion-origin-rotate: 12deg;
    --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .es\:motion-rotate-out {
    --motion-end-rotate: 12deg;
    --motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
  }

  .es\:cursor-default {
    cursor: default;
  }

  .es\:cursor-grab {
    cursor: grab;
  }

  .es\:cursor-grabbing {
    cursor: grabbing;
  }

  .es\:cursor-move {
    cursor: move;
  }

  .es\:cursor-pointer {
    cursor: pointer;
  }

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

  .es\:list-none {
    list-style-type: none;
  }

  .es\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .es\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .es\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .es\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .es\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .es\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .es\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .es\:grid-cols-\[minmax\(0\,0rem\)_minmax\(0\,1fr\)_minmax\(0\,2\.25rem\)\] {
    grid-template-columns: minmax(0, 0) minmax(0, 1fr) minmax(0, 2.25rem);
  }

  .es\:grid-cols-\[minmax\(0\,1\.75rem\)_minmax\(0\,1fr\)_minmax\(0\,2\.25rem\)\] {
    grid-template-columns: minmax(0, 1.75rem) minmax(0, 1fr) minmax(0, 2.25rem);
  }

  .es\:grid-cols-\[minmax\(0\,15rem\)_2fr\] {
    grid-template-columns: minmax(0, 15rem) 2fr;
  }

  .es\:grid-cols-\[minmax\(0\,auto\)_minmax\(0\,1fr\)_minmax\(0\,2\.25rem\)\] {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, 2.25rem);
  }

  .es\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .es\:grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

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

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

  .es\:place-items-center {
    place-items: center;
  }

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

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

  .es\:items-stretch {
    align-items: stretch;
  }

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

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

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

  .es\:justify-start {
    justify-content: flex-start;
  }

  .es\:justify-items-center {
    justify-items: center;
  }

  .es\:justify-items-end {
    justify-items: end;
  }

  .es\:justify-items-start {
    justify-items: start;
  }

  .es\:justify-items-stretch {
    justify-items: stretch;
  }

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

  .es\:gap-0\.75 {
    gap: calc(var(--es-spacing) * .75);
  }

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

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

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

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

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

  .es\:gap-px {
    gap: 1px;
  }

  :where(.es\:-space-y-px > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:-space-y-px\! > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.es\:space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:space-y-0\! > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--es-spacing) * 0) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--es-spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.es\:space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.es\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .es\:gap-x-1 {
    column-gap: calc(var(--es-spacing) * 1);
  }

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

  .es\:gap-x-2 {
    column-gap: calc(var(--es-spacing) * 2);
  }

  .es\:gap-x-3 {
    column-gap: calc(var(--es-spacing) * 3);
  }

  .es\:gap-x-8 {
    column-gap: calc(var(--es-spacing) * 8);
  }

  :where(.es\:-space-x-px > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.es\:-space-x-px\! > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.es\:space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  .es\:gap-y-0\.5 {
    row-gap: calc(var(--es-spacing) * .5);
  }

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

  .es\:gap-y-2 {
    row-gap: calc(var(--es-spacing) * 2);
  }

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

  .es\:gap-y-4 {
    row-gap: calc(var(--es-spacing) * 4);
  }

  :where(.es\: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(.es\:divide-secondary-200 > :not(:last-child)), :where(.es\:divide-secondary-200\/75 > :not(:last-child)) {
    border-color: var(--es-color-secondary-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.es\:divide-secondary-200\/75 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--es-color-secondary-200) 75%, transparent);
    }
  }

  .es\:place-self-center {
    place-self: center;
  }

  .es\:self-baseline {
    align-self: baseline;
  }

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

  .es\:self-center-safe {
    align-self: safe center;
  }

  .es\:self-end {
    align-self: flex-end;
  }

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

  .es\:justify-self-center {
    justify-self: center;
  }

  .es\:justify-self-end {
    justify-self: flex-end;
  }

  .es\:justify-self-start {
    justify-self: flex-start;
  }

  .es\:overflow-clip {
    overflow: clip;
  }

  .es\:overflow-hidden {
    overflow: hidden;
  }

  .es\:overflow-visible {
    overflow: visible;
  }

  .es\:overflow-visible\! {
    overflow: visible !important;
  }

  .es\:overflow-x-auto {
    overflow-x: auto;
  }

  .es\:overflow-x-clip {
    overflow-x: clip;
  }

  .es\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .es\:overflow-x-visible {
    overflow-x: visible;
  }

  .es\:overflow-y-auto {
    overflow-y: auto;
  }

  .es\:overflow-y-visible {
    overflow-y: visible;
  }

  .es\:overscroll-contain {
    overscroll-behavior: contain;
  }

  .es\:rounded {
    border-radius: .25rem;
  }

  .es\:rounded-2xl {
    border-radius: var(--es-radius-2xl);
  }

  .es\:rounded-3xl {
    border-radius: var(--es-radius-3xl);
  }

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

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

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

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

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

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

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

  .es\:rounded-t-full {
    border-top-left-radius: 3.40282e38px;
    border-top-right-radius: 3.40282e38px;
  }

  .es\:rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

  .es\:rounded-l-lg {
    border-top-left-radius: var(--es-radius-lg);
    border-bottom-left-radius: var(--es-radius-lg);
  }

  .es\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .es\:rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .es\:rounded-b-full {
    border-bottom-right-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

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

  .es\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .es\:border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .es\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .es\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .es\:border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

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

  .es\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .es\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .es\:border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .es\:border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }

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

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

  .es\:border-accent-500\! {
    border-color: var(--es-color-accent-500) !important;
  }

  .es\:border-accent-500\/10 {
    border-color: var(--es-color-accent-500);
  }

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

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

  .es\:border-accent-600\! {
    border-color: var(--es-color-accent-600) !important;
  }

  .es\:border-accent-600\/20 {
    border-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-accent-600\/20 {
      border-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
    }
  }

  .es\:border-accent-700, .es\:border-accent-700\/75 {
    border-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-accent-700\/75 {
      border-color: color-mix(in oklab, var(--es-color-accent-700) 75%, transparent);
    }
  }

  .es\:border-blue-500\/75 {
    border-color: var(--es-color-blue-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-blue-500\/75 {
      border-color: color-mix(in oklab, var(--es-color-blue-500) 75%, transparent);
    }
  }

  .es\:border-gray-100 {
    border-color: var(--es-color-gray-100);
  }

  .es\:border-gray-200 {
    border-color: var(--es-color-gray-200);
  }

  .es\:border-gray-300 {
    border-color: var(--es-color-gray-300);
  }

  .es\:border-green-600\/75 {
    border-color: var(--es-color-green-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-green-600\/75 {
      border-color: color-mix(in oklab, var(--es-color-green-600) 75%, transparent);
    }
  }

  .es\:border-indigo-600\/60 {
    border-color: var(--es-color-indigo-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-indigo-600\/60 {
      border-color: color-mix(in oklab, var(--es-color-indigo-600) 60%, transparent);
    }
  }

  .es\:border-orange-500\/75 {
    border-color: var(--es-color-orange-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-orange-500\/75 {
      border-color: color-mix(in oklab, var(--es-color-orange-500) 75%, transparent);
    }
  }

  .es\:border-red-200\! {
    border-color: var(--es-color-red-200) !important;
  }

  .es\:border-red-600\/60 {
    border-color: var(--es-color-red-600);
  }

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

  .es\:border-red-700\/50 {
    border-color: var(--es-color-red-700);
  }

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

  .es\:border-secondary-100 {
    border-color: var(--es-color-secondary-100);
  }

  .es\:border-secondary-200 {
    border-color: var(--es-color-secondary-200);
  }

  .es\:border-secondary-300, .es\:border-secondary-300\/0 {
    border-color: var(--es-color-secondary-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:border-secondary-300\/0 {
      border-color: color-mix(in oklab, var(--es-color-secondary-300) 0%, transparent);
    }
  }

  .es\:border-secondary-300\/100 {
    border-color: var(--es-color-secondary-300);
  }

  .es\:border-secondary-400 {
    border-color: var(--es-color-secondary-400);
  }

  .es\:border-secondary-500 {
    border-color: var(--es-color-secondary-500);
  }

  .es\:border-secondary-600 {
    border-color: var(--es-color-secondary-600);
  }

  .es\:border-sky-400 {
    border-color: var(--es-color-sky-400);
  }

  .es\:border-transparent {
    border-color: #0000;
  }

  .es\:border-white {
    border-color: var(--es-color-white);
  }

  .es\:border-t-secondary-200 {
    border-top-color: var(--es-color-secondary-200);
  }

  .es\:border-b-gray-200 {
    border-bottom-color: var(--es-color-gray-200);
  }

  .es\:border-b-secondary-200 {
    border-bottom-color: var(--es-color-secondary-200);
  }

  .es\:bg-\[\#f1f1f1\] {
    background-color: #f1f1f1;
  }

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

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

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

  .es\:bg-accent-500\! {
    background-color: var(--es-color-accent-500) !important;
  }

  .es\:bg-accent-500\/30 {
    background-color: var(--es-color-accent-500);
  }

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

  .es\:bg-accent-500\/75 {
    background-color: var(--es-color-accent-500);
  }

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

  .es\:bg-accent-600, .es\:bg-accent-600\/15 {
    background-color: var(--es-color-accent-600);
  }

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

  .es\:bg-accent-700, .es\:bg-accent-700\/25 {
    background-color: var(--es-color-accent-700);
  }

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

  .es\:bg-accent-700\/30 {
    background-color: var(--es-color-accent-700);
  }

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

  .es\:bg-black, .es\:bg-black\/30 {
    background-color: var(--es-color-black);
  }

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

  .es\:bg-black\/80 {
    background-color: var(--es-color-black);
  }

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

  .es\:bg-blue-200\/5 {
    background-color: var(--es-color-blue-200);
  }

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

  .es\:bg-blue-500 {
    background-color: var(--es-color-blue-500);
  }

  .es\:bg-current {
    background-color: currentColor;
  }

  .es\:bg-cyan-500 {
    background-color: var(--es-color-cyan-500);
  }

  .es\:bg-fuchsia-500 {
    background-color: var(--es-color-fuchsia-500);
  }

  .es\:bg-gray-100 {
    background-color: var(--es-color-gray-100);
  }

  .es\:bg-green-200\/5 {
    background-color: var(--es-color-green-200);
  }

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

  .es\:bg-green-500 {
    background-color: var(--es-color-green-500);
  }

  .es\:bg-indigo-500 {
    background-color: var(--es-color-indigo-500);
  }

  .es\:bg-lime-500 {
    background-color: var(--es-color-lime-500);
  }

  .es\:bg-neutral-100 {
    background-color: var(--es-color-neutral-100);
  }

  .es\:bg-orange-200\/5 {
    background-color: var(--es-color-orange-200);
  }

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

  .es\:bg-orange-500 {
    background-color: var(--es-color-orange-500);
  }

  .es\:bg-purple-50 {
    background-color: var(--es-color-purple-50);
  }

  .es\:bg-red-50 {
    background-color: var(--es-color-red-50);
  }

  .es\:bg-red-200\/5 {
    background-color: var(--es-color-red-200);
  }

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

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

  .es\:bg-secondary-50 {
    background-color: var(--es-color-secondary-50);
  }

  .es\:bg-secondary-100 {
    background-color: var(--es-color-secondary-100);
  }

  .es\:bg-secondary-200, .es\:bg-secondary-200\/5 {
    background-color: var(--es-color-secondary-200);
  }

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

  .es\:bg-secondary-300 {
    background-color: var(--es-color-secondary-300);
  }

  .es\:bg-secondary-400 {
    background-color: var(--es-color-secondary-400);
  }

  .es\:bg-secondary-600 {
    background-color: var(--es-color-secondary-600);
  }

  .es\:bg-secondary-900 {
    background-color: var(--es-color-secondary-900);
  }

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

  .es\:bg-violet-50 {
    background-color: var(--es-color-violet-50);
  }

  .es\:bg-white, .es\:bg-white\/50 {
    background-color: var(--es-color-white);
  }

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

  .es\:bg-white\/60 {
    background-color: var(--es-color-white);
  }

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

  .es\:bg-white\/85 {
    background-color: var(--es-color-white);
  }

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

  .es\:bg-white\/90 {
    background-color: var(--es-color-white);
  }

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

  .es\:bg-yellow-400 {
    background-color: var(--es-color-yellow-400);
  }

  .es\:bg-yellow-500 {
    background-color: var(--es-color-yellow-500);
  }

  .es\:bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .es\:bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-bl {
    --tw-gradient-position: to bottom left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-bl {
      --tw-gradient-position: to bottom left in oklab;
    }
  }

  .es\:bg-linear-to-bl {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .es\:bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-l {
    --tw-gradient-position: to left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-l {
      --tw-gradient-position: to left in oklab;
    }
  }

  .es\:bg-linear-to-l {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .es\:bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .es\:bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-tl {
    --tw-gradient-position: to top left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-tl {
      --tw-gradient-position: to top left in oklab;
    }
  }

  .es\:bg-linear-to-tl {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-linear-to-tr {
    --tw-gradient-position: to top right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:bg-linear-to-tr {
      --tw-gradient-position: to top right in oklab;
    }
  }

  .es\:bg-linear-to-tr {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }

  .es\:bg-radial-\[at_50\%_125\%\] {
    --tw-gradient-position: at 50% 125%;
    background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
  }

  .es\:bg-radial-\[circle_at_75\%_50\%\] {
    --tw-gradient-position: circle at 75% 50%;
    background-image: radial-gradient(var(--tw-gradient-stops, circle at 75% 50%));
  }

  .es\:from-accent-100 {
    --tw-gradient-from: var(--es-color-accent-100);
    --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));
  }

  .es\:from-accent-500 {
    --tw-gradient-from: var(--es-color-accent-500);
    --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));
  }

  .es\:from-accent-600 {
    --tw-gradient-from: var(--es-color-accent-600);
    --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));
  }

  .es\:from-current {
    --tw-gradient-from: currentcolor;
    --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));
  }

  .es\:from-current\/75 {
    --tw-gradient-from: currentcolor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:from-current\/75 {
      --tw-gradient-from: color-mix(in oklab, currentcolor 75%, transparent);
    }
  }

  .es\:from-current\/75 {
    --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));
  }

  .es\:from-red-50\/75 {
    --tw-gradient-from: var(--es-color-red-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:from-red-50\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
    }
  }

  .es\:from-red-50\/75 {
    --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));
  }

  .es\:from-secondary-50 {
    --tw-gradient-from: var(--es-color-secondary-50);
    --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));
  }

  .es\:from-secondary-100 {
    --tw-gradient-from: var(--es-color-secondary-100);
    --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));
  }

  .es\:from-secondary-500 {
    --tw-gradient-from: var(--es-color-secondary-500);
    --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));
  }

  .es\:from-secondary-700 {
    --tw-gradient-from: var(--es-color-secondary-700);
    --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));
  }

  .es\:from-white {
    --tw-gradient-from: var(--es-color-white);
    --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));
  }

  .es\:from-40\% {
    --tw-gradient-from-position: 40%;
  }

  .es\:to-accent-500 {
    --tw-gradient-to: var(--es-color-accent-500);
    --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));
  }

  .es\:to-accent-500\/30 {
    --tw-gradient-to: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:to-accent-500\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
    }
  }

  .es\:to-accent-500\/30 {
    --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));
  }

  .es\:to-accent-600 {
    --tw-gradient-to: var(--es-color-accent-600);
    --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));
  }

  .es\:to-current\/10 {
    --tw-gradient-to: currentcolor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:to-current\/10 {
      --tw-gradient-to: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

  .es\:to-current\/10 {
    --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));
  }

  .es\:to-secondary-50 {
    --tw-gradient-to: var(--es-color-secondary-50);
    --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));
  }

  .es\:to-secondary-100 {
    --tw-gradient-to: var(--es-color-secondary-100);
    --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));
  }

  .es\:to-secondary-200 {
    --tw-gradient-to: var(--es-color-secondary-200);
    --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));
  }

  .es\:to-secondary-600 {
    --tw-gradient-to: var(--es-color-secondary-600);
    --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));
  }

  .es\:to-white {
    --tw-gradient-to: var(--es-color-white);
    --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));
  }

  .es\:fill-secondary-200 {
    fill: var(--es-color-secondary-200);
  }

  .es\:fill-secondary-600 {
    fill: var(--es-color-secondary-600);
  }

  .es\:stroke-none {
    stroke: none;
  }

  .es\:stroke-2 {
    stroke-width: 2px;
  }

  .es\:stroke-\[1\.2\] {
    stroke-width: 1.2px;
  }

  .es\:stroke-\[1\.25\] {
    stroke-width: 1.25px;
  }

  .es\:object-contain {
    object-fit: contain;
  }

  .es\:object-cover {
    object-fit: cover;
  }

  .es\:object-fill {
    object-fit: fill;
  }

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

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

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

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

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

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

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

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

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

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

  .es\:p-10 {
    padding: calc(var(--es-spacing) * 10);
  }

  .es\:p-\[0\.1875rem\] {
    padding: .1875rem;
  }

  .es\:p-px {
    padding: 1px;
  }

  .es\:px-0\! {
    padding-inline: calc(var(--es-spacing) * 0) !important;
  }

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

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

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

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

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

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

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

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

  .es\:py-0 {
    padding-block: calc(var(--es-spacing) * 0);
  }

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

  .es\:py-0\.25 {
    padding-block: calc(var(--es-spacing) * .25);
  }

  .es\:py-0\.75 {
    padding-block: calc(var(--es-spacing) * .75);
  }

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

  .es\:py-1\! {
    padding-block: calc(var(--es-spacing) * 1) !important;
  }

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

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

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

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

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

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

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

  .es\:pt-2 {
    padding-top: calc(var(--es-spacing) * 2);
  }

  .es\:pt-2\.25 {
    padding-top: calc(var(--es-spacing) * 2.25);
  }

  .es\:pr-0 {
    padding-right: calc(var(--es-spacing) * 0);
  }

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

  .es\:pr-1 {
    padding-right: calc(var(--es-spacing) * 1);
  }

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

  .es\:pr-2 {
    padding-right: calc(var(--es-spacing) * 2);
  }

  .es\:pr-3 {
    padding-right: calc(var(--es-spacing) * 3);
  }

  .es\:pr-6 {
    padding-right: calc(var(--es-spacing) * 6);
  }

  .es\:pr-10 {
    padding-right: calc(var(--es-spacing) * 10);
  }

  .es\:pb-0\! {
    padding-bottom: calc(var(--es-spacing) * 0) !important;
  }

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

  .es\:pb-1 {
    padding-bottom: calc(var(--es-spacing) * 1);
  }

  .es\:pb-1\.75 {
    padding-bottom: calc(var(--es-spacing) * 1.75);
  }

  .es\:pb-2\.5 {
    padding-bottom: calc(var(--es-spacing) * 2.5);
  }

  .es\:pb-3\.5 {
    padding-bottom: calc(var(--es-spacing) * 3.5);
  }

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

  .es\:pl-0\.75 {
    padding-left: calc(var(--es-spacing) * .75);
  }

  .es\:pl-1 {
    padding-left: calc(var(--es-spacing) * 1);
  }

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

  .es\:pl-2 {
    padding-left: calc(var(--es-spacing) * 2);
  }

  .es\:pl-3 {
    padding-left: calc(var(--es-spacing) * 3);
  }

  .es\:pl-4 {
    padding-left: calc(var(--es-spacing) * 4);
  }

  .es\:pl-px {
    padding-left: 1px;
  }

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

  .es\:text-left {
    text-align: left;
  }

  .es\:text-start {
    text-align: start;
  }

  .es\:align-middle {
    vertical-align: middle;
  }

  .es\:font-mono {
    font-family: var(--es-font-mono);
  }

  .es\:font-sans {
    font-family: var(--es-font-sans);
  }

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

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

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

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

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

  .es\:text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

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

  .es\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .es\:leading-tight {
    --tw-leading: var(--es-leading-tight);
    line-height: var(--es-leading-tight);
  }

  .es\:font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }

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

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

  .es\:font-medium\! {
    --tw-font-weight: var(--es-font-weight-medium) !important;
    font-weight: var(--es-font-weight-medium) !important;
  }

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

  .es\:tracking-tight {
    --tw-tracking: var(--es-tracking-tight);
    letter-spacing: var(--es-tracking-tight);
  }

  .es\:tracking-tighter {
    --tw-tracking: var(--es-tracking-tighter);
    letter-spacing: var(--es-tracking-tighter);
  }

  .es\:text-balance {
    text-wrap: balance;
  }

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

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

  .es\:text-accent-600\! {
    color: var(--es-color-accent-600) !important;
  }

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

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

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

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

  .es\:text-blue-400 {
    color: var(--es-color-blue-400);
  }

  .es\:text-blue-500 {
    color: var(--es-color-blue-500);
  }

  .es\:text-blue-950\/60 {
    color: var(--es-color-blue-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-blue-950\/60 {
      color: color-mix(in oklab, var(--es-color-blue-950) 60%, transparent);
    }
  }

  .es\:text-cyan-500 {
    color: var(--es-color-cyan-500);
  }

  .es\:text-fuchsia-500 {
    color: var(--es-color-fuchsia-500);
  }

  .es\:text-gray-400 {
    color: var(--es-color-gray-400);
  }

  .es\:text-gray-500, .es\:text-gray-500\/80 {
    color: var(--es-color-gray-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-gray-500\/80 {
      color: color-mix(in oklab, var(--es-color-gray-500) 80%, transparent);
    }
  }

  .es\:text-gray-800 {
    color: var(--es-color-gray-800);
  }

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

  .es\:text-green-600 {
    color: var(--es-color-green-600);
  }

  .es\:text-green-700 {
    color: var(--es-color-green-700);
  }

  .es\:text-green-950\/60 {
    color: var(--es-color-green-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-green-950\/60 {
      color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
    }
  }

  .es\:text-indigo-500 {
    color: var(--es-color-indigo-500);
  }

  .es\:text-indigo-600 {
    color: var(--es-color-indigo-600);
  }

  .es\:text-indigo-700 {
    color: var(--es-color-indigo-700);
  }

  .es\:text-indigo-800\/70 {
    color: var(--es-color-indigo-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-indigo-800\/70 {
      color: color-mix(in oklab, var(--es-color-indigo-800) 70%, transparent);
    }
  }

  .es\:text-lime-500 {
    color: var(--es-color-lime-500);
  }

  .es\:text-orange-500 {
    color: var(--es-color-orange-500);
  }

  .es\:text-orange-700 {
    color: var(--es-color-orange-700);
  }

  .es\:text-orange-950\/60 {
    color: var(--es-color-orange-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-orange-950\/60 {
      color: color-mix(in oklab, var(--es-color-orange-950) 60%, transparent);
    }
  }

  .es\:text-red-500 {
    color: var(--es-color-red-500);
  }

  .es\:text-red-600 {
    color: var(--es-color-red-600);
  }

  .es\:text-red-700 {
    color: var(--es-color-red-700);
  }

  .es\:text-red-900\/70 {
    color: var(--es-color-red-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:text-red-900\/70 {
      color: color-mix(in oklab, var(--es-color-red-900) 70%, transparent);
    }
  }

  .es\:text-secondary-100 {
    color: var(--es-color-secondary-100);
  }

  .es\:text-secondary-300 {
    color: var(--es-color-secondary-300);
  }

  .es\:text-secondary-400 {
    color: var(--es-color-secondary-400);
  }

  .es\:text-secondary-400\! {
    color: var(--es-color-secondary-400) !important;
  }

  .es\:text-secondary-500 {
    color: var(--es-color-secondary-500);
  }

  .es\:text-secondary-500\! {
    color: var(--es-color-secondary-500) !important;
  }

  .es\:text-secondary-600 {
    color: var(--es-color-secondary-600);
  }

  .es\:text-secondary-600\! {
    color: var(--es-color-secondary-600) !important;
  }

  .es\:text-secondary-700 {
    color: var(--es-color-secondary-700);
  }

  .es\:text-secondary-800 {
    color: var(--es-color-secondary-800);
  }

  .es\:text-secondary-900 {
    color: var(--es-color-secondary-900);
  }

  .es\:text-slate-500 {
    color: var(--es-color-slate-500);
  }

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

  .es\:text-white\! {
    color: var(--es-color-white) !important;
  }

  .es\:text-yellow-400 {
    color: var(--es-color-yellow-400);
  }

  .es\:italic {
    font-style: italic;
  }

  .es\: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, );
  }

  .es\:opacity-0 {
    opacity: 0;
  }

  .es\:opacity-25 {
    opacity: .25;
  }

  .es\:opacity-40 {
    opacity: .4;
  }

  .es\:opacity-50 {
    opacity: .5;
  }

  .es\:opacity-55 {
    opacity: .55;
  }

  .es\: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);
  }

  .es\:shadow-\[0_0_0_1px_black\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, black);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .es\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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);
  }

  .es\: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);
  }

  .es\: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);
  }

  .es\:shadow-none\! {
    --tw-shadow: 0 0 #0000 !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;
  }

  .es\: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);
  }

  .es\: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);
  }

  .es\:shadow-xs {
    --tw-shadow: 0 1px 2px 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);
  }

  .es\: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);
  }

  .es\: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);
  }

  .es\:ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .es\:inset-shadow-xs {
    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-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);
  }

  .es\:inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:inset-ring-0 {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-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);
  }

  .es\:inset-ring-1 {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:shadow-accent-500\/25 {
    --tw-shadow-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-500\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-accent-500\/30 {
    --tw-shadow-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-500\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-accent-600\/25 {
    --tw-shadow-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-600\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-accent-600\/30 {
    --tw-shadow-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-600\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-accent-600\/50 {
    --tw-shadow-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-600\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-accent-900\/60 {
    --tw-shadow-color: var(--es-color-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-accent-900\/60 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-900) 60%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-blue-500\/15 {
    --tw-shadow-color: var(--es-color-blue-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-blue-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-green-500\/15 {
    --tw-shadow-color: var(--es-color-green-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-green-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-green-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-indigo-500\/15 {
    --tw-shadow-color: var(--es-color-indigo-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-indigo-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-indigo-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-orange-500\/15 {
    --tw-shadow-color: var(--es-color-orange-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-orange-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-orange-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-red-500\/15 {
    --tw-shadow-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-red-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-red-500\/20 {
    --tw-shadow-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-red-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-red-700\/20 {
    --tw-shadow-color: var(--es-color-red-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-red-700\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:shadow-secondary-300\/25 {
    --tw-shadow-color: var(--es-color-secondary-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:shadow-secondary-300\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-300) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:ring-accent-500\/50 {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:ring-accent-500\/50 {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:ring-black {
    --tw-ring-color: var(--es-color-black);
  }

  .es\:inset-shadow-accent-400\/75 {
    --tw-inset-shadow-color: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-shadow-accent-400\/75 {
      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 75%, transparent) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:inset-shadow-red-50 {
    --tw-inset-shadow-color: var(--es-color-red-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-shadow-red-50 {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-50) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:inset-shadow-secondary-100 {
    --tw-inset-shadow-color: var(--es-color-secondary-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-shadow-secondary-100 {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:inset-shadow-secondary-100\/50 {
    --tw-inset-shadow-color: var(--es-color-secondary-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-shadow-secondary-100\/50 {
      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:inset-ring-accent-500 {
    --tw-inset-ring-color: var(--es-color-accent-500);
  }

  .es\:inset-ring-accent-600 {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  .es\:inset-ring-blue-100 {
    --tw-inset-ring-color: var(--es-color-blue-100);
  }

  .es\:inset-ring-green-100 {
    --tw-inset-ring-color: var(--es-color-green-100);
  }

  .es\:inset-ring-indigo-100\/0 {
    --tw-inset-ring-color: var(--es-color-indigo-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-ring-indigo-100\/0 {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-indigo-100) 0%, transparent);
    }
  }

  .es\:inset-ring-orange-100 {
    --tw-inset-ring-color: var(--es-color-orange-100);
  }

  .es\:inset-ring-red-100 {
    --tw-inset-ring-color: var(--es-color-red-100);
  }

  .es\:inset-ring-secondary-50 {
    --tw-inset-ring-color: var(--es-color-secondary-50);
  }

  .es\:inset-ring-secondary-100 {
    --tw-inset-ring-color: var(--es-color-secondary-100);
  }

  .es\:inset-ring-secondary-200\/20 {
    --tw-inset-ring-color: var(--es-color-secondary-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-ring-secondary-200\/20 {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
    }
  }

  .es\:inset-ring-secondary-200\/30 {
    --tw-inset-ring-color: var(--es-color-secondary-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:inset-ring-secondary-200\/30 {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
    }
  }

  .es\:outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:outline-hidden\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  @media (forced-colors: active) {
    .es\:outline-hidden\! {
      outline-offset: 2px !important;
      outline: 2px solid #0000 !important;
    }
  }

  .es\:outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .es\:outline-white {
    outline-color: var(--es-color-white);
  }

  .es\:blur-\[0\.5px\] {
    --tw-blur: blur(.5px);
    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, );
  }

  .es\:drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--es-drop-shadow-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, );
  }

  .es\: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, );
  }

  .es\:saturate-75 {
    --tw-saturate: saturate(75%);
    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, );
  }

  .es\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-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: 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, );
  }

  .es\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--es-blur-2xl));
    -webkit-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: 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, );
  }

  .es\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--es-blur-3xl));
    -webkit-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: 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, );
  }

  .es\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--es-blur-lg));
    -webkit-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: 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, );
  }

  .es\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--es-blur-sm));
    -webkit-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: 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, );
  }

  .es\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(125%);
    -webkit-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: 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, );
  }

  .es\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -webkit-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: 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, );
  }

  .es\: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, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-\[box-shadow\,background-color\,filter\,opacity\,border-color\] {
    transition-property: box-shadow, background-color, filter, opacity, border-color;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-\[grid-template-columns\,margin-block-end\] {
    transition-property: grid-template-columns, margin-block-end;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-\[grid-template-columns\,margin-block-start\] {
    transition-property: grid-template-columns, margin-block-start;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\: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(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:transition-none {
    transition-property: none;
  }

  .es\:duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .es\:duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .es\:duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .es\:ease-\[var\(--motion-spring-bouncy\)\] {
    --tw-ease: var(--motion-spring-bouncy);
    transition-timing-function: var(--motion-spring-bouncy);
  }

  .es\:will-change-\[transform\,opacity\] {
    will-change: transform, opacity;
  }

  .es\:will-change-transform {
    will-change: transform;
  }

  .es\:motion-ease-spring-bouncy {
    --motion-timing: var(--motion-spring-bouncy);
    --motion-perceptual-duration-multiplier: 1.66;
    --motion-filter-timing: var(--motion-spring-smooth);
    --motion-opacity-timing: var(--motion-spring-smooth);
    --motion-background-color-timing: var(--motion-spring-smooth);
    --motion-text-color-timing: var(--motion-spring-smooth);
    --motion-filter-perceptual-duration-multiplier: 1.66;
    --motion-opacity-perceptual-duration-multiplier: 1.66;
    --motion-background-color-perceptual-duration-multiplier: 1.66;
    --motion-text-color-perceptual-duration-multiplier: 1.66;
  }

  .es\:motion-ease-linear\/opacity {
    --motion-opacity-timing: linear;
    --motion-opacity-perceptual-duration-multiplier: 1;
  }

  .es\:motion-ease-spring-smooth {
    --motion-timing: var(--motion-spring-smooth);
    --motion-perceptual-duration-multiplier: 1.66;
  }

  .es\:motion-ease-spring-smooth\/scale {
    --motion-scale-timing: var(--motion-spring-smooth);
    --motion-scale-perceptual-duration-multiplier: 1.66;
  }

  .es\:motion-ease-spring-snappy\/scale {
    --motion-scale-timing: var(--motion-spring-snappy);
    --motion-scale-perceptual-duration-multiplier: 1.66;
  }

  .es\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .es\:accent-text-shadow {
    text-shadow: 0 1px 0 var(--es-color-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:accent-text-shadow {
      text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
    }
  }

  .es\:motion-delay-300\/blur {
    --motion-filter-delay: .3s;
  }

  .es\:motion-duration-150 {
    --motion-duration: .15s;
  }

  .es\:motion-duration-200 {
    --motion-duration: .2s;
  }

  .es\:motion-duration-250 {
    --motion-duration: .25s;
  }

  .es\:motion-duration-300 {
    --motion-duration: .3s;
  }

  .es\:motion-duration-500 {
    --motion-duration: .5s;
  }

  .es\:motion-duration-1500 {
    --motion-duration: 1.5s;
  }

  .es\:motion-duration-1750 {
    --motion-duration: 1.75s;
  }

  .es\:no-webkit-highlight {
    -webkit-tap-highlight-color: transparent;
  }

  :is(.es\:\*\:col-start-1 > *) {
    grid-column-start: 1;
  }

  :is(.es\:\*\:col-end-1 > *) {
    grid-column-end: 1;
  }

  :is(.es\:\*\:row-start-1 > *) {
    grid-row-start: 1;
  }

  :is(.es\:\*\:row-end-1 > *) {
    grid-row-end: 1;
  }

  :where(:is(.es\:\*\:space-y-0\.5 > *) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--es-spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--es-spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :is(.es\:\*\:bg-secondary-200\! > *) {
    background-color: var(--es-color-secondary-200) !important;
  }

  .es\:not-first\:pt-4:not(:first-child) {
    padding-top: calc(var(--es-spacing) * 4);
  }

  .es\:not-last\:mb-10:not(:last-child) {
    margin-bottom: calc(var(--es-spacing) * 10);
  }

  .es\:not-last\:pb-4:not(:last-child) {
    padding-bottom: calc(var(--es-spacing) * 4);
  }

  .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
    cursor: pointer;
  }

  @media not all and (prefers-contrast: more) {
    .es\:not-contrast-more\:opacity-65 {
      opacity: .65;
    }

    .es\:not-contrast-more\:opacity-80 {
      opacity: .8;
    }
  }

  .es\:group-not-disabled\:cursor-pointer:is(:where(.es\:group):not(:is(:disabled, [data-rac][data-disabled])) *) {
    cursor: pointer;
  }

  .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
    color: var(--es-color-black);
  }

  @media (hover: hover) {
    .es\:group-hover\:text-black:is(:where(.es\:group):where(:not([data-rac])):hover *) {
      color: var(--es-color-black);
    }
  }

  .es\:group-hover\:opacity-100:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .es\:group-hover\:opacity-100:is(:where(.es\:group):where(:not([data-rac])):hover *) {
      opacity: 1;
    }
  }

  .es\:group-focus\:border-accent-500:is(:where(.es\:group):where([data-rac])[data-focused] *), .es\:group-focus\:border-accent-500:is(:where(.es\:group):where(:not([data-rac])):focus *) {
    border-color: var(--es-color-accent-500);
  }

  .es\:group-focus\:ring-2:is(:where(.es\:group):where([data-rac])[data-focused] *), .es\:group-focus\:ring-2:is(:where(.es\:group):where(:not([data-rac])):focus *) {
    --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);
  }

  .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:group-focus-visible\:border-accent-500:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    border-color: var(--es-color-accent-500);
  }

  .es\:group-focus-visible\:border-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    border-color: var(--es-color-accent-600);
  }

  .es\:group-focus-visible\:opacity-100:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    opacity: 1;
  }

  .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-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);
  }

  .es\:group-focus-visible\:inset-shadow-xs:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-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);
  }

  .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-inset-shadow-color: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:group-focus-visible\:inset-ring-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  .es\:group-not-selected\:group-focus-visible\:bg-secondary-100:is(:where(.es\:group):not([data-selected]) *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    background-color: var(--es-color-secondary-100);
  }

  .es\:group-not-selected\:group-focus-visible\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:group-not-selected\:group-focus-visible\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:group-active\:bg-accent-700\/15:is(:where(.es\:group):where([data-rac])[data-active] *) {
    background-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-active\:bg-accent-700\/15:is(:where(.es\:group):where([data-rac])[data-active] *) {
      background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
    }
  }

  .es\:group-active\:bg-accent-700\/15:is(:where(.es\:group):where(:not([data-rac])):active *) {
    background-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-active\:bg-accent-700\/15:is(:where(.es\:group):where(:not([data-rac])):active *) {
      background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
    }
  }

  .es\:group-aria-expanded\:-scale-y-100:is(:where(.es\:group)[aria-expanded="true"] *) {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .es\:group-data-\[placement\=bottom\]\:rotate-180:is(:where(.es\:group)[data-placement="bottom"] *) {
    rotate: 180deg;
  }

  .es\:group-data-\[placement\=left\]\:-rotate-90:is(:where(.es\:group)[data-placement="left"] *) {
    rotate: -90deg;
  }

  .es\:group-data-\[placement\=right\]\:rotate-90:is(:where(.es\:group)[data-placement="right"] *) {
    rotate: 90deg;
  }

  .es\:group-selected\:bg-accent-50:is(:where(.es\:group)[data-selected] *) {
    background-color: var(--es-color-accent-50);
  }

  .es\:group-selected\:bg-accent-500:is(:where(.es\:group)[data-selected] *), .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:group-selected\:bg-accent-600:is(:where(.es\:group)[data-selected] *), .es\:group-selected\:bg-accent-600\/15:is(:where(.es\:group)[data-selected] *) {
    background-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-selected\:bg-accent-600\/15:is(:where(.es\:group)[data-selected] *) {
      background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
    }
  }

  .es\:group-selected\:text-accent-900:is(:where(.es\:group)[data-selected] *) {
    color: var(--es-color-accent-900);
  }

  .es\:group-selected\:text-accent-950:is(:where(.es\:group)[data-selected] *) {
    color: var(--es-color-accent-950);
  }

  .es\:group-selected\:text-white:is(:where(.es\:group)[data-selected] *) {
    color: var(--es-color-white);
  }

  .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
    --tw-inset-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:group-selected\:group-focus-visible\:inset-ring:is(:where(.es\:group)[data-selected] *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:group-selected\:group-focus-visible\:inset-ring-accent-600\/30:is(:where(.es\:group)[data-selected] *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:group-selected\:group-focus-visible\:inset-ring-accent-600\/30:is(:where(.es\:group)[data-selected] *):is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 30%, transparent);
    }
  }

  .es\:group-any-focus\:outline-hidden:is(:where(.es\:group):is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:group-any-focus\:outline-hidden:is(:where(.es\:group):is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) *) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:peer-placeholder-shown\:opacity-0:is(:where(.es\:peer)[data-placeholder] ~ *), .es\:peer-placeholder-shown\:opacity-0:is(:where(.es\:peer):placeholder-shown ~ *) {
    opacity: 0;
  }

  .es\:peer-has-dragging\:hidden:is(:where(.es\:peer):has([data-dragging]) ~ *) {
    display: none;
  }

  .es\:selection\:bg-accent-500\/20 ::selection {
    background-color: var(--es-color-accent-500);
  }

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

  .es\:selection\:bg-accent-500\/20::selection {
    background-color: var(--es-color-accent-500);
  }

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

  .es\:selection\:text-accent-950 ::selection {
    color: var(--es-color-accent-950);
  }

  .es\:selection\:text-accent-950::selection {
    color: var(--es-color-accent-950);
  }

  .es\:placeholder\:text-secondary-500::placeholder {
    color: var(--es-color-secondary-500);
  }

  .es\:after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .es\:after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--es-spacing) * 0);
  }

  .es\:after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--es-spacing) * 0);
  }

  .es\:after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--es-spacing) * 0);
  }

  .es\:after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--es-spacing) * 0);
  }

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

  .es\:after\:bottom-px:after {
    content: var(--tw-content);
    bottom: 1px;
  }

  .es\:after\:-left-0:after, .es\:after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--es-spacing) * 0);
  }

  .es\:after\:-z-10:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .es\:after\:m-auto:after {
    content: var(--tw-content);
    margin: auto;
  }

  .es\:after\:mx-auto:after {
    content: var(--tw-content);
    margin-inline: auto;
  }

  .es\:after\:my-auto:after {
    content: var(--tw-content);
    margin-block: auto;
  }

  .es\:after\:h-0\.75:after {
    content: var(--tw-content);
    height: calc(var(--es-spacing) * .75);
  }

  .es\:after\:h-4:after {
    content: var(--tw-content);
    height: calc(var(--es-spacing) * 4);
  }

  .es\:after\:h-5\/6:after {
    content: var(--tw-content);
    height: 83.3333%;
  }

  .es\:after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .es\:after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--es-spacing) * 1);
  }

  .es\:after\:w-5\/6:after {
    content: var(--tw-content);
    width: 83.3333%;
  }

  .es\:after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .es\:after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .es\:after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .es\:after\:rounded-t-full:after {
    content: var(--tw-content);
    border-top-left-radius: 3.40282e38px;
    border-top-right-radius: 3.40282e38px;
  }

  .es\:after\:bg-secondary-200:after {
    content: var(--tw-content);
    background-color: var(--es-color-secondary-200);
  }

  .es\:after\:bg-secondary-300:after {
    content: var(--tw-content);
    background-color: var(--es-color-secondary-300);
  }

  .es\:after\:bg-linear-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:after\:bg-linear-to-b:after {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .es\:after\:bg-linear-to-b:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:after\:bg-linear-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:after\:bg-linear-to-r:after {
      --tw-gradient-position: to right in oklab;
    }
  }

  .es\:after\:bg-linear-to-r:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:after\:transition:after {
    content: var(--tw-content);
    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, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:after\:content-\[\"\"\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

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

  .es\:first\:rounded-t-xl:first-child {
    border-top-left-radius: var(--es-radius-xl);
    border-top-right-radius: var(--es-radius-xl);
  }

  .es\:first\:rounded-l-xl:first-child {
    border-top-left-radius: var(--es-radius-xl);
    border-bottom-left-radius: var(--es-radius-xl);
  }

  .es\:first\:pt-2\.5:first-child {
    padding-top: calc(var(--es-spacing) * 2.5);
  }

  :is(.es\:\*\*\:first\:text-base\! *):first-child {
    font-size: var(--es-text-base) !important;
    line-height: var(--tw-leading, var(--es-text-base--line-height)) !important;
  }

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

  .es\:last\:rounded-r-xl:last-child {
    border-top-right-radius: var(--es-radius-xl);
    border-bottom-right-radius: var(--es-radius-xl);
  }

  .es\:last\:rounded-b-xl:last-child {
    border-bottom-right-radius: var(--es-radius-xl);
    border-bottom-left-radius: var(--es-radius-xl);
  }

  .es\:last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .es\:last\:pb-0:last-child {
    padding-bottom: calc(var(--es-spacing) * 0);
  }

  .es\:empty\:hidden:where([data-rac])[data-empty], .es\:empty\:hidden:where(:not([data-rac])):empty {
    display: none;
  }

  .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
    --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);
  }

  .es\:hover\:cursor-grab:where([data-rac])[data-hovered] {
    cursor: grab;
  }

  @media (hover: hover) {
    .es\:hover\:cursor-grab:where(:not([data-rac])):hover {
      cursor: grab;
    }
  }

  .es\:hover\:border-accent-500:where([data-rac])[data-hovered] {
    border-color: var(--es-color-accent-500);
  }

  @media (hover: hover) {
    .es\:hover\:border-accent-500:where(:not([data-rac])):hover {
      border-color: var(--es-color-accent-500);
    }
  }

  .es\:hover\:border-red-600:where([data-rac])[data-hovered] {
    border-color: var(--es-color-red-600);
  }

  @media (hover: hover) {
    .es\:hover\:border-red-600:where(:not([data-rac])):hover {
      border-color: var(--es-color-red-600);
    }
  }

  .es\:hover\:border-secondary-300:where([data-rac])[data-hovered] {
    border-color: var(--es-color-secondary-300);
  }

  @media (hover: hover) {
    .es\:hover\:border-secondary-300:where(:not([data-rac])):hover {
      border-color: var(--es-color-secondary-300);
    }
  }

  .es\:hover\:bg-accent-400:where([data-rac])[data-hovered] {
    background-color: var(--es-color-accent-400);
  }

  @media (hover: hover) {
    .es\:hover\:bg-accent-400:where(:not([data-rac])):hover {
      background-color: var(--es-color-accent-400);
    }
  }

  .es\:hover\:bg-accent-500\/5:where([data-rac])[data-hovered] {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-accent-500\/5:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-accent-500\/5:where(:not([data-rac])):hover {
      background-color: var(--es-color-accent-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-accent-500\/5:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
      }
    }
  }

  .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
    background-color: var(--es-color-red-50);
  }

  @media (hover: hover) {
    .es\:hover\:bg-red-50:where(:not([data-rac])):hover {
      background-color: var(--es-color-red-50);
    }
  }

  .es\:hover\:bg-red-500\/5:where([data-rac])[data-hovered] {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-red-500\/5:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-red-500\/5:where(:not([data-rac])):hover {
      background-color: var(--es-color-red-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-red-500\/5:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
      }
    }
  }

  .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
      background-color: var(--es-color-red-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
      }
    }
  }

  .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
    background-color: var(--es-color-red-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
      background-color: var(--es-color-red-600);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
      }
    }
  }

  .es\:hover\:bg-secondary-100:where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:hover\:bg-secondary-100:where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }
  }

  .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
      }
    }
  }

  .es\:hover\:bg-secondary-950\/5:where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:bg-secondary-950\/5:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-secondary-950) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:bg-secondary-950\/5:where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:bg-secondary-950\/5:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-secondary-950) 5%, transparent);
      }
    }
  }

  .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
    --tw-gradient-to: var(--es-color-secondary-100);
    --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));
  }

  @media (hover: hover) {
    .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
      --tw-gradient-to: var(--es-color-secondary-100);
      --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));
    }
  }

  .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
    color: var(--es-color-accent-500);
  }

  @media (hover: hover) {
    .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
      color: var(--es-color-accent-500);
    }
  }

  .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
    color: var(--es-color-accent-900);
  }

  @media (hover: hover) {
    .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
      color: var(--es-color-accent-900);
    }
  }

  .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
    color: var(--es-color-accent-950);
  }

  @media (hover: hover) {
    .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
      color: var(--es-color-accent-950);
    }
  }

  .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
    color: var(--es-color-red-600);
  }

  @media (hover: hover) {
    .es\:hover\:text-red-600:where(:not([data-rac])):hover {
      color: var(--es-color-red-600);
    }
  }

  .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
    color: var(--es-color-red-800);
  }

  @media (hover: hover) {
    .es\:hover\:text-red-800:where(:not([data-rac])):hover {
      color: var(--es-color-red-800);
    }
  }

  .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
    color: var(--es-color-red-900);
  }

  @media (hover: hover) {
    .es\:hover\:text-red-900:where(:not([data-rac])):hover {
      color: var(--es-color-red-900);
    }
  }

  .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
    --tw-shadow-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
      --tw-shadow-color: var(--es-color-accent-600);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
    --tw-inset-shadow-color: var(--es-color-red-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
      --tw-inset-shadow-color: var(--es-color-red-100);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
        --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
      }
    }
  }

  .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
    --tw-inset-shadow-color: var(--es-color-secondary-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  @media (hover: hover) {
    .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
      --tw-inset-shadow-color: var(--es-color-secondary-100);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
        --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
      }
    }
  }

  .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
    --tw-inset-ring-color: var(--es-color-red-100);
  }

  @media (hover: hover) {
    .es\:hover\:inset-ring-red-100:where(:not([data-rac])):hover {
      --tw-inset-ring-color: var(--es-color-red-100);
    }
  }

  .es\:hover\:inset-ring-secondary-100:where([data-rac])[data-hovered] {
    --tw-inset-ring-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:hover\:inset-ring-secondary-100:where(:not([data-rac])):hover {
      --tw-inset-ring-color: var(--es-color-secondary-100);
    }
  }

  .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }
  }

  .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where([data-rac])[data-hovered] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where([data-rac])[data-hovered] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  @media (hover: hover) {
    .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where(:not([data-rac])):hover {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where(:not([data-rac])):hover {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
  }

  .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }
  }

  .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
    color: var(--es-color-secondary-900);
  }

  @media (hover: hover) {
    .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
      color: var(--es-color-secondary-900);
    }
  }

  .es\:group-not-selected\:hover\:bg-secondary-100:is(:where(.es\:group):not([data-selected]) *):where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:group-not-selected\:hover\:bg-secondary-100:is(:where(.es\:group):not([data-selected]) *):where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }
  }

  .es\:group-not-selected\:hover\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):where([data-rac])[data-hovered] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:group-not-selected\:hover\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):where([data-rac])[data-hovered] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  @media (hover: hover) {
    .es\:group-not-selected\:hover\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):where(:not([data-rac])):hover {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .es\:group-not-selected\:hover\:outline-hidden:is(:where(.es\:group):not([data-selected]) *):where(:not([data-rac])):hover {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
  }

  .es\:hover\:after\:bg-accent-500:where([data-rac])[data-hovered]:after {
    content: var(--tw-content);
    background-color: var(--es-color-accent-500);
  }

  @media (hover: hover) {
    .es\:hover\:after\:bg-accent-500:where(:not([data-rac])):hover:after {
      content: var(--tw-content);
      background-color: var(--es-color-accent-500);
    }
  }

  .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
    content: var(--tw-content);
    --tw-gradient-from: var(--es-color-secondary-200);
    --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));
  }

  @media (hover: hover) {
    .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
      content: var(--tw-content);
      --tw-gradient-from: var(--es-color-secondary-200);
      --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));
    }
  }

  .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
    content: var(--tw-content);
    --tw-gradient-to: var(--es-color-secondary-300);
    --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));
  }

  @media (hover: hover) {
    .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
      content: var(--tw-content);
      --tw-gradient-to: var(--es-color-secondary-300);
      --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));
    }
  }

  .es\:focus\:border-accent-500:where([data-rac])[data-focused], .es\:focus\:border-accent-500:where(:not([data-rac])):focus {
    border-color: var(--es-color-accent-500);
  }

  .es\:focus\:shadow-none\!:where([data-rac])[data-focused], .es\:focus\:shadow-none\!:where(:not([data-rac])):focus {
    --tw-shadow: 0 0 #0000 !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;
  }

  .es\:focus\:ring-2:where([data-rac])[data-focused], .es\:focus\:ring-2:where(:not([data-rac])):focus {
    --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);
  }

  .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:focus\:outline-hidden:where([data-rac])[data-focused] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:focus\:outline-hidden:where([data-rac])[data-focused] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:focus\:outline-hidden:where(:not([data-rac])):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:focus\:outline-hidden:where(:not([data-rac])):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where([data-rac])[data-focused], .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where(:not([data-rac])):focus {
    --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);
  }

  .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    z-index: 10;
  }

  .es\:focus-visible\:border-accent-500:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    border-color: var(--es-color-accent-500);
  }

  .es\:focus-visible\:border-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    border-color: var(--es-color-accent-700);
  }

  .es\:focus-visible\:border-red-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    border-color: var(--es-color-red-600);
  }

  .es\:focus-visible\:border-secondary-300:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    border-color: var(--es-color-secondary-300);
  }

  .es\:focus-visible\:bg-accent-600\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    background-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:bg-accent-600\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: color-mix(in oklab, var(--es-color-accent-600) 5%, transparent);
    }
  }

  .es\:focus-visible\:bg-red-600\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    background-color: var(--es-color-red-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:bg-red-600\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
    }
  }

  .es\:focus-visible\:bg-secondary-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    background-color: var(--es-color-secondary-100);
  }

  .es\:focus-visible\:bg-secondary-950\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    background-color: var(--es-color-secondary-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:bg-secondary-950\/5:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: color-mix(in oklab, var(--es-color-secondary-950) 5%, transparent);
    }
  }

  .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    color: var(--es-color-accent-700);
  }

  .es\:focus-visible\:text-accent-950:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    color: var(--es-color-accent-950);
  }

  .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    color: var(--es-color-red-700);
  }

  .es\:focus-visible\:text-red-900:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    color: var(--es-color-red-900);
  }

  .es\:focus-visible\:text-red-950:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    color: var(--es-color-red-950);
  }

  .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-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);
  }

  .es\:focus-visible\:inset-shadow-xs:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-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);
  }

  .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
    }
  }

  .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-ring-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-red-500) 30%, transparent);
    }
  }

  .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-shadow-color: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .es\:focus-visible\:inset-ring-accent-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-accent-100);
  }

  .es\:focus-visible\:inset-ring-accent-500:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-accent-500);
  }

  .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]), .es\:focus-visible\:inset-ring-accent-600\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:inset-ring-accent-600\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 30%, transparent);
    }
  }

  .es\:focus-visible\:inset-ring-red-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-red-100);
  }

  .es\:focus-visible\:inset-ring-red-600\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-red-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:inset-ring-red-600\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-600) 30%, transparent);
    }
  }

  .es\:focus-visible\:inset-ring-secondary-950\/10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-secondary-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:focus-visible\:inset-ring-secondary-950\/10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-950) 10%, transparent);
    }
  }

  .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    background-color: var(--es-color-secondary-100);
  }

  .es\:not-selected\:focus-visible\:outline-hidden:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:not-selected\:focus-visible\:outline-hidden:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:active\:border-accent-500\/30:where([data-rac])[data-active] {
    border-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:active\:border-accent-500\/30:where([data-rac])[data-active] {
      border-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
    }
  }

  .es\:active\:border-accent-500\/30:where(:not([data-rac])):active {
    border-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:active\:border-accent-500\/30:where(:not([data-rac])):active {
      border-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
    }
  }

  .es\:active\:bg-accent-50:where([data-rac])[data-active], .es\:active\:bg-accent-50:where(:not([data-rac])):active {
    background-color: var(--es-color-accent-50);
  }

  .es\:active\:bg-accent-700\/15:where([data-rac])[data-active] {
    background-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:active\:bg-accent-700\/15:where([data-rac])[data-active] {
      background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
    }
  }

  .es\:active\:bg-accent-700\/15:where(:not([data-rac])):active {
    background-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:active\:bg-accent-700\/15:where(:not([data-rac])):active {
      background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
    }
  }

  .es\:active\:text-accent-500:where([data-rac])[data-active], .es\:active\:text-accent-500:where(:not([data-rac])):active {
    color: var(--es-color-accent-500);
  }

  .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
    cursor: pointer;
  }

  .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
      background-color: var(--es-color-accent-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
      }
    }
  }

  .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
    }
  }

  @media (hover: hover) {
    .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
      background-color: var(--es-color-red-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
      }
    }
  }

  .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
    background-color: var(--es-color-secondary-100);
  }

  @media (hover: hover) {
    .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
      background-color: var(--es-color-secondary-100);
    }
  }

  .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
    --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);
  }

  @media (hover: hover) {
    .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
      --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);
    }
  }

  .es\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
    background-color: var(--es-color-accent-50);
  }

  .es\:enabled\:active\:bg-accent-500\/10:enabled:where([data-rac])[data-active] {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:active\:bg-accent-500\/10:enabled:where([data-rac])[data-active] {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:enabled\:active\:bg-accent-500\/10:enabled:where(:not([data-rac])):active {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:active\:bg-accent-500\/10:enabled:where(:not([data-rac])):active {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:enabled\:active\:bg-red-500\/10:enabled:where([data-rac])[data-active] {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:active\:bg-red-500\/10:enabled:where([data-rac])[data-active] {
      background-color: color-mix(in oklab, var(--es-color-red-500) 10%, transparent);
    }
  }

  .es\:enabled\:active\:bg-red-500\/10:enabled:where(:not([data-rac])):active {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:active\:bg-red-500\/10:enabled:where(:not([data-rac])):active {
      background-color: color-mix(in oklab, var(--es-color-red-500) 10%, transparent);
    }
  }

  .es\:enabled\:active\:text-accent-950:enabled:where([data-rac])[data-active], .es\:enabled\:active\:text-accent-950:enabled:where(:not([data-rac])):active {
    color: var(--es-color-accent-950);
  }

  .es\:enabled\:active\:shadow-sm:enabled:where([data-rac])[data-active], .es\:enabled\:active\:shadow-sm:enabled:where(:not([data-rac])):active {
    --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);
  }

  .es\:disabled\:invisible:is(:disabled, [data-rac][data-disabled]) {
    visibility: hidden;
  }

  .es\:disabled\:cursor-default:is(:disabled, [data-rac][data-disabled]) {
    cursor: default;
  }

  .es\:disabled\:border-secondary-200:is(:disabled, [data-rac][data-disabled]) {
    border-color: var(--es-color-secondary-200);
  }

  .es\:disabled\:border-secondary-300:is(:disabled, [data-rac][data-disabled]) {
    border-color: var(--es-color-secondary-300);
  }

  .es\:disabled\:border-transparent\!:is(:disabled, [data-rac][data-disabled]) {
    border-color: #0000 !important;
  }

  .es\:disabled\:border-zinc-300:is(:disabled, [data-rac][data-disabled]) {
    border-color: var(--es-color-zinc-300);
  }

  .es\:disabled\:bg-secondary-50:is(:disabled, [data-rac][data-disabled]) {
    background-color: var(--es-color-secondary-50);
  }

  .es\:disabled\:bg-secondary-100:is(:disabled, [data-rac][data-disabled]) {
    background-color: var(--es-color-secondary-100);
  }

  .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
    --tw-gradient-position: to right !important;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
      --tw-gradient-position: to right in oklab !important;
    }
  }

  .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
    --tw-gradient-from: var(--es-color-white);
    --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));
  }

  .es\:disabled\:to-secondary-100:is(:disabled, [data-rac][data-disabled]) {
    --tw-gradient-to: var(--es-color-secondary-100);
    --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));
  }

  .es\:disabled\:text-secondary-300:is(:disabled, [data-rac][data-disabled]) {
    color: var(--es-color-secondary-300);
  }

  .es\:disabled\:text-secondary-300\!:is(:disabled, [data-rac][data-disabled]) {
    color: var(--es-color-secondary-300) !important;
  }

  .es\:disabled\:text-secondary-400:is(:disabled, [data-rac][data-disabled]), .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
    color: var(--es-color-secondary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
      color: color-mix(in oklab, var(--es-color-secondary-400) 75%, transparent);
    }
  }

  .es\:disabled\:text-secondary-500:is(:disabled, [data-rac][data-disabled]) {
    color: var(--es-color-secondary-500);
  }

  .es\:disabled\:text-zinc-400:is(:disabled, [data-rac][data-disabled]) {
    color: var(--es-color-zinc-400);
  }

  .es\:disabled\:opacity-0:is(:disabled, [data-rac][data-disabled]) {
    opacity: 0;
  }

  .es\:disabled\:shadow-none:is(:disabled, [data-rac][data-disabled]) {
    --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);
  }

  .es\:disabled\:shadow-none\!:is(:disabled, [data-rac][data-disabled]) {
    --tw-shadow: 0 0 #0000 !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;
  }

  .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-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);
  }

  .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
    --tw-inset-shadow-color: transparent;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
      --tw-inset-shadow-color: color-mix(in oklab, transparent var(--tw-inset-shadow-alpha), transparent);
    }
  }

  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:ring {
    --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);
  }

  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:ring-accent-500\/50 {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:ring-accent-500\/50 {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:has-dragging\:inset-ring-1:has([data-dragging]) {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:has-dragging\:inset-ring-accent-500\/10:has([data-dragging]) {
    --tw-inset-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:has-dragging\:inset-ring-accent-500\/10:has([data-dragging]) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:has-icon\:pl-1:has(* > svg) {
    padding-left: calc(var(--es-spacing) * 1);
  }

  .es\:has-icon\:pl-2\.5:has(* > svg) {
    padding-left: calc(var(--es-spacing) * 2.5);
  }

  .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:border-accent-500:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
    border-color: var(--es-color-accent-500);
  }

  .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-2:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
    --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);
  }

  .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:has-\[\>_\:only-child\]\:pb-0:has( > :only-child) {
    padding-bottom: calc(var(--es-spacing) * 0);
  }

  @media (prefers-reduced-motion: no-preference) {
    .es\:motion-safe\:motion-preset-slide-down-sm {
      --motion-origin-translate-y: -5%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:motion-scale-in-95 {
      --motion-origin-scale-x: .95;
      --motion-origin-scale-y: .95;
      --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:motion-scale-out-90 {
      --motion-end-scale-x: .9;
      --motion-end-scale-y: .9;
      --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:motion-scale-out-95 {
      --motion-end-scale-x: .95;
      --motion-end-scale-y: .95;
      --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:motion-translate-y-in-\[-0\.25rem\] {
      --motion-origin-translate-y: -.25rem;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:motion-translate-y-in-\[-5\%\] {
      --motion-origin-translate-y: -5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:motion-translate-y-in-\[0\.25rem\] {
      --motion-origin-translate-y: .25rem;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:motion-translate-y-out-\[-0\.25rem\] {
      --motion-end-translate-y: -.25rem;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:motion-translate-y-out-\[-5\%\] {
      --motion-end-translate-y: -5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:motion-translate-y-out-\[0\.25rem\] {
      --motion-end-translate-y: .25rem;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:motion-ease-spring-bouncy {
      --motion-timing: var(--motion-spring-bouncy);
      --motion-perceptual-duration-multiplier: 1.66;
      --motion-filter-timing: var(--motion-spring-smooth);
      --motion-opacity-timing: var(--motion-spring-smooth);
      --motion-background-color-timing: var(--motion-spring-smooth);
      --motion-text-color-timing: var(--motion-spring-smooth);
      --motion-filter-perceptual-duration-multiplier: 1.66;
      --motion-opacity-perceptual-duration-multiplier: 1.66;
      --motion-background-color-perceptual-duration-multiplier: 1.66;
      --motion-text-color-perceptual-duration-multiplier: 1.66;
    }

    .es\:motion-safe\:motion-ease-linear\/opacity {
      --motion-opacity-timing: linear;
      --motion-opacity-perceptual-duration-multiplier: 1;
    }

    .es\:motion-safe\:motion-ease-spring-smooth {
      --motion-timing: var(--motion-spring-smooth);
      --motion-perceptual-duration-multiplier: 1.66;
    }

    .es\:motion-safe\:motion-duration-200 {
      --motion-duration: .2s;
    }

    .es\:motion-safe\:motion-duration-300 {
      --motion-duration: .3s;
    }

    .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
      --motion-origin-translate-y: calc(5% * -1);
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:data-\[placement\=bottom\]\:motion-translate-y-out-\[-12\.5\%\][data-placement="bottom"] {
      --motion-end-translate-y: -12.5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
      --motion-origin-translate-x: 5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
      --motion-end-translate-x: 12.5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
      --motion-origin-translate-x: calc(5% * -1);
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
      --motion-end-translate-x: -12.5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
      --motion-origin-translate-y: 5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-out-\[12\.5\%\][data-placement="top"] {
      --motion-end-translate-y: 12.5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .es\:motion-reduce\:motion-preset-fade-md {
      --motion-origin-opacity: 0;
      --motion-duration: .5s;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }

  @media (prefers-contrast: more) {
    .es\:contrast-more\:text-current {
      color: currentColor;
    }

    .es\:contrast-more\:focus-visible\:bg-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: var(--es-color-accent-700);
    }

    .es\:contrast-more\:focus-visible\:bg-accent-800:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: var(--es-color-accent-800);
    }

    .es\:contrast-more\:focus-visible\:bg-red-800:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      background-color: var(--es-color-red-800);
    }

    .es\:contrast-more\:focus-visible\:text-white\!:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      color: var(--es-color-white) !important;
    }
  }

  @media (forced-colors: active) {
    .es\:forced-colors\:fill-\[Canvas\] {
      fill: canvas;
    }

    .es\:forced-colors\:stroke-\[ButtonBorder\] {
      stroke: buttonborder;
    }
  }

  .es\:placement-left\:origin-right[data-placement="left"] {
    transform-origin: 100%;
  }

  @media (prefers-reduced-motion: no-preference) {
    .es\:motion-safe\:placement-left\:motion-translate-x-in-\[5\%\][data-placement="left"] {
      --motion-origin-translate-x: 5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:placement-left\:motion-translate-x-out-\[5\%\][data-placement="left"] {
      --motion-end-translate-x: 5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }
  }

  .es\:placement-right\:origin-left[data-placement="right"] {
    transform-origin: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .es\:motion-safe\:placement-right\:motion-translate-x-in-\[-5\%\][data-placement="right"] {
      --motion-origin-translate-x: -5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:placement-right\:motion-translate-x-out-\[-5\%\][data-placement="right"] {
      --motion-end-translate-x: -5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }
  }

  .es\:placement-top\:origin-bottom-left[data-placement="top"] {
    transform-origin: 0 100%;
  }

  @media (prefers-reduced-motion: no-preference) {
    .es\:motion-safe\:placement-top\:motion-translate-y-in-\[5\%\][data-placement="top"] {
      --motion-origin-translate-y: 5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:placement-top\:motion-translate-y-out-\[5\%\][data-placement="top"] {
      --motion-end-translate-y: 5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }
  }

  .es\:placement-bottom\:origin-top-left[data-placement="bottom"] {
    transform-origin: 0 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .es\:motion-safe\:placement-bottom\:motion-translate-y-in-\[-5\%\][data-placement="bottom"] {
      --motion-origin-translate-y: -5%;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .es\:motion-safe\:placement-bottom\:motion-translate-y-out-\[-5\%\][data-placement="bottom"] {
      --motion-end-translate-y: -5%;
      --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }
  }

  .es\:pending\:cursor-wait[data-pending] {
    cursor: wait;
  }

  .es\:pending\:shadow-none\![data-pending] {
    --tw-shadow: 0 0 #0000 !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;
  }

  .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
    background-color: var(--es-color-accent-50);
  }

  .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
    background-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
    }
  }

  .es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
    background-color: var(--es-color-red-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
      background-color: color-mix(in oklab, var(--es-color-red-500) 10%, transparent);
    }
  }

  .es\:enabled\:pressed\:text-accent-950:enabled[data-pressed] {
    color: var(--es-color-accent-950);
  }

  .es\:enabled\:pressed\:shadow-sm:enabled[data-pressed] {
    --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);
  }

  .es\:selected\:border-accent-400\/10[data-selected] {
    border-color: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:border-accent-400\/10[data-selected] {
      border-color: color-mix(in oklab, var(--es-color-accent-400) 10%, transparent);
    }
  }

  .es\:selected\:border-accent-500[data-selected] {
    border-color: var(--es-color-accent-500);
  }

  .es\:selected\:border-accent-600[data-selected] {
    border-color: var(--es-color-accent-600);
  }

  .es\:selected\:bg-accent-50\/50[data-selected] {
    background-color: var(--es-color-accent-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:bg-accent-50\/50[data-selected] {
      background-color: color-mix(in oklab, var(--es-color-accent-50) 50%, transparent);
    }
  }

  .es\:selected\:bg-accent-600\/15[data-selected] {
    background-color: var(--es-color-accent-600);
  }

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

  .es\:selected\:bg-gradient-to-br[data-selected] {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .es\:selected\:from-accent-400\/10[data-selected] {
    --tw-gradient-from: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:from-accent-400\/10[data-selected] {
      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 10%, transparent);
    }
  }

  .es\:selected\:from-accent-400\/10[data-selected] {
    --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));
  }

  .es\:selected\:from-accent-400\/15[data-selected] {
    --tw-gradient-from: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:from-accent-400\/15[data-selected] {
      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
    }
  }

  .es\:selected\:from-accent-400\/15[data-selected] {
    --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));
  }

  .es\:selected\:from-accent-500[data-selected] {
    --tw-gradient-from: var(--es-color-accent-500);
    --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));
  }

  .es\:selected\:to-accent-400\/20[data-selected] {
    --tw-gradient-to: var(--es-color-accent-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:to-accent-400\/20[data-selected] {
      --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 20%, transparent);
    }
  }

  .es\:selected\:to-accent-400\/20[data-selected] {
    --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));
  }

  .es\:selected\:to-accent-600[data-selected] {
    --tw-gradient-to: var(--es-color-accent-600);
    --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));
  }

  .es\:selected\:text-accent-700[data-selected] {
    color: var(--es-color-accent-700);
  }

  .es\:selected\:text-accent-900[data-selected] {
    color: var(--es-color-accent-900);
  }

  .es\:selected\:text-accent-950[data-selected] {
    color: var(--es-color-accent-950);
  }

  .es\:selected\:text-white[data-selected] {
    color: var(--es-color-white);
  }

  .es\:selected\:after\:from-accent-500[data-selected]:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--es-color-accent-500);
    --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));
  }

  .es\:selected\:after\:to-accent-600[data-selected]:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--es-color-accent-600);
    --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));
  }

  .es\:selected\:after\:shadow-sm[data-selected]:after {
    content: var(--tw-content);
    --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);
  }

  .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
    content: var(--tw-content);
    --tw-shadow-color: var(--es-color-accent-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-700) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .es\:selected\:focus-visible\:inset-ring[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .es\:selected\:focus-visible\:inset-ring-accent-600\/30[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:selected\:focus-visible\:inset-ring-accent-600\/30[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 30%, transparent);
    }
  }

  .es\:dragging\:scale-110\![data-dragging] {
    --tw-scale-x: 110% !important;
    --tw-scale-y: 110% !important;
    --tw-scale-z: 110% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .es\:dragging\:cursor-grabbing[data-dragging] {
    cursor: grabbing;
  }

  .es\:dragging\:bg-transparent[data-dragging] {
    background-color: #0000;
  }

  .es\:dragging\:text-accent-600\/40[data-dragging] {
    color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:dragging\:text-accent-600\/40[data-dragging] {
      color: color-mix(in oklab, var(--es-color-accent-600) 40%, transparent);
    }
  }

  .es\:dragging\:inset-ring-accent-600\/20[data-dragging] {
    --tw-inset-ring-color: var(--es-color-accent-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:dragging\:inset-ring-accent-600\/20[data-dragging] {
      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
    }
  }

  .es\:drop-target\:bg-accent-600[data-drop-target] {
    background-color: var(--es-color-accent-600);
  }

  .es\:any-focus\:inset-ring-0:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-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);
  }

  .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
    background-color: var(--es-color-secondary-50);
  }

  .es\:readonly\:shadow-xs\!:where([data-readonly], [readonly]) {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !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;
  }

  .es\:icon\:absolute > svg {
    position: absolute;
  }

  .es\:icon\:inset-0 > svg {
    inset: calc(var(--es-spacing) * 0);
  }

  .es\:icon\:size-3 > svg {
    width: calc(var(--es-spacing) * 3);
    height: calc(var(--es-spacing) * 3);
  }

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

  .es\:icon\:size-4 > svg {
    width: calc(var(--es-spacing) * 4);
    height: calc(var(--es-spacing) * 4);
  }

  .es\:icon\:size-4\! > svg {
    width: calc(var(--es-spacing) * 4) !important;
    height: calc(var(--es-spacing) * 4) !important;
  }

  .es\:icon\:size-4\.5\! > svg {
    width: calc(var(--es-spacing) * 4.5) !important;
    height: calc(var(--es-spacing) * 4.5) !important;
  }

  .es\:icon\:size-5 > svg {
    width: calc(var(--es-spacing) * 5);
    height: calc(var(--es-spacing) * 5);
  }

  .es\:icon\:size-6 > svg {
    width: calc(var(--es-spacing) * 6);
    height: calc(var(--es-spacing) * 6);
  }

  .es\:icon\:size-7 > svg {
    width: calc(var(--es-spacing) * 7);
    height: calc(var(--es-spacing) * 7);
  }

  .es\:icon\:size-7\! > svg {
    width: calc(var(--es-spacing) * 7) !important;
    height: calc(var(--es-spacing) * 7) !important;
  }

  .es\:icon\:size-\[0\.8rem\] > svg {
    width: .8rem;
    height: .8rem;
  }

  .es\:icon\:size-\[1em\] > svg {
    width: 1em;
    height: 1em;
  }

  .es\:icon\:size-full > svg {
    width: 100%;
    height: 100%;
  }

  .es\:icon\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .es\:icon\:-scale-y-100 > svg {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .es\:icon\:stroke-2 > svg {
    stroke-width: 2px;
  }

  .es\:icon\:stroke-3 > svg {
    stroke-width: 3px;
  }

  .es\:icon\:stroke-\[1\.5\] > svg {
    stroke-width: 1.5px;
  }

  .es\:icon\:text-gray-500 > svg {
    color: var(--es-color-gray-500);
  }

  .es\:icon\:text-lime-500 > svg {
    color: var(--es-color-lime-500);
  }

  .es\:icon\:transition-transform > svg {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--es-default-transition-duration));
  }

  .es\:icon\:duration-500 > svg {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  @media not all and (prefers-contrast: more) {
    .es\:not-contrast-more\:icon\:text-accent-600\! > svg {
      color: var(--es-color-accent-600) !important;
    }

    .es\:not-contrast-more\:icon\:text-red-700\! > svg {
      color: var(--es-color-red-700) !important;
    }
  }

  @media (prefers-contrast: more) {
    .es\:contrast-more\:focus-visible\:icon\:text-white\!:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) > svg {
      color: var(--es-color-white) !important;
    }
  }

  :where(.es-button-group-h, .es-button-group-v) .es\:btn-group-mid\:rounded-none:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  :where(.es-button-group-h) .es\:btn-group-h-start\:rounded-r-none:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :where(.es-button-group-v) .es\:btn-group-v-start\:rounded-b-none:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :where(.es-button-group-h) .es\:btn-group-h-end\:rounded-l-none:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :where(.es-button-group-v) .es\:btn-group-v-end\:rounded-t-none:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .es\:\[\&_\>_div\]\:pointer-events-none > div {
    pointer-events: none;
  }

  .es\:\[\&_\>_div\]\:border\! > div {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .es\:\[\&_\>_div\]\:border-dotted > div {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .es\:\[\&_\>_div\]\:border-accent-500\! > div {
    border-color: var(--es-color-accent-500) !important;
  }

  .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
    background-color: var(--es-color-accent-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
      background-color: color-mix(in oklab, var(--es-color-accent-100) 20%, transparent) !important;
    }
  }

  .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
    color: var(--es-color-accent-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
      color: color-mix(in oklab, var(--es-color-accent-900) 15%, transparent) !important;
    }
  }

  .es\:\[\&_\>_div_\[role\=button\]\]\:opacity-0 > div [role="button"] {
    opacity: 0;
  }

  .es\:\[\&_\>_span_\>_svg\]\:size-5 > span > svg {
    width: calc(var(--es-spacing) * 5);
    height: calc(var(--es-spacing) * 5);
  }

  .es\:\[\&_button\]\:invisible button {
    visibility: hidden;
  }

  .es\:\[\&_input\]\:shadow-none\! input, .es\:\[\&_input\:focus\]\:shadow-none\! input:focus {
    --tw-shadow: 0 0 #0000 !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;
  }

  .es\:\[\&_svg\]\:size-4\! svg {
    width: calc(var(--es-spacing) * 4) !important;
    height: calc(var(--es-spacing) * 4) !important;
  }

  .es\:\[\&_svg_path\]\:stroke-red-500 svg path {
    stroke: var(--es-color-red-500);
  }

  .es\:\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-2:has( > [data-focus-visible="true"]) {
    --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);
  }

  .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
    --tw-ring-color: var(--es-color-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
    }
  }

  .es\:\[\&\>span\>svg\]\:text-slate-500 > span > svg {
    color: var(--es-color-slate-500);
  }
}

@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

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

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

@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
