/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-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: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components;

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .relative\! {
    position: relative !important;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

  .inset-x-\[4\%\] {
    inset-inline: 4%;
  }

  .inset-x-\[6\%\] {
    inset-inline: 6%;
  }

  .inset-x-\[12\%\] {
    inset-inline: 12%;
  }

  .inset-x-\[18\%\] {
    inset-inline: 18%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[calc\(65\%\+0\.75rem\)\] {
    top: calc(65% + .75rem);
  }

  .top-\[var\(--plaque-corner-height\)\] {
    top: var(--plaque-corner-height);
  }

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

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

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

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

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

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

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

  .right-\[var\(--plaque-corner-width\)\] {
    right: var(--plaque-corner-width);
  }

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

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

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

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

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

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

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

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

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

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

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

  .bottom-\[2\%\] {
    bottom: 2%;
  }

  .bottom-\[4\%\] {
    bottom: 4%;
  }

  .bottom-\[8\%\] {
    bottom: 8%;
  }

  .bottom-\[13\%\] {
    bottom: 13%;
  }

  .bottom-\[24\%\] {
    bottom: 24%;
  }

  .bottom-\[var\(--plaque-corner-height\)\] {
    bottom: var(--plaque-corner-height);
  }

  .bottom-full {
    bottom: 100%;
  }

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

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

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

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

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

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

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

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

  .left-\[var\(--plaque-corner-width\)\] {
    left: var(--plaque-corner-width);
  }

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-8 {
    order: 8;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

  .h-1\/3 {
    height: 33.3333%;
  }

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

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

  .h-2\/3 {
    height: 66.6667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[34\%\] {
    height: 34%;
  }

  .h-\[45\%\] {
    height: 45%;
  }

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

  .h-\[54\%\] {
    height: 54%;
  }

  .h-\[55\%\] {
    height: 55%;
  }

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

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

  .h-\[clamp\(\.7rem\,1\.5vw\,1\.15rem\)\] {
    height: clamp(.7rem, 1.5vw, 1.15rem);
  }

  .h-\[clamp\(\.65rem\,1\.4vw\,1rem\)\] {
    height: clamp(.65rem, 1.4vw, 1rem);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

  .max-h-\[calc\(100dvh-7rem\)\] {
    max-height: calc(100dvh - 7rem);
  }

  .max-h-\[calc\(100vh-5rem\)\] {
    max-height: calc(100vh - 5rem);
  }

  .max-h-\[calc\(100vh-7rem\)\] {
    max-height: calc(100vh - 7rem);
  }

  .max-h-\[min\(16dvh\,8rem\)\] {
    max-height: min(16dvh, 8rem);
  }

  .max-h-\[min\(24dvh\,12rem\)\] {
    max-height: min(24dvh, 12rem);
  }

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[calc\(100dvh-4rem\)\] {
    min-height: calc(100dvh - 4rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[64\%\] {
    width: 64%;
  }

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

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

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

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

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

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

  .w-\[clamp\(\.7rem\,1\.5vw\,1\.15rem\)\] {
    width: clamp(.7rem, 1.5vw, 1.15rem);
  }

  .w-\[clamp\(\.65rem\,1\.4vw\,1rem\)\] {
    width: clamp(.65rem, 1.4vw, 1rem);
  }

  .w-\[clamp\(80px\,25vw\,400px\)\] {
    width: clamp(80px, 25vw, 400px);
  }

  .w-\[clamp\(110px\,38vw\,400px\)\] {
    width: clamp(110px, 38vw, 400px);
  }

  .w-\[min\(48\%\,560px\)\] {
    width: min(48%, 560px);
  }

  .w-\[min\(92\%\,34rem\)\] {
    width: min(92%, 34rem);
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[8\.5rem\] {
    max-width: 8.5rem;
  }

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

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[62\%\] {
    max-width: 62%;
  }

  .max-w-\[76\%\] {
    max-width: 76%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[88\%\] {
    max-width: 88%;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

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

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

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

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

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

  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }

  .max-w-full {
    max-width: 100%;
  }

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

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

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

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

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

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

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

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

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

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

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

  .shrink {
    flex-shrink: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

  .basis-36 {
    flex-basis: calc(var(--spacing) * 36);
  }

  .basis-full {
    flex-basis: 100%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-bottom {
    transform-origin: bottom;
  }

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

  .-translate-x-\[150\%\] {
    --tw-translate-x: calc(150% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-x-\[150\%\] {
    --tw-translate-x: 150%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

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

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

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

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

  .list-disc {
    list-style-type: disc;
  }

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

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

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

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

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

  .grid-cols-\[13rem_5rem_13rem_5rem_13rem_5rem_13rem_5rem_13rem_5rem_13rem\] {
    grid-template-columns: 13rem 5rem 13rem 5rem 13rem 5rem 13rem 5rem 13rem 5rem 13rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-rows-\[auto_3\.5rem_auto_3\.5rem_auto\] {
    grid-template-rows: auto 3.5rem auto 3.5rem auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :where(.divide-x-2 > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(2px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[\#cce5ef\] > :not(:last-child)) {
    border-color: #cce5ef;
  }

  :where(.divide-slate-800 > :not(:last-child)) {
    border-color: var(--color-slate-800);
  }

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

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

  .overflow-y-hidden {
    overflow-y: hidden;
  }

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

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

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

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

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

  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

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

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

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

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

  .rounded-\[25\%\] {
    border-radius: 25%;
  }

  .rounded-\[28\%\] {
    border-radius: 28%;
  }

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

  .rounded-\[30\%\] {
    border-radius: 30%;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[clamp\(\.75rem\,2vw\,1\.8rem\)\] {
    border-radius: clamp(.75rem, 2vw, 1.8rem);
  }

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

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

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

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

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

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

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

  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-b-\[45\%\] {
    border-bottom-right-radius: 45%;
    border-bottom-left-radius: 45%;
  }

  .rounded-br-sm {
    border-bottom-right-radius: var(--radius-sm);
  }

  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-bl-sm {
    border-bottom-left-radius: var(--radius-sm);
  }

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

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

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

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

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

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

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

  .border-\[clamp\(4px\,1vw\,12px\)\] {
    border-style: var(--tw-border-style);
    border-width: clamp(4px, 1vw, 12px);
  }

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

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

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

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

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

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

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

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

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

  .border-\[\#8B7355\] {
    border-color: #8b7355;
  }

  .border-\[\#58b832\] {
    border-color: #58b832;
  }

  .border-\[\#b9dceb\] {
    border-color: #b9dceb;
  }

  .border-\[\#c4b494\] {
    border-color: #c4b494;
  }

  .border-\[\#c7cbc5\] {
    border-color: #c7cbc5;
  }

  .border-\[\#c7cec5\] {
    border-color: #c7cec5;
  }

  .border-\[\#d9cf9c\] {
    border-color: #d9cf9c;
  }

  .border-\[\#ded9ca\] {
    border-color: #ded9ca;
  }

  .border-\[\#e9b900\] {
    border-color: #e9b900;
  }

  .border-\[\#eadb94\] {
    border-color: #eadb94;
  }

  .border-\[\#ffca00\] {
    border-color: #ffca00;
  }

  .border-\[\#ffca00\]\/25 {
    border-color: oklab(86.1333% .00171754 .176001 / .25);
  }

  .border-\[\#ffca00\]\/30 {
    border-color: oklab(86.1333% .00171754 .176001 / .3);
  }

  .border-\[\#ffca00\]\/35 {
    border-color: oklab(86.1333% .00171754 .176001 / .35);
  }

  .border-\[\#ffe28a\] {
    border-color: #ffe28a;
  }

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

  .border-amber-200\/80 {
    border-color: #fee685cc;
  }

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

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

  .border-amber-300\/40 {
    border-color: #ffd23666;
  }

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

  .border-amber-300\/50 {
    border-color: #ffd23680;
  }

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

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

  .border-amber-400\/30 {
    border-color: #fcbb004d;
  }

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

  .border-amber-400\/40 {
    border-color: #fcbb0066;
  }

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

  .border-amber-400\/60 {
    border-color: #fcbb0099;
  }

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

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

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

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

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

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

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

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

  .border-amber-700\/60 {
    border-color: #b7500099;
  }

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

  .border-amber-700\/70 {
    border-color: #b75000b3;
  }

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

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

  .border-amber-800\/70 {
    border-color: #953d00b3;
  }

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

  .border-amber-900\/60 {
    border-color: #7b330699;
  }

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

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

  .border-amber-950\/40 {
    border-color: #46190166;
  }

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

  .border-black\/20 {
    border-color: #0003;
  }

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

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

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

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

  .border-current\/25 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/25 {
      border-color: color-mix(in oklab, currentcolor 25%, transparent);
    }
  }

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

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

  .border-cyan-300\/30 {
    border-color: #53eafd4d;
  }

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

  .border-cyan-300\/40 {
    border-color: #53eafd66;
  }

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

  .border-cyan-300\/50 {
    border-color: #53eafd80;
  }

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

  .border-cyan-300\/80 {
    border-color: #53eafdcc;
  }

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

  .border-cyan-400\/20 {
    border-color: #00d2ef33;
  }

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

  .border-cyan-400\/25 {
    border-color: #00d2ef40;
  }

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

  .border-cyan-400\/30 {
    border-color: #00d2ef4d;
  }

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

  .border-cyan-700\/60 {
    border-color: #00749299;
  }

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

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

  .border-cyan-800\/60 {
    border-color: #005f7899;
  }

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

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

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

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

  .border-emerald-300\/50 {
    border-color: #5ee9b580;
  }

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

  .border-emerald-300\/60 {
    border-color: #5ee9b599;
  }

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

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

  .border-emerald-400\/20 {
    border-color: #00d29433;
  }

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

  .border-emerald-400\/25 {
    border-color: #00d29440;
  }

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

  .border-emerald-400\/30 {
    border-color: #00d2944d;
  }

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

  .border-emerald-400\/40 {
    border-color: #00d29466;
  }

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

  .border-emerald-400\/60 {
    border-color: #00d29499;
  }

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

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

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

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

  .border-emerald-800\/60 {
    border-color: #005f4699;
  }

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

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

  .border-fuchsia-300\/70 {
    border-color: #f2a9ffb3;
  }

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

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

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

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

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

  .border-fuchsia-800\/60 {
    border-color: #8a019499;
  }

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

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

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

  .border-gray-200\/40 {
    border-color: #e5e7eb66;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-purple-400\/40 {
    border-color: #c07eff66;
  }

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

  .border-purple-600\/50 {
    border-color: #9810fa80;
  }

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

  .border-purple-700\/60 {
    border-color: #8200da99;
  }

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

  .border-purple-800\/60 {
    border-color: #6e11b099;
  }

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

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

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

  .border-red-400\/25 {
    border-color: #ff656840;
  }

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

  .border-red-400\/40 {
    border-color: #ff656866;
  }

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

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

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

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

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

  .border-rose-300\/30 {
    border-color: #ffa2ae4d;
  }

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

  .border-rose-300\/50 {
    border-color: #ffa2ae80;
  }

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

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

  .border-rose-400\/40 {
    border-color: #ff667f66;
  }

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

  .border-rose-400\/60 {
    border-color: #ff667f99;
  }

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

  .border-rose-500\/40 {
    border-color: #ff235766;
  }

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

  .border-rose-500\/50 {
    border-color: #ff235780;
  }

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

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

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

  .border-rose-800\/60 {
    border-color: #a3003799;
  }

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

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

  .border-sky-300\/50 {
    border-color: #77d4ff80;
  }

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

  .border-sky-300\/60 {
    border-color: #77d4ff99;
  }

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

  .border-sky-400\/20 {
    border-color: #00bcfe33;
  }

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

  .border-sky-400\/30 {
    border-color: #00bcfe4d;
  }

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

  .border-sky-400\/40 {
    border-color: #00bcfe66;
  }

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

  .border-sky-400\/60 {
    border-color: #00bcfe99;
  }

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

  .border-sky-500\/20 {
    border-color: #00a5ef33;
  }

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

  .border-sky-500\/25 {
    border-color: #00a5ef40;
  }

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

  .border-sky-500\/30 {
    border-color: #00a5ef4d;
  }

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

  .border-sky-500\/40 {
    border-color: #00a5ef66;
  }

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

  .border-sky-500\/50 {
    border-color: #00a5ef80;
  }

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

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

  .border-sky-700\/50 {
    border-color: #0069a480;
  }

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

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

  .border-sky-800\/60 {
    border-color: #00598699;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .border-violet-300\/40 {
    border-color: #c4b4ff66;
  }

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

  .border-violet-300\/50 {
    border-color: #c4b4ff80;
  }

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

  .border-violet-300\/60 {
    border-color: #c4b4ff99;
  }

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

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

  .border-violet-400\/30 {
    border-color: #a685ff4d;
  }

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

  .border-violet-400\/50 {
    border-color: #a685ff80;
  }

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

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

  .border-violet-800\/50 {
    border-color: #5d0ec080;
  }

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

  .border-violet-800\/60 {
    border-color: #5d0ec099;
  }

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

  .border-violet-800\/70 {
    border-color: #5d0ec0b3;
  }

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

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

  .border-white\/8 {
    border-color: #ffffff14;
  }

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

  .border-white\/10 {
    border-color: #ffffff1a;
  }

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

  .border-white\/12 {
    border-color: #ffffff1f;
  }

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

  .border-white\/15 {
    border-color: #ffffff26;
  }

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

  .border-white\/20 {
    border-color: #fff3;
  }

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

  .border-white\/25 {
    border-color: #ffffff40;
  }

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

  .border-white\/30 {
    border-color: #ffffff4d;
  }

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

  .border-white\/40 {
    border-color: #fff6;
  }

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

  .border-white\/45 {
    border-color: #ffffff73;
  }

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

  .border-white\/55 {
    border-color: #ffffff8c;
  }

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

  .border-white\/70 {
    border-color: #ffffffb3;
  }

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

  .border-white\/75 {
    border-color: #ffffffbf;
  }

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

  .border-white\/80 {
    border-color: #fffc;
  }

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

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

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

  .border-t-\[\#ffca00\] {
    border-top-color: #ffca00;
  }

  .\!bg-emerald-400 {
    background-color: var(--color-emerald-400) !important;
  }

  .\!bg-indigo-400 {
    background-color: var(--color-indigo-400) !important;
  }

  .bg-\[\#9b72d2\] {
    background-color: #9b72d2;
  }

  .bg-\[\#42a5d9\] {
    background-color: #42a5d9;
  }

  .bg-\[\#58b832\] {
    background-color: #58b832;
  }

  .bg-\[\#07080b\] {
    background-color: #07080b;
  }

  .bg-\[\#07080b\]\/92 {
    background-color: oklab(13.4565% -.000125505 -.00722159 / .92);
  }

  .bg-\[\#101116\]\/95 {
    background-color: oklab(17.8876% .00115637 -.0103345 / .95);
  }

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

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

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

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

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

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

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

  .bg-\[\#efeee9\]\/84 {
    background-color: oklab(94.8499% -.000863135 .00668782 / .84);
  }

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

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

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

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

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

  .bg-\[\#ffca00\]\/5 {
    background-color: oklab(86.1333% .00171754 .176001 / .05);
  }

  .bg-\[\#ffca00\]\/8 {
    background-color: oklab(86.1333% .00171754 .176001 / .08);
  }

  .bg-\[\#ffca00\]\/10 {
    background-color: oklab(86.1333% .00171754 .176001 / .1);
  }

  .bg-\[\#ffca00\]\/12 {
    background-color: oklab(86.1333% .00171754 .176001 / .12);
  }

  .bg-\[\#ffca00\]\/15 {
    background-color: oklab(86.1333% .00171754 .176001 / .15);
  }

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

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

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

  .bg-amber-200\/80 {
    background-color: #fee685cc;
  }

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

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

  .bg-amber-300\/10 {
    background-color: #ffd2361a;
  }

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

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

  .bg-amber-400\/5 {
    background-color: #fcbb000d;
  }

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

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

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

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

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

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

  .bg-amber-500\/20 {
    background-color: #f99c0033;
  }

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

  .bg-amber-700\/10 {
    background-color: #b750001a;
  }

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

  .bg-amber-900\/45 {
    background-color: #7b330673;
  }

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

  .bg-amber-900\/60 {
    background-color: #7b330699;
  }

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

  .bg-amber-950\/20 {
    background-color: #46190133;
  }

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

  .bg-amber-950\/25 {
    background-color: #46190140;
  }

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

  .bg-amber-950\/30 {
    background-color: #4619014d;
  }

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

  .bg-amber-950\/40 {
    background-color: #46190166;
  }

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

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

  .bg-black\/15 {
    background-color: #00000026;
  }

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

  .bg-black\/20 {
    background-color: #0003;
  }

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

  .bg-black\/25 {
    background-color: #00000040;
  }

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

  .bg-black\/30 {
    background-color: #0000004d;
  }

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

  .bg-black\/35 {
    background-color: #00000059;
  }

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

  .bg-black\/40 {
    background-color: #0006;
  }

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

  .bg-black\/45 {
    background-color: #00000073;
  }

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

  .bg-black\/55 {
    background-color: #0000008c;
  }

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

  .bg-black\/60 {
    background-color: #0009;
  }

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

  .bg-black\/70 {
    background-color: #000000b3;
  }

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

  .bg-black\/75 {
    background-color: #000000bf;
  }

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

  .bg-black\/80 {
    background-color: #000c;
  }

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

  .bg-black\/90 {
    background-color: #000000e6;
  }

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

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

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

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

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

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

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

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

  .bg-cyan-400\/15 {
    background-color: #00d2ef26;
  }

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

  .bg-cyan-500\/5 {
    background-color: #00b7d70d;
  }

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

  .bg-cyan-500\/15 {
    background-color: #00b7d726;
  }

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

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

  .bg-cyan-950\/20 {
    background-color: #05334533;
  }

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

  .bg-cyan-950\/25 {
    background-color: #05334540;
  }

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

  .bg-cyan-950\/30 {
    background-color: #0533454d;
  }

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

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

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

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

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

  .bg-emerald-400\/5 {
    background-color: #00d2940d;
  }

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

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

  .bg-emerald-500\/5 {
    background-color: #00bb7f0d;
  }

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

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

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

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

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

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

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

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

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

  .bg-emerald-950\/20 {
    background-color: #002c2233;
  }

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

  .bg-emerald-950\/30 {
    background-color: #002c224d;
  }

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

  .bg-emerald-950\/35 {
    background-color: #002c2259;
  }

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

  .bg-emerald-950\/90 {
    background-color: #002c22e6;
  }

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

  .bg-fuchsia-50\/40 {
    background-color: #fdf4ff66;
  }

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

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

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

  .bg-fuchsia-500\/15 {
    background-color: #e12afb26;
  }

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

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

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

  .bg-fuchsia-950\/10 {
    background-color: #4b004f1a;
  }

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

  .bg-fuchsia-950\/20 {
    background-color: #4b004f33;
  }

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

  .bg-fuchsia-950\/40 {
    background-color: #4b004f66;
  }

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

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

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

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

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

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

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

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

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

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

  .bg-indigo-50\/40 {
    background-color: #eef2ff66;
  }

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

  .bg-indigo-50\/60 {
    background-color: #eef2ff99;
  }

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

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

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

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

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

  .bg-indigo-500\/15 {
    background-color: #625fff26;
  }

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

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

  .bg-indigo-950\/20 {
    background-color: #1e1a4d33;
  }

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

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

  .bg-purple-500\/20 {
    background-color: #ac4bff33;
  }

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

  .bg-purple-950\/20 {
    background-color: #3c036633;
  }

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

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

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

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

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

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

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

  .bg-red-950\/20 {
    background-color: #46080933;
  }

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

  .bg-red-950\/30 {
    background-color: #4608094d;
  }

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

  .bg-red-950\/60 {
    background-color: #46080999;
  }

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

  .bg-red-950\/80 {
    background-color: #460809cc;
  }

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

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

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

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

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

  .bg-rose-500\/15 {
    background-color: #ff235726;
  }

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

  .bg-rose-950\/20 {
    background-color: #4d021833;
  }

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

  .bg-rose-950\/30 {
    background-color: #4d02184d;
  }

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

  .bg-rose-950\/35 {
    background-color: #4d021859;
  }

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

  .bg-rose-950\/40 {
    background-color: #4d021866;
  }

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

  .bg-rose-950\/60 {
    background-color: #4d021899;
  }

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

  .bg-rose-950\/90 {
    background-color: #4d0218e6;
  }

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

  .bg-sky-50\/40 {
    background-color: #f0f9ff66;
  }

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

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

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

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

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

  .bg-sky-500\/5 {
    background-color: #00a5ef0d;
  }

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

  .bg-sky-500\/10 {
    background-color: #00a5ef1a;
  }

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

  .bg-sky-500\/15 {
    background-color: #00a5ef26;
  }

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

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

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

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

  .bg-sky-950\/20 {
    background-color: #052f4a33;
  }

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

  .bg-sky-950\/30 {
    background-color: #052f4a4d;
  }

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

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

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

  .bg-slate-400\/90 {
    background-color: #90a1b9e6;
  }

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

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

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

  .bg-slate-800\/80 {
    background-color: #1d293dcc;
  }

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

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

  .bg-slate-900\/60 {
    background-color: #0f172b99;
  }

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

  .bg-slate-900\/95 {
    background-color: #0f172bf2;
  }

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

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

  .bg-slate-950\/35 {
    background-color: #02061859;
  }

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

  .bg-slate-950\/50 {
    background-color: #02061880;
  }

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

  .bg-slate-950\/60 {
    background-color: #02061899;
  }

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

  .bg-slate-950\/70 {
    background-color: #020618b3;
  }

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

  .bg-slate-950\/75 {
    background-color: #020618bf;
  }

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

  .bg-slate-950\/76 {
    background-color: #020618c2;
  }

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

  .bg-slate-950\/78 {
    background-color: #020618c7;
  }

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

  .bg-slate-950\/80 {
    background-color: #020618cc;
  }

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

  .bg-slate-950\/82 {
    background-color: #020618d1;
  }

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

  .bg-slate-950\/84 {
    background-color: #020618d6;
  }

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

  .bg-slate-950\/85 {
    background-color: #020618d9;
  }

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

  .bg-slate-950\/88 {
    background-color: #020618e0;
  }

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

  .bg-slate-950\/90 {
    background-color: #020618e6;
  }

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

  .bg-slate-950\/94 {
    background-color: #020618f0;
  }

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

  .bg-slate-950\/95 {
    background-color: #020618f2;
  }

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

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

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

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

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

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

  .bg-violet-50\/50 {
    background-color: #f5f3ff80;
  }

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

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

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

  .bg-violet-400\/5 {
    background-color: #a685ff0d;
  }

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

  .bg-violet-500\/5 {
    background-color: #8d54ff0d;
  }

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

  .bg-violet-500\/10 {
    background-color: #8d54ff1a;
  }

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

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

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

  .bg-violet-500\/20 {
    background-color: #8d54ff33;
  }

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

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

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

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

  .bg-violet-950\/20 {
    background-color: #2f0d6833;
  }

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

  .bg-violet-950\/25 {
    background-color: #2f0d6840;
  }

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

  .bg-violet-950\/50 {
    background-color: #2f0d6880;
  }

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

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

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

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

  .bg-white\/8 {
    background-color: #ffffff14;
  }

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

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

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

  .bg-white\/15 {
    background-color: #ffffff26;
  }

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

  .bg-white\/20 {
    background-color: #fff3;
  }

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

  .bg-white\/55 {
    background-color: #ffffff8c;
  }

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

  .bg-white\/60 {
    background-color: #fff9;
  }

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

  .bg-white\/65 {
    background-color: #ffffffa6;
  }

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

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

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

  .bg-white\/75 {
    background-color: #ffffffbf;
  }

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

  .bg-white\/80 {
    background-color: #fffc;
  }

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

  .bg-white\/82 {
    background-color: #ffffffd1;
  }

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

  .bg-white\/84 {
    background-color: #ffffffd6;
  }

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

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

  .bg-white\/95 {
    background-color: #fffffff2;
  }

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

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.045\] {
    background-color: #ffffff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
  }

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

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

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

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

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

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

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:linear-gradient\(rgba\(255\,255\,255\,\.8\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,\.8\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#fffc 1px, #0000 1px), linear-gradient(90deg, #fffc 1px, #0000 1px);
  }

  .bg-\[linear-gradient\(180deg\,\#fffaf0_0\%\,\#f4e3bd_100\%\)\] {
    background-image: linear-gradient(#fffaf0 0%, #f4e3bd 100%);
  }

  .bg-\[radial-gradient\(circle\,rgba\(63\,63\,70\,0\.22\)\,transparent_68\%\)\] {
    background-image: radial-gradient(circle, #3f3f4638, #0000 68%);
  }

  .bg-\[radial-gradient\(circle\,rgba\(251\,191\,36\,0\.16\)\,transparent_68\%\)\] {
    background-image: radial-gradient(circle, #fbbf2429, #0000 68%);
  }

  .bg-\[radial-gradient\(circle_at_18\%_18\%\,rgba\(255\,202\,0\,0\.13\)\,transparent_31\%\)\,radial-gradient\(circle_at_82\%_80\%\,rgba\(37\,99\,235\,0\.12\)\,transparent_34\%\)\] {
    background-image: radial-gradient(circle at 18% 18%, #ffca0021, #0000 31%), radial-gradient(circle at 82% 80%, #2563eb1f, #0000 34%);
  }

  .bg-\[radial-gradient\(circle_at_50\%_45\%\,transparent_20\%\,rgba\(2\,6\,23\,\.28\)_78\%\,rgba\(2\,6\,23\,\.62\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 45%, #0000 20%, #02061747 78%, #0206179e 100%);
  }

  .bg-\[radial-gradient\(circle_at_82\%_4\%\,rgba\(255\,202\,0\,0\.14\)\,transparent_34\%\)\,radial-gradient\(circle_at_8\%_46\%\,rgba\(30\,64\,175\,0\.10\)\,transparent_30\%\)\] {
    background-image: radial-gradient(circle at 82% 4%, #ffca0024, #0000 34%), radial-gradient(circle at 8% 46%, #1e40af1a, #0000 30%);
  }

  .bg-\[radial-gradient\(circle_at_center\,\#164e63\,\#312e81_54\%\,\#020617\)\] {
    background-image: radial-gradient(circle, #164e63, #312e81 54%, #020617);
  }

  .bg-\[radial-gradient\(circle_at_top_left\,\#f8fafc_0\,\#dbeafe_38\%\,\#f1f5f9_100\%\)\] {
    background-image: radial-gradient(circle at 0 0, #f8fafc 0, #dbeafe 38%, #f1f5f9 100%);
  }

  .bg-\[radial-gradient\(circle_at_top_left\,\#fae8ff_0\,\#e0f2fe_42\%\,\#f8fafc_100\%\)\] {
    background-image: radial-gradient(circle at 0 0, #fae8ff 0, #e0f2fe 42%, #f8fafc 100%);
  }

  .bg-\[radial-gradient\(circle_at_top_left\,\#fef3c7_0\,\#dcfce7_40\%\,\#eff6ff_100\%\)\] {
    background-image: radial-gradient(circle at 0 0, #fef3c7 0, #dcfce7 40%, #eff6ff 100%);
  }

  .from-\[\#111216\] {
    --tw-gradient-from: #111216;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

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

  .from-amber-800 {
    --tw-gradient-from: var(--color-amber-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/30 {
    --tw-gradient-from: #0000004d;
  }

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

  .from-black\/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));
  }

  .from-black\/45 {
    --tw-gradient-from: #00000073;
  }

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

  .from-black\/45 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-fuchsia-950\/70 {
    --tw-gradient-from: #4b004fb3;
  }

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

  .from-fuchsia-950\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-400 {
    --tw-gradient-from: var(--color-orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-400 {
    --tw-gradient-from: var(--color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-400 {
    --tw-gradient-from: var(--color-red-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-800 {
    --tw-gradient-from: var(--color-sky-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-950 {
    --tw-gradient-from: var(--color-sky-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-\[4\%\] {
    --tw-gradient-from-position: 4%;
  }

  .via-amber-800 {
    --tw-gradient-via: var(--color-amber-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-cyan-50 {
    --tw-gradient-via: var(--color-cyan-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-emerald-800 {
    --tw-gradient-via: var(--color-emerald-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-950 {
    --tw-gradient-via: var(--color-indigo-950);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-300 {
    --tw-gradient-via: var(--color-orange-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-900 {
    --tw-gradient-via: var(--color-slate-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-950\/45 {
    --tw-gradient-via: #02061873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-slate-950\/45 {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
    }
  }

  .via-slate-950\/45 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-yellow-300 {
    --tw-gradient-via: var(--color-yellow-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-800 {
    --tw-gradient-to: var(--color-amber-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-amber-950 {
    --tw-gradient-to: var(--color-amber-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-black\/15 {
    --tw-gradient-to: #00000026;
  }

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

  .to-black\/15 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

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

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

  .to-fuchsia-400 {
    --tw-gradient-to: var(--color-fuchsia-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .to-indigo-950 {
    --tw-gradient-to: var(--color-indigo-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

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

  .to-rose-400 {
    --tw-gradient-to: var(--color-rose-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-sky-950\/70 {
    --tw-gradient-to: #052f4ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-sky-950\/70 {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-950) 70%, transparent);
    }
  }

  .to-sky-950\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .to-slate-950\/90 {
    --tw-gradient-to: #020618e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-slate-950\/90 {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-950) 90%, transparent);
    }
  }

  .to-slate-950\/90 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-950\/20 {
    --tw-gradient-to: #2f0d6833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-violet-950\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
    }
  }

  .to-violet-950\/20 {
    --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));
  }

  .\[mask-image\:linear-gradient\(to_bottom\,black_78\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 78%, #0000 100%);
    mask-image: linear-gradient(#000 78%, #0000 100%);
  }

  .\[background-size\:48px_48px\] {
    background-size: 48px 48px;
  }

  .bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-none {
    fill: none;
  }

  .stroke-current {
    stroke: currentColor;
  }

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

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

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

  .object-\[50\%_12\%\] {
    object-position: 50% 12%;
  }

  .object-top {
    object-position: top;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pb-\[18px\] {
    padding-bottom: 18px;
  }

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

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

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

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

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

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

  .align-top {
    vertical-align: top;
  }

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

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

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

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

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

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

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

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

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

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

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

  .text-\[\.6rem\] {
    font-size: .6rem;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[clamp\(\.6rem\,1\.7vw\,1\.4rem\)\] {
    font-size: clamp(.6rem, 1.7vw, 1.4rem);
  }

  .text-\[clamp\(\.7rem\,1\.8vw\,1\.5rem\)\] {
    font-size: clamp(.7rem, 1.8vw, 1.5rem);
  }

  .text-\[clamp\(\.7rem\,2vw\,1\.7rem\)\] {
    font-size: clamp(.7rem, 2vw, 1.7rem);
  }

  .text-\[clamp\(\.9rem\,2vw\,1\.35rem\)\] {
    font-size: clamp(.9rem, 2vw, 1.35rem);
  }

  .text-\[clamp\(\.42rem\,1\.05vw\,\.9rem\)\] {
    font-size: clamp(.42rem, 1.05vw, .9rem);
  }

  .text-\[clamp\(\.65rem\,1\.4vw\,1rem\)\] {
    font-size: clamp(.65rem, 1.4vw, 1rem);
  }

  .text-\[clamp\(1\.8rem\,5vw\,3\.8rem\)\] {
    font-size: clamp(1.8rem, 5vw, 3.8rem);
  }

  .text-\[clamp\(1\.15rem\,2\.5vw\,1\.75rem\)\] {
    font-size: clamp(1.15rem, 2.5vw, 1.75rem);
  }

  .text-\[clamp\(1\.35rem\,3vw\,2\.5rem\)\] {
    font-size: clamp(1.35rem, 3vw, 2.5rem);
  }

  .text-\[clamp\(2rem\,6vw\,5\.5rem\)\] {
    font-size: clamp(2rem, 6vw, 5.5rem);
  }

  .text-\[clamp\(2rem\,6vw\,6rem\)\] {
    font-size: clamp(2rem, 6vw, 6rem);
  }

  .text-\[clamp\(6rem\,18vw\,14rem\)\] {
    font-size: clamp(6rem, 18vw, 14rem);
  }

  .text-\[clamp\(7px\,1vw\,15px\)\] {
    font-size: clamp(7px, 1vw, 15px);
  }

  .text-\[clamp\(7rem\,20vw\,14rem\)\] {
    font-size: clamp(7rem, 20vw, 14rem);
  }

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

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

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

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

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

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

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

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

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

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

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

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

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

  .tracking-\[\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

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

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

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

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#3b7c1b\] {
    color: #3b7c1b;
  }

  .text-\[\#3f8d22\] {
    color: #3f8d22;
  }

  .text-\[\#5e624f\] {
    color: #5e624f;
  }

  .text-\[\#6b706f\] {
    color: #6b706f;
  }

  .text-\[\#222a2a\] {
    color: #222a2a;
  }

  .text-\[\#355a6b\] {
    color: #355a6b;
  }

  .text-\[\#777c78\] {
    color: #777c78;
  }

  .text-\[\#858b87\] {
    color: #858b87;
  }

  .text-\[\#4285f4\] {
    color: #4285f4;
  }

  .text-\[\#56605f\] {
    color: #56605f;
  }

  .text-\[\#77735f\] {
    color: #77735f;
  }

  .text-\[\#263238\] {
    color: #263238;
  }

  .text-\[\#527080\] {
    color: #527080;
  }

  .text-\[\#566460\] {
    color: #566460;
  }

  .text-\[\#626966\] {
    color: #626966;
  }

  .text-\[\#ffca00\] {
    color: #ffca00;
  }

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

  .text-amber-100\/80 {
    color: #fef3c6cc;
  }

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

  .text-amber-200 {
    color: var(--color-amber-200);
  }

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

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

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

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

  .text-blue-200 {
    color: var(--color-blue-200);
  }

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

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-cyan-100 {
    color: var(--color-cyan-100);
  }

  .text-cyan-200 {
    color: var(--color-cyan-200);
  }

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

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-cyan-800 {
    color: var(--color-cyan-800);
  }

  .text-cyan-900 {
    color: var(--color-cyan-900);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-200 {
    color: var(--color-emerald-200);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-fuchsia-100 {
    color: var(--color-fuchsia-100);
  }

  .text-fuchsia-100\/70 {
    color: #fae8ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fuchsia-100\/70 {
      color: color-mix(in oklab, var(--color-fuchsia-100) 70%, transparent);
    }
  }

  .text-fuchsia-100\/80 {
    color: #fae8ffcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fuchsia-100\/80 {
      color: color-mix(in oklab, var(--color-fuchsia-100) 80%, transparent);
    }
  }

  .text-fuchsia-100\/90 {
    color: #fae8ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fuchsia-100\/90 {
      color: color-mix(in oklab, var(--color-fuchsia-100) 90%, transparent);
    }
  }

  .text-fuchsia-200 {
    color: var(--color-fuchsia-200);
  }

  .text-fuchsia-300 {
    color: var(--color-fuchsia-300);
  }

  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }

  .text-fuchsia-700 {
    color: var(--color-fuchsia-700);
  }

  .text-fuchsia-950 {
    color: var(--color-fuchsia-950);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-indigo-100 {
    color: var(--color-indigo-100);
  }

  .text-indigo-100\/70 {
    color: #e0e7ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-indigo-100\/70 {
      color: color-mix(in oklab, var(--color-indigo-100) 70%, transparent);
    }
  }

  .text-indigo-200 {
    color: var(--color-indigo-200);
  }

  .text-indigo-400 {
    color: var(--color-indigo-400);
  }

  .text-indigo-500 {
    color: var(--color-indigo-500);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-indigo-950 {
    color: var(--color-indigo-950);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-purple-100 {
    color: var(--color-purple-100);
  }

  .text-purple-100\/70 {
    color: #f3e8ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-purple-100\/70 {
      color: color-mix(in oklab, var(--color-purple-100) 70%, transparent);
    }
  }

  .text-purple-200 {
    color: var(--color-purple-200);
  }

  .text-red-100 {
    color: var(--color-red-100);
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-rose-100 {
    color: var(--color-rose-100);
  }

  .text-rose-200 {
    color: var(--color-rose-200);
  }

  .text-rose-200\/75 {
    color: #ffccd3bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-rose-200\/75 {
      color: color-mix(in oklab, var(--color-rose-200) 75%, transparent);
    }
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-sky-50 {
    color: var(--color-sky-50);
  }

  .text-sky-100 {
    color: var(--color-sky-100);
  }

  .text-sky-100\/60 {
    color: #dff2fe99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sky-100\/60 {
      color: color-mix(in oklab, var(--color-sky-100) 60%, transparent);
    }
  }

  .text-sky-100\/70 {
    color: #dff2feb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sky-100\/70 {
      color: color-mix(in oklab, var(--color-sky-100) 70%, transparent);
    }
  }

  .text-sky-200 {
    color: var(--color-sky-200);
  }

  .text-sky-300 {
    color: var(--color-sky-300);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-sky-800 {
    color: var(--color-sky-800);
  }

  .text-sky-950 {
    color: var(--color-sky-950);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-teal-800 {
    color: var(--color-teal-800);
  }

  .text-teal-900 {
    color: var(--color-teal-900);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-100 {
    color: var(--color-violet-100);
  }

  .text-violet-100\/75 {
    color: #ede9febf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-violet-100\/75 {
      color: color-mix(in oklab, var(--color-violet-100) 75%, transparent);
    }
  }

  .text-violet-200 {
    color: var(--color-violet-200);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-700\/80 {
    color: #7008e7cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-violet-700\/80 {
      color: color-mix(in oklab, var(--color-violet-700) 80%, transparent);
    }
  }

  .text-violet-800 {
    color: var(--color-violet-800);
  }

  .text-violet-950 {
    color: var(--color-violet-950);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-yellow-200 {
    color: var(--color-yellow-200);
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .text-zinc-100 {
    color: var(--color-zinc-100);
  }

  .text-zinc-200 {
    color: var(--color-zinc-200);
  }

  .text-zinc-300 {
    color: var(--color-zinc-300);
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .text-zinc-600 {
    color: var(--color-zinc-600);
  }

  .text-zinc-900 {
    color: var(--color-zinc-900);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .accent-amber-400 {
    accent-color: var(--color-amber-400);
  }

  .accent-emerald-400 {
    accent-color: var(--color-emerald-400);
  }

  .\[color-scheme\:dark\] {
    color-scheme: dark;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-95 {
    opacity: .95;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.045\] {
    opacity: .045;
  }

  .mix-blend-color {
    mix-blend-mode: color;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-4px_12px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 -4px 12px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(226\,232\,240\,\.8\)\,0_0_22px_rgba\(15\,23\,42\,\.4\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #e2e8f0cc), 0 0 22px var(--tw-shadow-color, #0f172a66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_14px_rgba\(255\,202\,0\,0\.55\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, #ffca008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(16\,185\,129\,\.42\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #10b9816b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_30px_rgba\(255\,202\,0\,0\.18\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, #ffca002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_20px_rgba\(15\,23\,42\,\.35\)\] {
    --tw-shadow: 0 8px 20px var(--tw-shadow-color, #0f172a59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_35px_rgba\(255\,202\,0\,0\.18\)\] {
    --tw-shadow: 0 10px 35px var(--tw-shadow-color, #ffca002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: 0 18px 48px var(--tw-shadow-color, #00000047);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_rgba\(2\,6\,23\,\.55\)\] {
    --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0206178c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_90px_rgba\(0\,0\,0\,\.55\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, #0000008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,\.7\)\,0_5px_12px_rgba\(45\,24\,8\,\.38\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffffb3), 0 5px 12px var(--tw-shadow-color, #2d180861);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,\.65\)\,0_3px_7px_rgba\(57\,32\,10\,\.28\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffffa6), 0 3px 7px var(--tw-shadow-color, #39200a47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_35px_rgba\(15\,23\,42\,\.45\)\,0_20px_40px_rgba\(15\,23\,42\,\.35\)\] {
    --tw-shadow: inset 0 0 35px var(--tw-shadow-color, #0f172a73), 0 20px 40px var(--tw-shadow-color, #0f172a59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-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);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[rgba\(255\,202\,0\,0\.16\)\] {
    --tw-shadow-color: #ffca0029;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(255\,202\,0\,0\.16\)\] {
      --tw-shadow-color: color-mix(in oklab, #ffca0029 var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(255\,202\,0\,0\.18\)\] {
    --tw-shadow-color: #ffca002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(255\,202\,0\,0\.18\)\] {
      --tw-shadow-color: color-mix(in oklab, #ffca002e var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(255\,202\,0\,0\.25\)\] {
    --tw-shadow-color: #ffca0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(255\,202\,0\,0\.25\)\] {
      --tw-shadow-color: color-mix(in oklab, #ffca0040 var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-amber-950\/35 {
    --tw-shadow-color: #46190159;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-amber-950\/35 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-950) 35%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/30 {
    --tw-shadow-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/35 {
    --tw-shadow-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/35 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 35%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/45 {
    --tw-shadow-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/45 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 45%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/60 {
    --tw-shadow-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/60 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/70 {
    --tw-shadow-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/70 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[\#fec942\]\/50 {
    --tw-ring-color: oklab(86.0673% .0100836 .155342 / .5);
  }

  .ring-amber-300\/50 {
    --tw-ring-color: #ffd23680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-300\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent);
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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,  );
  }

  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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,  );
  }

  .drop-shadow-\[0_0_40px_rgba\(103\,232\,249\,\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 40px var(--tw-drop-shadow-color, #67e8f9e6));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_5px_5px_rgba\(15\,23\,42\,\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 5px 5px var(--tw-drop-shadow-color, #0f172a73));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_8px_12px_rgba\(15\,23\,42\,\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 12px var(--tw-drop-shadow-color, #0f172a66));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_8px_18px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 18px var(--tw-drop-shadow-color, #000000b3));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_12px_16px_rgba\(0\,0\,0\,\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 12px 16px var(--tw-drop-shadow-color, #00000080));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_12px_28px_rgba\(217\,70\,239\,\.65\)\] {
    --tw-drop-shadow-size: drop-shadow(0 12px 28px var(--tw-drop-shadow-color, #d946efa6));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_14px_18px_rgba\(15\,23\,42\,\.28\)\] {
    --tw-drop-shadow-size: drop-shadow(0 14px 18px var(--tw-drop-shadow-color, #0f172a47));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-\[0_24px_28px_rgba\(0\,0\,0\,\.48\)\] {
    --tw-drop-shadow-size: drop-shadow(0 24px 28px var(--tw-drop-shadow-color, #0000007a));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,  );
  }

  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    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,  );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    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,  );
  }

  .drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .saturate-\[0\.92\] {
    --tw-saturate: saturate(.92);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .filter {
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .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,  );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,  );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--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,  );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,  );
  }

  .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(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,box-shadow\,color\] {
    transition-property: background-color, box-shadow, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[380ms\] {
    --tw-duration: .38s;
    transition-duration: .38s;
  }

  .duration-\[1400ms\] {
    --tw-duration: 1.4s;
    transition-duration: 1.4s;
  }

  .ease-\[cubic-bezier\(\.22\,\.9\,\.26\,1\)\] {
    --tw-ease: cubic-bezier(.22,.9,.26,1);
    transition-timing-function: cubic-bezier(.22, .9, .26, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .placeholder\:text-zinc-700::placeholder {
    color: var(--color-zinc-700);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-4:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }

  .before\:bottom-4:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 4);
  }

  .before\:left-\[7px\]:before {
    content: var(--tw-content);
    left: 7px;
  }

  .before\:w-0\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .before\:bg-\[\#d4d7d2\]:before {
    content: var(--tw-content);
    background-color: #d4d7d2;
  }

  .first\:ps-0:first-child {
    padding-inline-start: calc(var(--spacing) * 0);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pe-0:last-child {
    padding-inline-end: calc(var(--spacing) * 0);
  }

  .read-only\:cursor-not-allowed:read-only {
    cursor: not-allowed;
  }

  .read-only\:text-slate-400:read-only {
    color: var(--color-slate-400);
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-amber-300:hover {
      border-color: var(--color-amber-300);
    }

    .hover\:border-blue-400:hover {
      border-color: var(--color-blue-400);
    }

    .hover\:border-cyan-200:hover {
      border-color: var(--color-cyan-200);
    }

    .hover\:border-cyan-400:hover {
      border-color: var(--color-cyan-400);
    }

    .hover\:border-cyan-500:hover {
      border-color: var(--color-cyan-500);
    }

    .hover\:border-emerald-300:hover {
      border-color: var(--color-emerald-300);
    }

    .hover\:border-gray-400:hover {
      border-color: var(--color-gray-400);
    }

    .hover\:border-rose-300:hover {
      border-color: var(--color-rose-300);
    }

    .hover\:border-sky-300:hover {
      border-color: var(--color-sky-300);
    }

    .hover\:border-slate-500:hover {
      border-color: var(--color-slate-500);
    }

    .hover\:border-slate-700:hover {
      border-color: var(--color-slate-700);
    }

    .hover\:border-violet-300:hover {
      border-color: var(--color-violet-300);
    }

    .hover\:border-white\/25:hover {
      border-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/25:hover {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:bg-\[\#f0e8d0\]:hover {
      background-color: #f0e8d0;
    }

    .hover\:bg-\[\#ffd84d\]:hover {
      background-color: #ffd84d;
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-200:hover {
      background-color: var(--color-amber-200);
    }

    .hover\:bg-amber-300:hover {
      background-color: var(--color-amber-300);
    }

    .hover\:bg-amber-300\/10:hover {
      background-color: #ffd2361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
      }
    }

    .hover\:bg-amber-400:hover {
      background-color: var(--color-amber-400);
    }

    .hover\:bg-amber-600:hover {
      background-color: var(--color-amber-600);
    }

    .hover\:bg-amber-950\/40:hover {
      background-color: #46190166;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-950\/40:hover {
        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
      }
    }

    .hover\:bg-black\/75:hover {
      background-color: #000000bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/75:hover {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }

    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }

    .hover\:bg-cyan-100:hover {
      background-color: var(--color-cyan-100);
    }

    .hover\:bg-cyan-200:hover {
      background-color: var(--color-cyan-200);
    }

    .hover\:bg-cyan-300:hover {
      background-color: var(--color-cyan-300);
    }

    .hover\:bg-cyan-400\/25:hover {
      background-color: #00d2ef40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-400\/25:hover {
        background-color: color-mix(in oklab, var(--color-cyan-400) 25%, transparent);
      }
    }

    .hover\:bg-cyan-700:hover {
      background-color: var(--color-cyan-700);
    }

    .hover\:bg-cyan-950:hover {
      background-color: var(--color-cyan-950);
    }

    .hover\:bg-emerald-200:hover {
      background-color: var(--color-emerald-200);
    }

    .hover\:bg-emerald-300:hover {
      background-color: var(--color-emerald-300);
    }

    .hover\:bg-emerald-400:hover {
      background-color: var(--color-emerald-400);
    }

    .hover\:bg-emerald-700:hover {
      background-color: var(--color-emerald-700);
    }

    .hover\:bg-fuchsia-200:hover {
      background-color: var(--color-fuchsia-200);
    }

    .hover\:bg-fuchsia-500:hover {
      background-color: var(--color-fuchsia-500);
    }

    .hover\:bg-fuchsia-950:hover {
      background-color: var(--color-fuchsia-950);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-300:hover {
      background-color: var(--color-gray-300);
    }

    .hover\:bg-indigo-50:hover {
      background-color: var(--color-indigo-50);
    }

    .hover\:bg-indigo-100:hover {
      background-color: var(--color-indigo-100);
    }

    .hover\:bg-indigo-200:hover {
      background-color: var(--color-indigo-200);
    }

    .hover\:bg-indigo-400:hover {
      background-color: var(--color-indigo-400);
    }

    .hover\:bg-indigo-600:hover {
      background-color: var(--color-indigo-600);
    }

    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700);
    }

    .hover\:bg-indigo-900\/40:hover {
      background-color: #312c8566;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-indigo-900\/40:hover {
        background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
      }
    }

    .hover\:bg-red-200:hover {
      background-color: var(--color-red-200);
    }

    .hover\:bg-rose-500\/10:hover {
      background-color: #ff23571a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
      }
    }

    .hover\:bg-sky-200:hover {
      background-color: var(--color-sky-200);
    }

    .hover\:bg-sky-300:hover {
      background-color: var(--color-sky-300);
    }

    .hover\:bg-sky-500\/10:hover {
      background-color: #00a5ef1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sky-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
      }
    }

    .hover\:bg-sky-950:hover {
      background-color: var(--color-sky-950);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-700:hover {
      background-color: var(--color-slate-700);
    }

    .hover\:bg-slate-800:hover {
      background-color: var(--color-slate-800);
    }

    .hover\:bg-slate-900:hover {
      background-color: var(--color-slate-900);
    }

    .hover\:bg-teal-200:hover {
      background-color: var(--color-teal-200);
    }

    .hover\:bg-violet-50:hover {
      background-color: var(--color-violet-50);
    }

    .hover\:bg-violet-200:hover {
      background-color: var(--color-violet-200);
    }

    .hover\:bg-violet-700:hover {
      background-color: var(--color-violet-700);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .hover\:bg-yellow-200:hover {
      background-color: var(--color-yellow-200);
    }

    .hover\:bg-zinc-100:hover {
      background-color: var(--color-zinc-100);
    }

    .hover\:bg-zinc-200:hover {
      background-color: var(--color-zinc-200);
    }

    .hover\:text-\[\#263238\]:hover {
      color: #263238;
    }

    .hover\:text-\[\#ffca00\]:hover {
      color: #ffca00;
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }

    .hover\:text-cyan-100:hover {
      color: var(--color-cyan-100);
    }

    .hover\:text-cyan-200:hover {
      color: var(--color-cyan-200);
    }

    .hover\:text-fuchsia-800:hover {
      color: var(--color-fuchsia-800);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-indigo-700:hover {
      color: var(--color-indigo-700);
    }

    .hover\:text-indigo-800:hover {
      color: var(--color-indigo-800);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-sky-200:hover {
      color: var(--color-sky-200);
    }

    .hover\:text-sky-800:hover {
      color: var(--color-sky-800);
    }

    .hover\:text-slate-200:hover {
      color: var(--color-slate-200);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      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,  );
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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,  );
    }
  }

  .focus\:border-\[\#ffca00\]:focus {
    border-color: #ffca00;
  }

  .focus\:border-\[\#ffca00\]\/70:focus {
    border-color: oklab(86.1333% .00171754 .176001 / .7);
  }

  .focus\:border-amber-300:focus {
    border-color: var(--color-amber-300);
  }

  .focus\:border-cyan-300:focus {
    border-color: var(--color-cyan-300);
  }

  .focus\:ring-2: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);
  }

  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[\#ffca00\]\/15:focus {
    --tw-ring-color: oklab(86.1333% .00171754 .176001 / .15);
  }

  .focus\:ring-\[\#ffca00\]\/40:focus {
    --tw-ring-color: oklab(86.1333% .00171754 .176001 / .4);
  }

  .focus\:ring-cyan-300:focus {
    --tw-ring-color: var(--color-cyan-300);
  }

  .focus\:ring-indigo-200:focus {
    --tw-ring-color: var(--color-indigo-200);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[\#263238\]:focus-visible {
    --tw-ring-color: #263238;
  }

  .focus-visible\:ring-\[\#ffca00\]:focus-visible {
    --tw-ring-color: #ffca00;
  }

  .focus-visible\:ring-white:focus-visible {
    --tw-ring-color: var(--color-white);
  }

  .active\:translate-y-\[2px\]:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:shadow-none:active {
    --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);
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:border-gray-200:disabled {
    border-color: var(--color-gray-200);
  }

  .disabled\:bg-gray-100:disabled {
    background-color: var(--color-gray-100);
  }

  .disabled\:bg-slate-700:disabled {
    background-color: var(--color-slate-700);
  }

  .disabled\:text-gray-300:disabled {
    color: var(--color-gray-300);
  }

  .disabled\:text-gray-400:disabled {
    color: var(--color-gray-400);
  }

  .disabled\:text-gray-600:disabled {
    color: var(--color-gray-600);
  }

  .disabled\:text-slate-400:disabled {
    color: var(--color-slate-400);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-2 {
      inset-inline: calc(var(--spacing) * 2);
    }

    .sm\:top-5 {
      top: calc(var(--spacing) * 5);
    }

    .sm\:top-14 {
      top: calc(var(--spacing) * 14);
    }

    .sm\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .sm\:bottom-2 {
      bottom: calc(var(--spacing) * 2);
    }

    .sm\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .sm\:bottom-auto {
      bottom: auto;
    }

    .sm\:left-3 {
      left: calc(var(--spacing) * 3);
    }

    .sm\:left-5 {
      left: calc(var(--spacing) * 5);
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:mx-8 {
      margin-inline: calc(var(--spacing) * 8);
    }

    .sm\:block {
      display: block;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:h-\[98px\] {
      height: 98px;
    }

    .sm\:max-h-\[calc\(100dvh-4rem\)\] {
      max-height: calc(100dvh - 4rem);
    }

    .sm\:min-h-\[72px\] {
      min-height: 72px;
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .sm\:w-\[98px\] {
      width: 98px;
    }

    .sm\:w-\[310px\] {
      width: 310px;
    }

    .sm\:w-\[clamp\(180px\,34vw\,400px\)\] {
      width: clamp(180px, 34vw, 400px);
    }

    .sm\:w-\[clamp\(240px\,40vw\,400px\)\] {
      width: clamp(240px, 40vw, 400px);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:rounded-\[2rem\] {
      border-radius: 2rem;
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .sm\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }

    .sm\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:top-2 {
      top: calc(var(--spacing) * 2);
    }

    .md\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .md\:bottom-16 {
      bottom: calc(var(--spacing) * 16);
    }

    .md\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .md\:mb-1 {
      margin-bottom: calc(var(--spacing) * 1);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:h-3 {
      height: calc(var(--spacing) * 3);
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:max-h-none {
      max-height: none;
    }

    .md\:min-h-\[7rem\] {
      min-height: 7rem;
    }

    .md\:w-3 {
      width: calc(var(--spacing) * 3);
    }

    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .md\:gap-x-0 {
      column-gap: calc(var(--spacing) * 0);
    }

    .md\:gap-y-1 {
      row-gap: calc(var(--spacing) * 1);
    }

    .md\:overflow-hidden {
      overflow: hidden;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .md\:border-l-4 {
      border-left-style: var(--tw-border-style);
      border-left-width: 4px;
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:shadow-\[-4px_0_12px_rgba\(0\,0\,0\,0\.3\)\] {
      --tw-shadow: -4px 0 12px var(--tw-shadow-color, #0000004d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[180px_minmax\(0\,1fr\)_140px_160px_auto\] {
      grid-template-columns: 180px minmax(0, 1fr) 140px 160px auto;
    }

    .lg\:grid-cols-\[240px_1fr\] {
      grid-template-columns: 240px 1fr;
    }

    .lg\:grid-cols-\[360px_1fr\] {
      grid-template-columns: 360px 1fr;
    }

    .lg\:grid-cols-\[380px_minmax\(0\,1fr\)\] {
      grid-template-columns: 380px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_150px_auto\] {
      grid-template-columns: minmax(0, 1fr) 150px auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_220px_auto\] {
      grid-template-columns: minmax(0, 1fr) 220px auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .lg\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }

    .xl\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .xl\:inline {
      display: inline;
    }

    .xl\:h-full {
      height: 100%;
    }

    .xl\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
      grid-template-columns: 260px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
      grid-template-columns: 360px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .xl\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
}

.pb-safe {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-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: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.placement-panel { padding:24px; min-height:500px; height:100%; max-height:100%; overflow-y:auto; color:#263238; font-size:16px; line-height:1.5; }
.placement-header { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; font-weight:800; letter-spacing:.08em; }
.placement-panel button { cursor:pointer; }
.placement-panel button:disabled { cursor:default; opacity:.48; }
.placement-panel button:focus-visible, .placement-panel summary:focus-visible { outline:3px solid #197590; outline-offset:3px; }
.placement-panel h2 { font-size:23px; line-height:1.25; font-weight:800; letter-spacing:-.025em; margin:12px 0 18px; }
.placement-panel h2 span { font-size:17px; font-weight:600; }
.placement-panel h2:focus { outline:none; }
.placement-question-header { margin:20px 0; }
.placement-eyebrow { font-size:12px; text-transform:uppercase; letter-spacing:.075em; font-weight:800; }
.placement-eyebrow span { font-weight:500; text-transform:none; }
.placement-progress { height:6px; background:#d7d9d3; border-radius:8px; overflow:hidden; margin-top:10px; }
.placement-progress span { display:block; height:100%; background:#338659; transition:width .2s linear; }
.placement-skill { font-size:12px; font-weight:700; padding:4px 10px; border-radius:20px; color:#356245; background:#dcecd9; }
.placement-hebrew { font-family:Arial,sans-serif; font-size:29px; line-height:1.9; text-align:center; background:#fffaf0; border:1px solid #ded7c6; border-radius:14px; padding:16px 12px; margin:12px 0 18px; overflow-wrap:anywhere; }
.placement-options { display:grid; gap:10px; }
.placement-options button, .placement-matching button { border:1px solid #c9cfc6; border-bottom:3px solid #bdc6ba; border-radius:11px; background:#fff; padding:11px 14px; font-size:16px; font-weight:600; text-align:start; line-height:1.45; }
.placement-options button[lang=he], .placement-matching button[lang=he] { font-family:Arial,sans-serif; font-size:22px; line-height:1.6; }
.placement-options button:hover, .placement-matching button:not(:disabled):hover { background:#fff6cc; border-color:#b6a152; }
.placement-link { background:none; border:0; padding:6px 0; font-size:14px; font-weight:650; color:#47656b; text-decoration:underline; text-underline-offset:3px; }
.placement-skip { display:block; margin-top:20px; }
.placement-note { color:#566460; font-size:14px; line-height:1.5; margin:10px 0; }
.placement-matching { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0; }
.placement-matching > div { display:grid; grid-template-rows:repeat(3,minmax(66px,auto)); gap:9px; }
.placement-matching button { display:flex; align-items:center; gap:6px; padding:8px; font-size:13px; }
.placement-matching button[aria-pressed=true] { border-color:#9b7415; background:#fff1b0; }
.placement-matching button[data-linked=true] { background:#e0eae5; opacity:1; }
.placement-pair-number { display:inline-grid; place-items:center; border-radius:50%; width:22px; height:22px; flex-shrink:0; background:#cfded5; color:#365948; font:700 12px sans-serif; }
.placement-primary { display:block; width:100%; background:#ffca00; border:1px solid #d9ad00; border-bottom:3px solid #b89514; border-radius:10px; padding:11px 12px; color:#222a2a; font-size:15px; font-weight:800; margin:14px 0 8px; }
.placement-primary:not(:disabled):hover { background:#ffd630; }
.placement-speech { text-align:center; }
.placement-microphone { display:grid; place-items:center; margin:16px auto 8px; width:74px; height:74px; border-radius:50%; background:#fff; border:2px solid #788b80; color:#476454; touch-action:none; user-select:none; }
.placement-microphone svg { width:30px; height:36px; fill:currentColor; }
.placement-microphone svg path { stroke:currentColor; stroke-width:2; fill:none; }
.placement-microphone[data-recording=true] { background:#ba3640; color:white; border-color:#ba3640; animation:placement-recording 1.2s ease-in-out infinite; }
.placement-recording-status { min-height:24px; font-size:14px; font-weight:650; }
.placement-transcript { background:#fff; border:1px solid #c9cfc6; border-radius:12px; padding:12px; margin:12px 0; }
.placement-transcript p[lang=he] { font:22px/1.6 Arial,sans-serif; }
.placement-building { text-align:center; padding-top:48px; }
.placement-building h3 { font-size:21px; font-weight:750; }
.placement-building > p:not(.placement-eyebrow) { font-size:14px; margin:12px 0; }
.placement-path-animation { display:flex; align-items:center; justify-content:center; gap:18px; height:130px; }
.placement-path-animation i { width:22px; height:22px; border-radius:7px; background:#338659; animation:placement-path 1.6s ease-in-out infinite; }
.placement-path-animation i:nth-child(2) { animation-delay:.2s; }
.placement-path-animation i:nth-child(3) { animation-delay:.4s; }
.placement-path-animation i:nth-child(4) { animation-delay:.6s; }
.placement-skill-results { display:grid; gap:7px; margin:16px 0; font-size:14px; }
.placement-skill-results > div { display:flex; justify-content:space-between; gap:10px; padding-bottom:6px; border-bottom:1px solid #d6dcd3; }
.placement-skill-results dd { white-space:nowrap; font-weight:750; }
.placement-caution { font-size:13px; background:#fff6d6; border-radius:10px; padding:10px; }
.placement-method { font-size:13px; margin-top:12px; padding-top:10px; border-top:1px solid #bdc6ba; }
.placement-method summary { cursor:pointer; font-weight:700; }
.placement-method p { margin-top:10px; }
.placement-method a { text-decoration:underline; color:#176477; }
.placement-method ul { padding-left:20px; list-style:disc; margin-top:10px; }
.placement-result > .placement-link { width:100%; text-align:center; }
.placement-save-status { font-size:12px; color:#315d45; border-left:3px solid #659674; padding-left:9px; margin:10px 0; }
.placement-save-status button { display:block; font-size:12px; }
@keyframes placement-recording { 50% { box-shadow:0 0 0 9px #ba364020; } }
@keyframes placement-path { 50% { transform:translateY(-16px) rotate(45deg); background:#dcb529; } }
@media (max-width:420px) { .placement-panel { padding:20px 16px; } .placement-panel h2 { font-size:21px; } .placement-hebrew { font-size:26px; } }
@media (prefers-reduced-motion:reduce) { .placement-panel *, .placement-panel *::after { animation:none !important; transition:none !important; } }
.placement-profile-flash { position:absolute; inset:0; z-index:50; pointer-events:none; background:radial-gradient(ellipse at 65% 30%,#fff9df,#f9e19fa8 45%,transparent 80%); animation:placement-profile-flash .65s ease-out both; }
@keyframes placement-profile-flash { 0% {opacity:0} 22% {opacity:.9} 100% {opacity:0} }
.assessment-badge-item { width:104px; flex:none; display:flex; flex-direction:column; align-items:center; text-align:center; scroll-snap-align:start; }
.assessment-badge { width:98px; height:98px; position:relative; isolation:isolate; }
.assessment-badge-art { width:100%; height:100%; filter:drop-shadow(0 6px 10px #0008); }
.assessment-badge-name { margin-top:8px; font-size:12px; line-height:16px; font-weight:700; color:#f3f4f6; }
.assessment-badge-item[data-earned=false] .assessment-badge-name { color:#52525b; }
.badge-glass { position:absolute; inset:0; z-index:2; pointer-events:none; }
.badge-glass-intact, .badge-glass-surface, .badge-glass-fragment, .badge-glass-cracks, .badge-glass-reflection, .badge-glass-fragment-edge { position:absolute; inset:0; width:100%; height:100%; }
.badge-glass-surface, .badge-glass-cracks, .badge-glass-fragment-edge { mask-image:var(--badge-mask); mask-size:contain; mask-repeat:no-repeat; mask-position:center; mask-mode:alpha; }
.badge-glass-surface img { width:100%; height:100%; object-fit:contain; filter:grayscale(1) brightness(.73) contrast(.85); }
.badge-glass-reflection { background:linear-gradient(133deg,#e3ecf4a3 0%,#b8c4d747 22%,#e6effa91 24%,#91a0b247 29%,#69758855 57%,#cbd7e850 75%,#e9f2ff9c 77%,#8d9aaf66 81%); }
.badge-glass-cracks { opacity:0; }
.badge-glass-cracks svg, .badge-glass-fragment-edge { width:100%; height:100%; fill:none; stroke:#f0f7ff; stroke-width:.8; }
.badge-glass-fragment { opacity:0; transform-origin:center; }
.badge-glass-fragment .badge-glass-surface { filter:brightness(1.32); }
.badge-glass-fragment-edge { stroke-width:1.1; }
.badge-glass[data-breaking=true] .badge-glass-intact { animation:badge-glass-remove var(--glass-break-delay) steps(1,end) forwards; }
.badge-glass[data-breaking=true] .badge-glass-cracks { animation:badge-glass-crack var(--glass-break-delay) linear forwards; }
.badge-glass[data-breaking=true] .badge-glass-fragment { animation:badge-glass-flight var(--glass-flight-duration) cubic-bezier(.18,.62,.3,1) forwards; animation-delay:calc(var(--glass-break-delay) + var(--shard-delay)); }
@keyframes badge-glass-remove { from {opacity:1} to {opacity:0} }
@keyframes badge-glass-crack { 0%,30% {opacity:0} 50% {opacity:.5} 95% {opacity:1} 100% {opacity:0} }
@keyframes badge-glass-flight { 0% {opacity:1;transform:translate(0,0) rotate(0) scale(1)} 32% {opacity:1} 75% {opacity:.8} 100% {opacity:0;transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-rotation)) scale(.5)} }
.assessment-badge-charge { position:absolute; inset:2px; border-radius:50%; opacity:0; background:radial-gradient(circle,#fff8bd 0%,#ffc83f99 30%,transparent 72%); z-index:-1; }
.assessment-badge-lock { position:absolute; bottom:2px; right:2px; z-index:3; font-size:13px; background:#15171c; border:1px solid #ffffff33; border-radius:50%; width:22px; height:22px; display:grid; place-items:center; }
.assessment-badge-item[data-reveal-phase=badge] .assessment-badge-charge { animation:assessment-charge 1.6s ease-out both; }
.assessment-badge-item[data-reveal-phase=badge] .assessment-badge-art { animation:assessment-awaken 1.6s ease-out both; }
@keyframes assessment-charge { 0% {opacity:0;transform:scale(.65)} 45% {opacity:1;transform:scale(1.12)} 60% {opacity:1;transform:scale(1.55)} 100% {opacity:.3;transform:scale(1.1)} }
@keyframes assessment-awaken { 0%,40% {transform:scale(1)} 60% {transform:scale(1.13)} 100% {transform:scale(1)} }
.placement-stories-pending [data-story-card] { opacity:0; transform:translateX(45px) scale(.9); pointer-events:none; }
.placement-stories-reveal [data-story-card] { animation:placement-story-arrive .58s cubic-bezier(.16,.85,.3,1.12) both; animation-delay:calc(var(--reveal-index,0) * 140ms); }
@keyframes placement-story-arrive { from {opacity:0;translate:55px 0;scale:.9} to {opacity:1;translate:0 0;scale:1} }
.placement-progress-content { overflow-y:auto; max-height:100%; }
.placement-progress-content > * { flex-shrink:0; }
@media (prefers-reduced-motion:reduce) {
  .placement-profile-flash { display:none; }
  .assessment-badge-item *, .placement-stories-reveal [data-story-card] { animation:none !important; }
  .assessment-badge-item[data-earned=true] .badge-glass { display:none; }
  .placement-stories-pending [data-story-card] { opacity:1; transform:none; }
}
.home-language-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 28px;
  max-width: 1500px;
  margin: 12px auto 0;
  padding-top: 12px;
  border-top: 1px solid rgb(255 255 255 / 8%);
}
.home-target-languages {
  flex: 1 1 560px;
  min-width: 0;
  max-width: 900px;
  margin: 0;
  padding: 0;
  border: 0;
}
.home-native-language > span {
  margin-bottom: 7px;
  color: #a1a1aa;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.home-language-flags { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.home-language-flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  transform: translateY(4px);
  padding: 3px 0 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #c4c4cc;
  cursor: pointer;
}
.home-language-flag:focus-visible,
.home-native-language select:focus-visible { outline: 2px solid #ffca00; outline-offset: 4px; }
.home-flag-frame { width: 52px; height: 39px; border-radius: 4px; }
.home-flag-frame img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  outline: 1px solid rgb(255 255 255 / 20%);
  transition: filter .15s, opacity .15s;
}
.home-language-flag[data-state="available"] img { opacity: .58; filter: saturate(.7); }
.home-language-flag[data-state="available"]:hover img,
.home-language-flag[data-state="available"]:focus-visible img { opacity: 1; filter: none; }
.home-language-flag[data-state="selected"] { color: #ffca00; }
.home-language-flag[data-state="selected"] .home-flag-frame { outline: 2px solid #ffca00; outline-offset: 3px; }
.home-language-flag[data-state="unavailable"] { cursor: not-allowed; color: #73737e; }
.home-language-flag[data-state="unavailable"] img { filter: grayscale(1); opacity: .3; }
.home-flag-name { font-size: 11px; font-weight: 600; line-height: 16px; white-space: nowrap; }
.home-native-language { display: flex; flex-direction: column; flex-shrink: 0; max-width: 100%; }
.home-native-language select {
  width: 220px;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 7px;
  border: 1px solid rgb(255 255 255 / 15%);
  background: #14151c;
  color: #f4f4f5;
  font-size: 13px;
  color-scheme: dark;
  cursor: pointer;
}
@media (max-width: 480px) {
  .home-language-flags { gap: 3px; }
  .home-language-flag { min-height: 58px; }
  .home-flag-frame { width: 34px; height: 25.5px; }
  .home-flag-name { font-size: 10px; }
}
.featured-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ffffff14;
  background: #07080b;
}

.featured-story-main {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-top: clamp(190px, 44vw, 460px);
}

/* Preserve the full illustration; blend only its outer and lower edges. */
.featured-story-art {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
}

.featured-story-main::before {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0 0 auto;
  aspect-ratio: 1672 / 941;
  pointer-events: none;
  background: linear-gradient(0deg, #07080b 0%, rgba(7, 8, 11, .55) 12%, transparent 29%);
}

.featured-story-copy {
  position: relative;
  z-index: 2;
  isolation: isolate;
  padding: 12px 16px 32px;
}

.featured-story-copy::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -112px 0 0;
  max-width: 900px;
  pointer-events: none;
  background: linear-gradient(0deg, #07080b 0%, rgba(7, 8, 11, .98) 42%, rgba(7, 8, 11, .88) 66%, rgba(7, 8, 11, .42) 86%, transparent 100%);
  mask-image: linear-gradient(90deg, black 0%, black 48%, transparent 100%);
}

.featured-story-title { font-size: clamp(28px, 3vw, 38px); line-height: 1.05; }
.featured-story-assessment { position: relative; z-index: 2; min-width: 0; margin: 0 16px 32px; }

@media (min-width: 640px) {
  .featured-story-copy { padding: 12px 32px 36px; }
  .featured-story-assessment { margin: 0 32px 32px; }
}

@media (min-width: 1280px) {
  .featured-story {
    --featured-story-gutter: max(0px, calc((100vw - 1500px) / 2));
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 24px;
    padding-left: var(--featured-story-gutter);
    padding-right: calc(var(--featured-story-gutter) + 24px);
  }
  .featured-story-art {
    mask-image:
      linear-gradient(90deg, transparent 0%, black 7%, black 82%, transparent 100%),
      linear-gradient(0deg, transparent 0%, black 29%);
    mask-composite: intersect;
  }
  .featured-story-main::before {
    background: none;
  }
  .featured-story-copy::before { mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 48%, transparent 100%); }
  .featured-story-copy { padding: 12px 40px 36px; }
  .featured-story-assessment { margin: 0 0 32px; }
}
.recording-bubble-space {
  position: relative;
  z-index: 20;
  flex-shrink: 0;
  height: 88px;
  margin: 0 24px;
}
.recording-bubble-dock {
  position: absolute;
  right: 0;
  bottom: 18px;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
}
.recording-bubble-closed {
  position: relative;
  flex: 0 0 73px;
  width: 73px;
  height: 64px;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  transition: opacity .2s;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.recording-bubble-closed:disabled { cursor: default; }
.recording-bubble-closed:focus-visible { outline: 3px solid #398f78; outline-offset: 5px; }
.recording-bubble-closed img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 3px 3px #0f251d20); }
.recording-bubble-outline {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #ff6666;
  /* Subtract two sizes of the actual artwork to preserve its tail/silhouette. */
  mask-image: url('/assets/ui/speechbubble.png'), url('/assets/ui/speechbubble.png');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%, calc(100% - 4px) calc(100% - 4px);
  mask-composite: exclude;
  animation: recording-bubble-ring 1.5s ease-out infinite;
  transform-origin: 50% 44%;
}
.recording-bubble-outline.second { animation-delay: .75s; }
.recording-bubble-mic {
  position: absolute;
  left: 50%;
  top: 43%;
  width: 22px;
  height: 27px;
  fill: #88928c;
  transform: translate(-50%,-50%);
}
.recording-bubble-dock[data-recording=true] .recording-bubble-mic {
  fill: #ef4444;
  animation: recording-mic-pulse 1.5s ease-in-out infinite;
}
.recording-sentence-strip {
  flex: 1;
  min-width: 0;
  animation: recording-strip-enter .45s ease-out both;
  transform-origin: right center;
}
.recording-bubble-enter { animation: recording-control-enter .25s ease-out both; }
.recording-bubble-closed[data-submitting=true] .recording-bubble-mic { opacity: .45; }
.recording-bubble-next { fill: none; stroke: #202b27; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; width: 28px; height: 28px; }
@keyframes recording-strip-enter { from { opacity: 0; transform: scaleX(.08); } to { opacity: 1; transform: scaleX(1); } }
@keyframes recording-control-enter { from { opacity: 0; transform: translateY(35px) rotate(-35deg); } to { opacity: 1; transform: none; } }
.recording-bubble-error { position: absolute; right: 0; bottom: 86px; max-width: 260px; padding: 4px 8px; border-radius: 4px; background: #fff; color: #b91c1c; font-size: 12px; }
@keyframes recording-bubble-ring {
  0% { opacity: .8; transform: scale(1.02); }
  100% { opacity: 0; transform: scale(1.7); }
}
@keyframes recording-mic-pulse {
  0%,100% { opacity: 1; transform: translate(-50%,-50%) scale(1); }
  50% { opacity: .55; transform: translate(-50%,-50%) scale(.9); }
}
@media (prefers-reduced-motion: reduce) {
  .recording-bubble-outline { animation: none; opacity: .5; transform: scale(1.18); }
  .recording-bubble-outline.second { display: none; }
  .recording-bubble-dock[data-recording=true] .recording-bubble-mic { animation: none; }
  .recording-bubble-dock, .recording-bubble-closed { transition: none; }
  .recording-sentence-strip, .recording-bubble-enter { animation: none; }
}
.scene-preparation{width:100%;color:#fff}
.prep-actions{display:flex;justify-content:flex-end}.prep-skip{min-height:44px;padding:8px 18px;border:1px solid #ffffff65;border-radius:999px;background:transparent;color:#fffdf6;font:600 15px/1.3 system-ui,sans-serif;cursor:pointer}.prep-skip:hover{background:#ffffff14}
.scene-loading-preparation-overlay{padding:clamp(12px,4vw,48px);background:rgb(5 17 20 / .30);backdrop-filter:blur(2px);overflow-y:auto}
.scene-loading-preparation-panel{display:block;width:min(1060px,100%);max-width:1060px;max-height:calc(100dvh - 48px);min-height:0;padding:24px 22px 34px;border:2px solid #c3c9be;border-radius:32px;background:radial-gradient(ellipse at 0 0,#49717838,transparent 50%),linear-gradient(145deg,#193539ed,#102526f5 65%,#142e31ed);box-shadow:0 24px 64px #0007,inset 0 1px 0 #ffffff14;color:#092e35;overflow:auto;isolation:isolate;text-align:start;backdrop-filter:none}
.prep-mission-strip{display:flex;align-items:center;gap:18px;position:relative;min-height:196px;margin:8px 0 0;padding:16px 20px 16px 10px;border-radius:28px;background:linear-gradient(120deg,#fffaf0,#f9f4e8);color:#092e35}
.prep-mission-icon{width:178px;flex:0 0 17.5%;filter:drop-shadow(0 4px 2px #60371926)}
.prep-mission-copy{flex:1;min-width:0;padding:0 0 5px}
.prep-mission-label{display:inline-block;position:relative;font-size:26px;font-weight:800;letter-spacing:.1em;line-height:1.3}
.prep-mission-label::after{content:"";position:absolute;height:3px;background:#ffc72c;left:0;right:0;bottom:-4px;border-radius:100%}
.prep-mission-copy h1{font-family:PreparationChalk,cursive;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.2;margin:16px 0 12px}
.prep-mission-copy p{font-size:clamp(15px,1.6vw,23px);font-weight:400;line-height:1.35;margin:0}
.prep-mission-photo{position:relative;flex:0 0 28%;margin:-20px 9px -16px 0;padding:9px 9px 16px;border-radius:6px;background:#fffefa;transform:rotate(-4deg);box-shadow:0 6px 5px #0003}
.prep-mission-photo::before{content:"";position:absolute;z-index:1;width:32%;height:23px;left:33%;top:-12px;background:#ede8d4dd;transform:rotate(-9deg)}
.prep-mission-snapshot{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:2px}
.prep-photo-emphasis{position:absolute;width:30px;height:44px;pointer-events:none}
.prep-photo-emphasis-left{left:-45px;top:20%;transform:rotate(-8deg)}
.prep-photo-emphasis-right{right:-37px;bottom:20%;transform:scaleX(-1) rotate(-8deg)}
.prep-board{position:relative;width:100%;box-sizing:border-box;margin-top:16px;padding:20px 28px 0;border:0;border-top:1px solid #78929399;border-radius:0;background:none;box-shadow:none;text-align:center}
.prep-board h2{display:flex;justify-content:center;align-items:center;gap:.25em;flex-wrap:wrap;font-family:PreparationChalk,cursive;font-size:clamp(25px,3.4vw,44px);font-weight:700;line-height:1.4;margin:0;color:#fffdf6}
.prep-board h2 em{position:relative;font-style:normal;color:#ffd13d;white-space:nowrap}
.prep-board h2 em::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:60%;background:#ffd13d}
.prep-board h2>img{width:36px;height:50px;margin:0 12px}.prep-board h2>img:last-child{transform:scaleX(-1)}
.prep-swipe-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,370px) minmax(0,1fr);gap:24px;align-items:center;position:relative;isolation:isolate;min-height:345px;overflow:hidden;margin:12px -20px 8px;padding:24px 14px}
.prep-card-stack{position:relative;isolation:isolate;z-index:4;width:100%}
.prep-card-stack::before,.prep-card-stack::after,.prep-paper-layer{content:"";position:absolute;inset:0;border:1px solid #e0dccf;border-radius:14px;background:linear-gradient(90deg,transparent 0 40px,#ef6c6c70 40px 42px,transparent 42px),repeating-linear-gradient(to bottom,#f5f1e7 0,#f5f1e7 32px,#b8dced99 33px,#b8dced99 34px);transform:rotate(-6deg) translateY(2px);box-shadow:0 3px 4px #0003;pointer-events:none}
.prep-card-stack::after{transform:rotate(4deg) translateY(7px)}
.prep-paper-layer-one{transform:rotate(-2deg) translateY(11px);background-color:#faf6eb}
.prep-paper-layer-two{transform:rotate(1deg) translateY(5px);background-color:#fffaf0}
.prep-card{position:relative;z-index:1;box-sizing:border-box;width:100%;aspect-ratio:1.28;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 28px 82px 48px;border:1px solid #e6e1d4;border-radius:15px;background:linear-gradient(105deg,#aa8b6410,transparent 35%,#fff8),linear-gradient(90deg,transparent 0 40px,#ef6c6cb8 40px 42px,transparent 42px),repeating-linear-gradient(to bottom,#fcf9f0 0,#fcf9f0 32px,#a8cfe3 33px,#a8cfe3 34px);color:#082f36;box-shadow:0 8px 15px #0003,inset 0 1px 0 #fff;touch-action:none;user-select:none;cursor:grab;transition:transform 220ms ease,opacity 200ms ease;will-change:transform}
.prep-card[data-dragging=true]{cursor:grabbing;transition:none;box-shadow:0 15px 30px #0006}
.prep-card[data-prep-card]{z-index:2}
.prep-card-next{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:none}
.prep-word{font-size:clamp(35px,5vw,64px);font-weight:850;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
.prep-meaning{font-family:PreparationChalk,cursive;font-size:30px;font-weight:400;line-height:1.3;color:#173b40;max-width:100%}
.prep-speaker{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:66px;height:66px;padding:10px;border:3px solid #b9b9b0;border-radius:50%;background:#fcfaf1ed;color:#082f36;cursor:pointer}
.prep-speaker img{width:100%;height:100%}.prep-speaker[data-prep-audio=playing]{background:#e3f5e1;border-color:#469f68}
.prep-speaker:disabled{opacity:.4;cursor:default}
.prep-audio-unavailable{position:absolute;top:100%;white-space:nowrap;font-size:10px;line-height:1.3}
.prep-chalk-hint{position:relative;z-index:3;color:#fffdf8;font-family:PreparationChalk,cursive;font-size:26px;font-weight:400;line-height:1.2;pointer-events:none}
.prep-chalk-hint>span{display:block}.prep-chalk-hint img{display:block;width:135px;max-width:100%;height:50px;margin:22px auto 0}
.prep-hint-left>span{transform:rotate(-7deg)}.prep-hint-right>span{transform:rotate(6deg)}
.prep-board button:focus-visible,.prep-card:focus-visible{outline:3px dashed #f9cb3c;outline-offset:5px}
.prep-counters{display:flex;justify-content:space-between;font-family:PreparationChalk,cursive;font-size:23px;line-height:1.4;color:#fffdf5;text-align:left}
.prep-progress{height:18px;background:#536c6dcc;border-radius:20px;overflow:hidden;margin-top:5px;box-shadow:inset 0 1px 2px #0002}
.prep-progress>span{display:block;height:100%;background:#3ff256;border-radius:inherit;transition:width .22s ease}
.prep-trial-instruction{font-family:PreparationChalk,cursive;font-size:27px;font-weight:650;line-height:1.4;text-wrap:balance;display:flex;flex-direction:column;align-items:center;gap:16px}
.prep-trial-instruction svg{width:100px;height:34px;fill:none;stroke:#31565b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prep-board[data-stage=trial] .prep-card{padding:24px 26px 24px 48px}
.prep-done{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:PreparationChalk,cursive;color:#e7f3e3}
.prep-done strong{font-size:32px;font-weight:600;line-height:1.5;color:#344440}
.prep-completion-card{position:relative;width:min(370px,100%);min-height:190px;margin-top:20px;padding:32px 32px 32px 48px;justify-content:center;pointer-events:none}
.prep-start{border:1px solid #d6a846;border-radius:999px;background:#f4ca65;color:#29251c;padding:12px 48px;font:700 18px/1.2 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 0 #a27831}
.prep-start:hover:not(:disabled){background:#ffdb83}.prep-start:disabled{opacity:.5;cursor:wait}.prep-start:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:700px){
 .scene-loading-preparation-overlay{padding:12px}
 .scene-loading-preparation-panel{max-height:calc(100dvh - 24px);padding:14px 10px 18px;border-radius:24px}
 .prep-mission-strip{gap:10px;min-height:145px;padding:15px 12px;border-radius:18px;margin-top:0}
 .prep-mission-icon{flex-basis:12%;width:52px}
 .prep-mission-label{font-size:16px}.prep-mission-copy h1{font-size:28px;margin:10px 0 6px}.prep-mission-copy p{font-size:14px}
 .prep-mission-photo{flex-basis:25%;margin:0 2px 0 0;padding:5px 5px 10px}.prep-mission-photo::before{height:14px;top:-8px}
 .prep-photo-emphasis{display:none}
 .prep-board{margin-top:12px;padding:18px 9px 0}
 .prep-board h2{font-size:26px;gap:0 .2em}.prep-board h2>img{display:none}
 .prep-swipe-stage{grid-template-columns:1fr minmax(0,230px) 1fr;gap:5px;min-height:280px;margin:12px -12px 4px;padding:20px 7px}
 .prep-card{min-height:220px;padding:24px 12px 65px 32px;background:linear-gradient(90deg,transparent 0 22px,#ef6c6cb8 22px 24px,transparent 24px),repeating-linear-gradient(to bottom,#fffdf5 0,#fffdf5 28px,#b8dced 29px,#b8dced 30px)}
 .prep-word{font-size:38px}.prep-meaning{font-size:22px}.prep-speaker{height:44px;width:44px;padding:9px;bottom:14px}
 .prep-chalk-hint{font-size:16px;min-width:46px}.prep-chalk-hint img{height:30px;margin-top:14px}
 .prep-counters{font-size:19px}.prep-progress{height:12px}
 .prep-trial-instruction{font-size:22px}.prep-board[data-stage=trial] .prep-card{padding:20px 12px 20px 28px}
}
@media(max-width:450px){
 .prep-mission-strip{gap:8px}.prep-mission-icon{flex:0 0 38px}
 .prep-mission-copy{flex:1}.prep-mission-photo{flex:0 0 85px;margin-right:0}
 .prep-mission-copy h1{font-size:25px}.prep-mission-copy p{font-size:13px}
 .prep-swipe-stage{grid-template-columns:minmax(45px,1fr) minmax(0,210px) minmax(45px,1fr);gap:3px}
 .prep-chalk-hint{font-size:14px}.prep-card{min-height:205px}.prep-word{font-size:34px}.prep-meaning{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.prep-card,.prep-progress>span{transition:none}}
.conversation-results-overlay{position:absolute;inset:0;z-index:80;background:#101a205c;display:flex;align-items:center;justify-content:center;padding:36px clamp(24px,7vw,120px);color:#29352c;text-align:left}
.conversation-results-sheet{width:100%;max-width:920px;max-height:calc(100dvh - 96px);display:flex;flex-direction:column;background:#fffef8fa;border:1px solid #fff9;border-radius:24px;box-shadow:0 24px 80px #0005;overflow:hidden}
.results-hero{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:24px 28px 18px;flex:none}.results-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#687263;margin:0 0 5px}.results-hero h1{font-size:29px;font-weight:800;margin:0;line-height:1.2}.results-reward{flex:none;font-size:14px;font-weight:800;background:#fff1b2;border:1px solid #e9cf65;border-radius:10px;padding:10px 12px}
.results-scroll{min-height:0;overflow-y:auto;padding:0 28px 24px}.results-grade dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}.results-grade dl>div{padding:13px 12px;background:#f0f2e8;border:1px solid #e1e5d6;border-radius:12px}.results-grade dt{font-size:12px;line-height:1.4;min-height:34px}.results-grade dd{font-size:22px;line-height:1.25;font-weight:800;color:#236747;margin:5px 0 0}.results-grade small{display:block;font-size:10px;color:#626b58;margin-top:4px}
.results-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.conversation-results-sheet h2{font-size:15px;font-weight:800;margin:0 0 12px;line-height:1.4}.results-vocabulary h2{letter-spacing:1px}.results-vocabulary h2 span{color:#717965;font-size:12px;margin-left:5px}.results-words{display:flex;align-content:flex-start;flex-wrap:wrap;gap:7px;max-height:260px;overflow-y:auto;padding-right:5px}.results-words>div{border:1px solid #dedfd3;background:white;border-radius:9px;padding:7px 9px;display:flex;flex-direction:column;gap:3px;text-align:center}.results-words b{font-size:18px}.results-words small{font-size:11px;color:#69715f}
.results-lessons-list{max-height:260px;overflow-y:auto;padding-right:5px}.results-lesson{padding:12px;border:1px solid #dfe2d6;background:#f5f5eb;border-radius:12px;margin-bottom:10px}.results-lesson h3{font-size:13px;font-weight:700;margin:0}.results-lesson ul{list-style:disc;padding-left:18px;display:grid;gap:8px;font-size:12px;line-height:1.5;margin:10px 0 0}.results-empty{font-size:13px;color:#65715f}
.conversation-results-sheet footer{flex:none;border-top:1px solid #e4e4d8;padding:16px 24px;display:flex;justify-content:center;align-items:center;gap:12px}.conversation-results-sheet button{min-width:126px;min-height:44px;border-radius:10px;padding:10px 24px;font-weight:800;font-size:14px}.results-continue{background:#ffca00;border:1px solid #d8aa00;color:#292b19}.results-redo{background:transparent;border:1px solid #b6bdab;color:#4a5c42}.conversation-results-sheet button:focus-visible,.results-words:focus-visible,.results-lessons-list:focus-visible{outline:3px solid #235e40;outline-offset:2px}
@media(max-width:640px){.conversation-results-overlay{padding:28px 24px}.conversation-results-sheet{max-height:calc(100dvh - 76px);border-radius:18px}.results-hero{padding:18px 18px 14px;gap:10px}.results-hero h1{font-size:24px}.results-reward{font-size:11px;padding:8px}.results-scroll{padding:0 18px 18px}.results-grade dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.results-grade dl>div{padding:10px}.results-grade dt{font-size:11px;min-height:28px}.results-grade dd{font-size:20px}.results-body{grid-template-columns:1fr;gap:18px}.results-words{max-height:150px}.results-lessons-list{max-height:190px}.conversation-results-sheet h2{font-size:14px}.conversation-results-sheet footer{padding:13px 16px;gap:10px}.conversation-results-sheet button{min-width:0;flex:1;max-width:160px;padding:10px 15px}}

/* Two typographic points larger for regular English copy; Hebrew cards and
   the heading/score hierarchy retain their approved sizes. */
.conversation-results-sheet{--results-copy-increase:2pt}
.results-eyebrow{font-size:calc(11px + var(--results-copy-increase))}
.results-grade dt{font-size:calc(12px + var(--results-copy-increase));min-height:41px}
.results-grade small{font-size:calc(10px + var(--results-copy-increase))}
.results-words small{font-size:calc(11px + var(--results-copy-increase))}
.results-lesson h3,.results-empty{font-size:calc(13px + var(--results-copy-increase))}
.results-lesson ul{font-size:calc(12px + var(--results-copy-increase))}
.conversation-results-sheet button{font-size:calc(14px + var(--results-copy-increase))}
.results-reward{display:inline-flex;align-items:center;gap:6px}
.results-reward[data-reward-animating=true]{animation:coin-reward-badge 800ms ease-out}
.coin-reward-flight-layer{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}
.coin-reward-particle{position:absolute;display:block;width:25px;height:25px;margin:-12.5px;filter:drop-shadow(0 3px 3px #52360655);animation:coin-reward-flight 1000ms cubic-bezier(.35,0,.65,1) both}
[data-coin-animating=true] svg{animation:coin-wallet-pulse 650ms ease-in-out 2}
@keyframes coin-reward-flight{0%{opacity:0;transform:translate(0,0) scale(.7)}12%{opacity:1}45%{opacity:1;transform:translate(var(--coin-mid-x),var(--coin-mid-y)) scale(1.08)}85%{opacity:1}100%{opacity:0;transform:translate(var(--coin-dx),var(--coin-dy)) scale(.55)}}
@keyframes coin-reward-badge{0%{transform:scale(.94)}45%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes coin-wallet-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@media(max-width:640px){.results-grade dt{font-size:calc(11px + var(--results-copy-increase));min-height:36px}.results-hero{flex-wrap:wrap}.results-reward{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.coin-reward-flight-layer{display:none}.results-reward[data-reward-animating=true],[data-coin-animating=true] svg{animation:none}}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}