/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.390ncx5urfkfu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.21jp631_3pja2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

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

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [next]/internal/font/google/outfit_ca35ecd4.module.css [app-client] (css) */
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit Fallback;
  src: local(Arial);
  ascent-override: 100.18%;
  descent-override: 26.05%;
  line-gap-override: 0.0%;
  size-adjust: 99.82%;
}

.outfit_ca35ecd4-module__VNkuCW__className {
  font-family: Outfit, Outfit Fallback;
  font-style: normal;
}

.outfit_ca35ecd4-module__VNkuCW__variable {
  --font-outfit: "Outfit", "Outfit Fallback";
}

/* [next]/internal/font/google/lora_1ae38320.module.css [app-client] (css) */
@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/e7150917543fc9da-s.0mybutugvu-lq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/71fbf9c08529c2a5-s.2fpqrm51ez0iq.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/e9457141811d41ae-s.02frcczqg7k-8.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/ac34884600cd8d5d-s.2936i88_6qsfd.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/e1ccd2766b08c828-s.15gdzqknx46iu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/507a47c1876d4ec2-s.2qdkzeru_ecot.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/8c2eb9ceedecfc8e-s.p.23aeddxv5enbo.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Lora Fallback;
  src: local(Times New Roman);
  ascent-override: 87.33%;
  descent-override: 23.78%;
  line-gap-override: 0.0%;
  size-adjust: 115.2%;
}

.lora_1ae38320-module__0WfQHW__className {
  font-family: Lora, Lora Fallback;
  font-style: normal;
}

.lora_1ae38320-module__0WfQHW__variable {
  --font-lora: "Lora", "Lora Fallback";
}

/* [project]/apps/web/components/ui/writing-review.module.css [app-client] (css) */
.writing-review-module__VTmBGW__surface {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset: 0;
}

.writing-review-module__VTmBGW__highlight {
  border-bottom: 2px dotted color-mix(in oklch, var(--accent) 78%, #6c72d9);
  background: color-mix(in oklch, var(--accent) 7%, transparent);
  border-radius: 2px;
  transition: background-color .16s;
  position: absolute;
}

.writing-review-module__VTmBGW__highlight[data-severity="error"] {
  border-bottom-style: solid;
  border-bottom-color: var(--danger);
  background: color-mix(in oklch, var(--danger) 6%, transparent);
}

.writing-review-module__VTmBGW__highlight[data-selected="true"] {
  background: color-mix(in oklch, var(--accent) 16%, transparent);
}

.writing-review-module__VTmBGW__shimmer [data-writing-mirror-text], .writing-review-module__VTmBGW__richShimmer {
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(105deg, #648bcc 0%, #aa78cf 23%, #db7fa5 41%, #8cabd6 57%, #648bcc 76%, #aa78cf 100%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2.8s ease-in-out infinite writing-review-module__VTmBGW__writing-sweep;
}

.writing-review-module__VTmBGW__shimmer {
  opacity: .85;
}

.writing-review-module__VTmBGW__access {
  inset-inline-end: 3px;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  bottom: 3px;
}

.writing-review-module__VTmBGW__access:focus-within, .writing-review-module__VTmBGW__access[data-visible="true"] {
  pointer-events: auto;
  opacity: 1;
}

@keyframes writing-review-module__VTmBGW__writing-sweep {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: -140%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .writing-review-module__VTmBGW__shimmer [data-writing-mirror-text], .writing-review-module__VTmBGW__richShimmer {
    animation: none;
  }

  .writing-review-module__VTmBGW__highlight {
    transition: none;
  }
}

/* [project]/apps/web/app/globals.css [app-client] (css) */
@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-border-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-leading: initial;
      --tw-tracking: initial;
      --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-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-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-outline-style: solid;
      --tw-content: "";
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-red-900: #82181a;
    --color-red-950: #460809;
    --color-orange-50: #fff7ed;
    --color-orange-100: #ffedd5;
    --color-orange-200: #ffd7a8;
    --color-orange-300: #ffb96d;
    --color-orange-400: #ff8b1a;
    --color-orange-500: #fe6e00;
    --color-orange-600: #f05100;
    --color-orange-700: #c53c00;
    --color-orange-800: #9f2d00;
    --color-orange-900: #7e2a0c;
    --color-orange-950: #441306;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-amber-900: #7b3306;
    --color-amber-950: #461901;
    --color-yellow-50: #fefce8;
    --color-yellow-100: #fef9c2;
    --color-yellow-200: #fff085;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-yellow-600: #cd8900;
    --color-yellow-700: #a36100;
    --color-yellow-800: #874b00;
    --color-yellow-900: #733e0a;
    --color-yellow-950: #432004;
    --color-lime-600: #62a400;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-green-800: #016630;
    --color-green-900: #0d542b;
    --color-green-950: #032e15;
    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d0fae5;
    --color-emerald-200: #a4f4cf;
    --color-emerald-300: #5ee9b5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-800: #005f46;
    --color-emerald-900: #004e3b;
    --color-emerald-950: #002c22;
    --color-teal-100: #cbfbf1;
    --color-teal-200: #96f7e4;
    --color-teal-300: #46ecd5;
    --color-teal-400: #00d3bd;
    --color-teal-500: #00baa7;
    --color-teal-600: #009588;
    --color-teal-700: #00776e;
    --color-teal-800: #005f5a;
    --color-teal-900: #0b4f4a;
    --color-teal-950: #022f2e;
    --color-cyan-100: #cefafe;
    --color-cyan-300: #53eafd;
    --color-cyan-400: #00d2ef;
    --color-cyan-500: #00b7d7;
    --color-cyan-600: #0092b5;
    --color-cyan-700: #007492;
    --color-cyan-800: #005f78;
    --color-cyan-900: #104e64;
    --color-sky-50: #f0f9ff;
    --color-sky-100: #dff2fe;
    --color-sky-200: #b8e6fe;
    --color-sky-300: #77d4ff;
    --color-sky-400: #00bcfe;
    --color-sky-500: #00a5ef;
    --color-sky-600: #0084cc;
    --color-sky-700: #0069a4;
    --color-sky-800: #005986;
    --color-sky-900: #024a70;
    --color-sky-950: #052f4a;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bedbff;
    --color-blue-300: #90c5ff;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-blue-800: #193cb8;
    --color-blue-900: #1c398e;
    --color-blue-950: #162456;
    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2ff;
    --color-indigo-300: #a4b3ff;
    --color-indigo-400: #7d87ff;
    --color-indigo-500: #625fff;
    --color-indigo-600: #4f39f6;
    --color-indigo-700: #432dd7;
    --color-indigo-800: #372aac;
    --color-indigo-900: #312c85;
    --color-indigo-950: #1e1a4d;
    --color-violet-50: #f5f3ff;
    --color-violet-100: #ede9fe;
    --color-violet-200: #ddd6ff;
    --color-violet-300: #c4b4ff;
    --color-violet-400: #a685ff;
    --color-violet-500: #8d54ff;
    --color-violet-600: #7f22fe;
    --color-violet-700: #7008e7;
    --color-violet-800: #5d0ec0;
    --color-violet-900: #4d179a;
    --color-violet-950: #2f0d68;
    --color-purple-100: #f3e8ff;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d9b3ff;
    --color-purple-400: #c07eff;
    --color-purple-500: #ac4bff;
    --color-purple-600: #9810fa;
    --color-purple-700: #8200da;
    --color-purple-800: #6e11b0;
    --color-purple-900: #59168b;
    --color-purple-950: #3c0366;
    --color-fuchsia-600: #c600db;
    --color-pink-100: #fce7f3;
    --color-pink-300: #fda5d5;
    --color-pink-400: #fb64b6;
    --color-pink-500: #f6339a;
    --color-pink-600: #e30076;
    --color-pink-700: #c4005c;
    --color-pink-800: #a2004c;
    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #ffccd3;
    --color-rose-300: #ffa2ae;
    --color-rose-400: #ff667f;
    --color-rose-500: #ff2357;
    --color-rose-600: #e70044;
    --color-rose-700: #c20039;
    --color-rose-800: #a30037;
    --color-rose-900: #8b0836;
    --color-rose-950: #4d0218;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cad5e2;
    --color-slate-400: #90a1b9;
    --color-slate-500: #62748e;
    --color-slate-600: #45556c;
    --color-slate-700: #314158;
    --color-slate-800: #1d293d;
    --color-slate-900: #0f172b;
    --color-slate-950: #020618;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-gray-950: #030712;
    --color-zinc-50: #fafafa;
    --color-zinc-100: #f4f4f5;
    --color-zinc-200: #e4e4e7;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #9f9fa9;
    --color-zinc-500: #71717b;
    --color-zinc-600: #52525c;
    --color-zinc-700: #3f3f46;
    --color-zinc-800: #27272a;
    --color-zinc-900: #18181b;
    --color-zinc-950: #09090b;
    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a1a1a1;
    --color-neutral-500: #737373;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #171717;
    --color-neutral-950: #0a0a0a;
    --color-stone-200: #e7e5e4;
    --color-stone-400: #a6a09b;
    --color-stone-500: #79716b;
    --color-stone-700: #44403b;
    --color-stone-900: #1c1917;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-2xl: 96rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --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;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-xl: calc(var(--radius) + 4px);
    --radius-2xl: calc(var(--radius) * 2);
    --radius-3xl: calc(var(--radius) * 3);
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --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-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --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-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-surface: var(--surface);
    --color-surface-secondary: var(--surface-secondary);
    --color-surface-secondary-foreground: var(--surface-secondary-foreground);
    --color-surface-tertiary: var(--surface-tertiary);
    --color-muted: var(--muted);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-border: var(--border);
    --color-separator: var(--separator);
    --color-focus: var(--focus);
    --color-default: var(--default);
    --color-default-foreground: var(--foreground);
    --color-success: var(--success);
    --color-warning: var(--warning);
    --color-danger: var(--danger);
    --shadow-surface: var(--surface-shadow);
    --shadow-overlay: var(--overlay-shadow);
    --color-field-border: var(--field-border, var(--border));
    --border-width-field: var(--field-border-width, var(--border-width));
    --color-default-hover: var(--default-hover);
    --color-accent-hover: var(--accent-hover);
    --color-field-focus: var(--field-focus);
    --color-field-border-hover: var(--field-border-hover);
    --color-field-border-focus: var(--field-border-focus);
    --color-accent-soft: var(--accent-soft);
    --color-accent-soft-foreground: var(--accent-soft-foreground);
    --color-accent-soft-hover: var(--accent-soft-hover);
    --color-separator-secondary: var(--separator-secondary);
    --color-separator-tertiary: var(--separator-tertiary);
    --color-border-secondary: var(--border-secondary);
    --ease-smooth: ease;
    --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
    --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
    --ease-out-fluid: cubic-bezier(.32, .72, 0, 1);
    --ease-linear: linear;
    --font-body: var(--font-outfit);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-muted-foreground: var(--muted-foreground);
    --color-card: var(--card);
    --color-destructive: var(--destructive);
    --color-ring: var(--ring);
    --color-brand-blue: var(--brand-blue);
    --color-brand-blue-foreground: var(--brand-blue-foreground);
    --color-highlight: var(--highlight);
    --color-chart-1: var(--chart-1);
    --color-chart-2: var(--chart-2);
    --color-chart-4: var(--chart-4);
    --color-chart-5: var(--chart-5);
    --color-sidebar-primary: var(--sidebar-primary);
    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
    --color-glass: var(--glass);
    --color-glass-border: var(--glass-border);
    --color-surface-elevated: var(--surface-elevated);
    --color-surface-sunken: var(--surface-sunken);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-red-900: lab(28.5139% 44.5539 29.0463);
      --color-red-950: lab(13.003% 29.04 16.7519);
      --color-orange-50: lab(97.7008% 1.53735 5.90649);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-200: lab(88.4871% 9.94918 28.8378);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-400: lab(70.0429% 42.5156 75.8207);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-orange-700: lab(46.4615% 57.7275 70.8507);
      --color-orange-800: lab(37.1566% 46.6433 50.5562);
      --color-orange-900: lab(30.2951% 36.0434 37.671);
      --color-orange-950: lab(14.1747% 23.4515 19.4461);
      --color-amber-50: lab(98.6252% -.635922 8.42309);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8822% 37.1699 52.2718);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-amber-950: lab(15.8111% 20.9107 23.3752);
      --color-yellow-50: lab(98.6846% -1.79055 9.7766);
      --color-yellow-100: lab(97.3564% -4.51407 27.344);
      --color-yellow-200: lab(94.3433% -5.00429 52.9663);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-600: lab(62.7799% 22.4197 86.1544);
      --color-yellow-700: lab(47.8202% 25.2426 66.5015);
      --color-yellow-800: lab(38.7484% 23.5833 51.4916);
      --color-yellow-900: lab(32.3865% 21.1273 38.5959);
      --color-yellow-950: lab(16.8146% 15.7422 23.1133);
      --color-lime-600: lab(61.1055% -41.0235 73.1483);
      --color-green-50: lab(98.1563% -5.60117 2.75915);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-300: lab(86.9953% -47.2691 25.0054);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-green-900: lab(30.797% -29.6927 17.382);
      --color-green-950: lab(15.6845% -20.4225 11.7249);
      --color-emerald-50: lab(97.8462% -6.94966 1.85487);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-200: lab(90.2247% -31.039 9.47084);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-800: lab(35.3675% -33.1188 8.04002);
      --color-emerald-900: lab(28.8637% -26.9249 5.45986);
      --color-emerald-950: lab(15.0582% -17.9507 2.38369);
      --color-teal-100: lab(95.1845% -17.4212 -.425422);
      --color-teal-200: lab(90.7612% -33.1343 -.542295);
      --color-teal-300: lab(84.8977% -48.1516 -1.3321);
      --color-teal-400: lab(76.0109% -53.3483 -2.27906);
      --color-teal-500: lab(67.3859% -49.0983 -2.63511);
      --color-teal-600: lab(55.0223% -41.0774 -3.90277);
      --color-teal-700: lab(44.4134% -33.1436 -4.22149);
      --color-teal-800: lab(35.5975% -26.6648 -4.34487);
      --color-teal-900: lab(29.506% -21.4706 -3.59886);
      --color-teal-950: lab(16.6371% -15.3183 -3.81732);
      --color-cyan-100: lab(95.3146% -13.8285 -6.84732);
      --color-cyan-300: lab(85.3886% -36.7636 -21.5716);
      --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
      --color-cyan-500: lab(67.805% -35.3952 -30.2018);
      --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
      --color-cyan-700: lab(44.7267% -21.5987 -26.118);
      --color-cyan-800: lab(36.5114% -17.1989 -21.6292);
      --color-cyan-900: lab(30.372% -13.1853 -18.7887);
      --color-sky-50: lab(97.3623% -2.33802 -4.13098);
      --color-sky-100: lab(94.3709% -4.56053 -8.23453);
      --color-sky-200: lab(88.6983% -11.3978 -16.8488);
      --color-sky-300: lab(80.3307% -20.2945 -31.385);
      --color-sky-400: lab(70.687% -23.6078 -45.9483);
      --color-sky-500: lab(63.3038% -18.433 -51.0407);
      --color-sky-600: lab(51.7754% -11.4712 -49.8349);
      --color-sky-700: lab(41.6013% -9.10804 -42.5647);
      --color-sky-800: lab(35.164% -9.57692 -34.4068);
      --color-sky-900: lab(29.1959% -8.34689 -28.2453);
      --color-sky-950: lab(17.8299% -5.31271 -21.1584);
      --color-blue-50: lab(96.492% -1.14644 -5.11479);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-200: lab(86.15% -4.04379 -21.0797);
      --color-blue-300: lab(77.5052% -6.4629 -36.42);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-blue-800: lab(30.2514% 27.7853 -70.2699);
      --color-blue-900: lab(26.1542% 15.7545 -51.5504);
      --color-blue-950: lab(15.6723% 8.86232 -32.2945);
      --color-indigo-50: lab(95.4818% .411302 -6.78529);
      --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
      --color-indigo-200: lab(84.4329% 3.18977 -23.9688);
      --color-indigo-300: lab(74.0235% 8.54138 -41.6075);
      --color-indigo-400: lab(59.866% 22.4834 -64.4485);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
      --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
      --color-indigo-800: lab(26.6645% 37.9804 -68.6402);
      --color-indigo-900: lab(23.3911% 24.6978 -50.4718);
      --color-indigo-950: lab(12.4853% 14.9672 -31.3418);
      --color-violet-50: lab(96.2416% 2.28849 -5.51657);
      --color-violet-100: lab(93.0838% 4.35197 -9.88284);
      --color-violet-200: lab(87.0888% 8.53688 -19.4189);
      --color-violet-300: lab(76.7419% 18.3911 -37.0706);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-violet-800: lab(29.3188% 57.7986 -76.1493);
      --color-violet-900: lab(24.3783% 45.7525 -61.4902);
      --color-violet-950: lab(14.0706% 33.3353 -46.7553);
      --color-purple-100: lab(93.3333% 6.97437 -9.83434);
      --color-purple-200: lab(87.8405% 13.4282 -18.7159);
      --color-purple-300: lab(78.3298% 26.2195 -34.9499);
      --color-purple-400: lab(63.6946% 47.6127 -59.2066);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-purple-600: lab(43.0295% 75.21 -86.5669);
      --color-purple-700: lab(36.1758% 69.8525 -80.0381);
      --color-purple-800: lab(30.6017% 56.7637 -64.4751);
      --color-purple-900: lab(24.9401% 45.2703 -51.2728);
      --color-purple-950: lab(14.8253% 38.9005 -44.5861);
      --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363);
      --color-pink-100: lab(93.5864% 9.01193 -3.15079);
      --color-pink-300: lab(77.8308% 38.525 -10.5394);
      --color-pink-400: lab(64.5597% 64.3615 -12.7988);
      --color-pink-500: lab(56.9303% 76.8162 -8.07021);
      --color-pink-600: lab(49.5493% 79.8381 2.31768);
      --color-pink-700: lab(42.1737% 71.8009 7.42233);
      --color-pink-800: lab(34.9559% 60.2885 5.99639);
      --color-rose-50: lab(96.2369% 4.94155 1.28011);
      --color-rose-100: lab(92.8221% 9.86832 2.60075);
      --color-rose-200: lab(86.806% 19.1909 4.07754);
      --color-rose-300: lab(76.6339% 38.3549 9.68835);
      --color-rose-400: lab(64.4125% 63.0291 19.2068);
      --color-rose-500: lab(56.101% 79.4328 31.4532);
      --color-rose-600: lab(49.1882% 81.577 36.0311);
      --color-rose-700: lab(41.1651% 71.6251 30.3087);
      --color-rose-800: lab(34.6481% 60.802 20.1957);
      --color-rose-900: lab(29.7104% 51.514 12.6253);
      --color-rose-950: lab(14.2323% 34.0086 9.80922);
      --color-slate-50: lab(98.1434% -.369519 -1.05966);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-200: lab(91.7353% -.998765 -4.76968);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-slate-400: lab(65.5349% -2.25151 -14.5072);
      --color-slate-500: lab(48.0876% -2.03595 -16.5814);
      --color-slate-600: lab(35.5623% -1.74978 -15.4316);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
      --color-slate-800: lab(16.132% -.318035 -14.6672);
      --color-slate-900: lab(7.78673% 1.82345 -15.0537);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
      --color-gray-950: lab(1.90334% .278696 -5.48866);
      --color-zinc-50: lab(98.26% 0 0);
      --color-zinc-100: lab(96.1634% .0993311 -.364041);
      --color-zinc-200: lab(90.6853% .399232 -1.45452);
      --color-zinc-300: lab(84.9837% .601262 -2.17986);
      --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
      --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
      --color-zinc-600: lab(35.1166% 1.78212 -6.1173);
      --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
      --color-zinc-800: lab(15.7305% .613764 -2.16959);
      --color-zinc-900: lab(8.30603% .618205 -2.16572);
      --color-zinc-950: lab(2.51107% .242703 -.886115);
      --color-neutral-50: lab(98.26% 0 0);
      --color-neutral-100: lab(96.52% -.0000298023 .0000119209);
      --color-neutral-200: lab(90.952% 0 -.0000119209);
      --color-neutral-300: lab(84.92% 0 -.0000119209);
      --color-neutral-400: lab(66.128% -.0000298023 .0000119209);
      --color-neutral-500: lab(48.496% 0 0);
      --color-neutral-600: lab(34.924% 0 0);
      --color-neutral-700: lab(27.036% 0 0);
      --color-neutral-800: lab(15.204% 0 -.00000596046);
      --color-neutral-900: lab(7.78201% -.0000149012 0);
      --color-neutral-950: lab(2.75381% 0 0);
      --color-stone-200: lab(91.055% .663072 .865579);
      --color-stone-400: lab(66.2166% 1.88044 3.20326);
      --color-stone-500: lab(48.1164% 2.35701 4.26852);
      --color-stone-700: lab(27.3812% 1.32917 3.57789);
      --color-stone-900: lab(9.03835% 1.15298 1.92955);
    }
  }

  @layer theme {
    @layer base {
      :root, :host {
        --white: #fff;
        --black: #000;
        --snow: #fcfcfc;
        --eclipse: #18181b;
        --spacing: .25rem;
        --border-width: 1px;
        --field-border-width: 0px;
        --disabled-opacity: .5;
        --ring-offset-width: 2px;
        --cursor-interactive: pointer;
        --cursor-disabled: not-allowed;
        --radius: .5rem;
        --field-radius: calc(var(--radius) * 1.5);
        --accent: #0485f7;
        --accent-foreground: var(--snow);
        --success: #17c964;
        --success-foreground: var(--eclipse);
        --field-border: transparent;
        --skeleton-animation: shimmer;
        --tooltip-delay: 1.5s;
        --tooltip-close-delay: .5s;
      }

      @supports (color: lab(0% 0 0)) {
        :root, :host {
          --white: lab(100% 0 0);
          --black: lab(0% 0 0);
          --snow: lab(98.9676% -.0000298023 -.0000119209);
          --eclipse: lab(8.34178% .607349 -2.12998);
          --accent: lab(54.5335% 3.31545 -66.5298);
          --success: lab(71.4376% -59.4106 38.0321);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --lightningcss-light: initial;
        --lightningcss-dark: ;
        color-scheme: light;
        --background: #f5f5f5;
        --foreground: var(--eclipse);
        --surface: var(--white);
        --surface-foreground: var(--foreground);
        --surface-secondary: #efeff0;
        --surface-secondary-foreground: var(--foreground);
        --surface-tertiary: #eaeaeb;
        --surface-tertiary-foreground: var(--foreground);
        --overlay: var(--white);
        --overlay-foreground: var(--foreground);
        --muted: #71717a;
        --scrollbar: var(--scrollbar-thumb);
        --scrollbar-thumb: var(--foreground);
      }

      @supports (color: lab(0% 0 0)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --background: lab(96.5432% -.0000596046 0);
          --surface-secondary: lab(94.4672% .129223 -.473213);
          --surface-tertiary: lab(92.7156% .129253 -.473213);
          --muted: lab(47.8738% 1.41454 -4.98644);
        }
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --scrollbar-thumb: color-mix(in oklch, var(--foreground) 15%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --scrollbar-track: transparent;
        --scrollbar-gutter: auto;
        --scrollbar-width: thin;
        --scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
        --default: #ebebec;
        --default-foreground: var(--eclipse);
        --field-background: var(--white);
        --field-foreground: #18181b;
        --field-placeholder: var(--muted);
        --warning: #f5a524;
        --warning-foreground: var(--eclipse);
        --danger: #ff383c;
        --danger-foreground: var(--snow);
        --segment: var(--white);
        --segment-foreground: var(--eclipse);
        --border: #dedee0;
        --separator: #e4e4e7;
        --focus: var(--accent);
        --link: var(--foreground);
        --backdrop: #00000080;
        --surface-hover: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --background-secondary: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --background-secondary: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --background-tertiary: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --background-tertiary: color-mix(in oklab, var(--background) 92%, var(--foreground) 8%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --background-inverse: var(--foreground);
        --default-hover: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --accent-hover: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --success-hover: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --warning-hover: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --danger-hover: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --field-hover: var(--field-background, var(--default));
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --field-hover: color-mix(in oklab,
      var(--field-background, var(--default)) 90%,
      var(--field-foreground, var(--foreground)) 2%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --field-focus: var(--field-background, var(--default));
        --field-border-hover: var(--field-border, var(--border));
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --field-border-hover: color-mix(in oklab,
      var(--field-border, var(--border)) 88%,
      var(--field-foreground, var(--foreground)) 10%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --field-border-focus: var(--field-border, var(--border));
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --field-border-focus: color-mix(in oklab,
      var(--field-border, var(--border)) 74%,
      var(--field-foreground, var(--foreground)) 22%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --default-soft: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --default-soft: color-mix(in oklab, var(--default) 50%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --default-soft-foreground: var(--default-foreground);
        --default-soft-hover: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --default-soft-hover: color-mix(in oklab, var(--default) 60%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --accent-soft: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --accent-soft-foreground: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --accent-soft-foreground: color-mix(in oklab, var(--accent) 70%, var(--foreground) 30%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --accent-soft-hover: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --accent-soft-hover: color-mix(in oklab, var(--accent) 20%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --danger-soft: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --danger-soft-foreground: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --danger-soft-foreground: color-mix(in oklab, var(--danger) 70%, var(--foreground) 40%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --danger-soft-hover: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --warning-soft: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --warning-soft-foreground: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --warning-soft-foreground: color-mix(in oklab, var(--warning) 80%, var(--foreground) 70%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --warning-soft-hover: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --success-soft: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --success-soft: color-mix(in oklab, var(--success) 15%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --success-soft-foreground: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --success-soft-foreground: color-mix(in oklab, var(--success) 80%, var(--foreground) 60%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --success-soft-hover: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --separator-secondary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --separator-secondary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --separator-tertiary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --separator-tertiary: color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --border-secondary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --border-secondary: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --border-tertiary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
          --border-tertiary: color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%);
        }
      }

      :root, .light, .default, [data-theme="light"], [data-theme="default"], :host(.light), :host(.default), :host([data-theme="light"]), :host([data-theme="default"]) {
        --surface-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f,
      0 0 1px 0 #0000000f;
        --overlay-shadow: 0 2px 8px 0 #0000000f, 0 -6px 12px 0 #00000008,
      0 14px 28px 0 #00000014;
        --field-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f,
      0 0 1px 0 #0000000f;
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark;
        --background: #060607;
        --foreground: var(--snow);
        --surface: #18181b;
        --surface-foreground: var(--foreground);
        --surface-secondary: #232325;
        --surface-secondary-foreground: var(--foreground);
        --surface-tertiary: #262728;
        --surface-tertiary-foreground: var(--foreground);
        --overlay: #18181b;
        --overlay-foreground: var(--foreground);
        --muted: #9f9fa9;
        --scrollbar: var(--scrollbar-thumb);
        --scrollbar-thumb: var(--foreground);
      }

      @supports (color: lab(0% 0 0)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --background: lab(1.54547% .178337 -.64671);
          --surface: lab(8.34178% .607349 -2.12998);
          --surface-secondary: lab(13.7794% .374213 -1.34113);
          --surface-tertiary: lab(15.5629% -.291005 -.84582);
          --overlay: lab(8.34178% .607349 -2.12998);
          --muted: lab(65.6464% 1.53497 -5.42429);
        }
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --scrollbar-thumb: color-mix(in oklch, var(--foreground) 15%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --scrollbar-track: transparent;
        --scrollbar-gutter: auto;
        --scrollbar-width: thin;
        --scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
        --default: #27272a;
        --default-foreground: var(--snow);
        --field-background: #18181b;
        --field-foreground: var(--foreground);
        --field-placeholder: var(--muted);
        --warning: #f7b750;
        --warning-foreground: var(--eclipse);
        --danger: #db3b3e;
        --danger-foreground: var(--snow);
        --segment: #46464c;
        --segment-foreground: var(--foreground);
        --border: #28282c;
        --separator: #212124;
        --focus: var(--accent);
        --link: var(--foreground);
        --backdrop: #0009;
        --surface-shadow: 0 0 0 0 transparent inset;
        --overlay-shadow: 0 0 1px 0 #ffffff4d inset;
        --field-shadow: 0 0 0 0 transparent inset;
        --surface-hover: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --background-secondary: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --background-secondary: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --background-tertiary: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --background-tertiary: color-mix(in oklab, var(--background) 92%, var(--foreground) 8%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --background-inverse: var(--foreground);
        --default-hover: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --accent-hover: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --success-hover: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --warning-hover: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --danger-hover: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --field-hover: var(--field-background, var(--default));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --field-hover: color-mix(in oklab,
      var(--field-background, var(--default)) 90%,
      var(--field-foreground, var(--foreground)) 2%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --field-focus: var(--field-background, var(--default));
        --field-border-hover: var(--field-border, var(--border));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --field-border-hover: color-mix(in oklab,
      var(--field-border, var(--border)) 88%,
      var(--field-foreground, var(--foreground)) 10%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --field-border-focus: var(--field-border, var(--border));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --field-border-focus: color-mix(in oklab,
      var(--field-border, var(--border)) 74%,
      var(--field-foreground, var(--foreground)) 22%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --default-soft: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --default-soft: color-mix(in oklab, var(--default) 50%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --default-soft-foreground: var(--default-foreground);
        --default-soft-hover: var(--default);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --default-soft-hover: color-mix(in oklab, var(--default) 60%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --accent-soft: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --accent-soft: color-mix(in oklab, var(--accent) 12%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --accent-soft-foreground: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --accent-soft-foreground: color-mix(in oklab, var(--accent) 80%, var(--foreground) 30%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --accent-soft-hover: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --accent-soft-hover: color-mix(in oklab, var(--accent) 16%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --danger-soft: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --danger-soft-foreground: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --danger-soft-foreground: color-mix(in oklab, var(--danger) 80%, var(--foreground) 30%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --danger-soft-hover: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --warning-soft: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --warning-soft: color-mix(in oklab, var(--warning) 12%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --warning-soft-foreground: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --warning-soft-foreground: color-mix(in oklab, var(--warning) 80%, var(--foreground) 30%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --warning-soft-hover: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --warning-soft-hover: color-mix(in oklab, var(--warning) 16%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --success-soft: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --success-soft: color-mix(in oklab, var(--success) 12%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --success-soft-foreground: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --success-soft-foreground: color-mix(in oklab, var(--success) 80%, var(--foreground) 30%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --success-soft-hover: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --success-soft-hover: color-mix(in oklab, var(--success) 16%, transparent);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --separator-secondary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --separator-secondary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --separator-tertiary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --separator-tertiary: color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --border-secondary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --border-secondary: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
        }
      }

      .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
        --border-tertiary: var(--surface);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark, [data-theme="dark"], :host(.dark), :host([data-theme="dark"]) {
          --border-tertiary: color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%);
        }
      }

      [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
        --accent-soft-foreground: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
          --accent-soft-foreground: color-mix(in oklab, var(--accent) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
        --danger-soft-foreground: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
          --danger-soft-foreground: color-mix(in oklab, var(--danger) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
        --warning-soft-foreground: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
          --warning-soft-foreground: color-mix(in oklab, var(--warning) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
        --success-soft-foreground: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"]:not(.dark):not([data-theme="dark"]) {
          --success-soft-foreground: color-mix(in oklab, var(--success) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
        --accent-soft-foreground: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
          --accent-soft-foreground: color-mix(in oklab, var(--accent) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
        --danger-soft-foreground: var(--danger);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
          --danger-soft-foreground: color-mix(in oklab, var(--danger) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
        --warning-soft-foreground: var(--warning);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
          --warning-soft-foreground: color-mix(in oklab, var(--warning) 92%, var(--foreground) 8%);
        }
      }

      [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
        --success-soft-foreground: var(--success);
      }

      @supports (color: color-mix(in lab, red, red)) {
        [data-vibrant-palette="true"].dark, [data-vibrant-palette="true"][data-theme="dark"] {
          --success-soft-foreground: color-mix(in oklab, var(--success) 92%, var(--foreground) 8%);
        }
      }
    }
  }

  @layer components;

  :root {
    --chart-1: oklch(from var(--accent) calc(l - .24) c h);
    --chart-2: oklch(from var(--accent) calc(l - .12) c h);
    --chart-3: var(--accent);
    --chart-4: oklch(from var(--accent) calc(l + .12) c h);
    --chart-5: oklch(from var(--accent) calc(l + .24) c h);
  }
}

@layer base {
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 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;
  }

  @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);
      }
    }
  }

  ::-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;
  }

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

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

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

  *, :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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    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;
  }

  *, :after, :before, ::backdrop {
    border-color: var(--border, currentColor);
  }

  ::file-selector-button {
    border-color: var(--border, currentColor);
  }

  :root {
    view-transition-name: none;
    --z-index-overlay: 100000;
    --z-index-toast: calc(var(--z-index-overlay) + 1);
  }

  ::view-transition {
    pointer-events: none;
  }

  [data-scrollbar="thin"] {
    --scrollbar-width: thin;
    --scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    --scrollbar-gutter: auto;
  }

  [data-scrollbar="default"] {
    --scrollbar-width: auto;
    --scrollbar-color: auto;
    --scrollbar-gutter: auto;
  }

  [data-scrollbar="none"] {
    --scrollbar-width: none;
    --scrollbar-color: auto;
    --scrollbar-gutter: auto;
  }

  :root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --visual-viewport-height: 100dvh;
    --keyboard-inset-height: 0px;
    --keyboard-overlay-inset-height: 0px;
    --keyboard-usable-height: var(--visual-viewport-height);
    --keyboard-browser-toolbar-inset: 0px;
  }

  .dark {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  :root[data-theme="light"]:not([data-cinematic-theme]), :root[data-cinematic-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    background-color: #f8f5ef;
  }

  :root[data-theme="dark"]:not([data-cinematic-theme]), :root[data-cinematic-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    background-color: #141414;
  }

  :root[data-theme="light"]:not([data-cinematic-theme]) body, :root[data-cinematic-theme="light"] body {
    background-color: #f8f5ef;
  }

  :root[data-theme="dark"]:not([data-cinematic-theme]) body, :root[data-cinematic-theme="dark"] body {
    background-color: #141414;
  }

  :root:has([data-hero-scroll-trigger]) {
    background-color: #0a0a0a;
  }

  :root:has([data-hero-scroll-trigger]) body {
    background-color: #0a0a0a;
  }

  [data-marketing] {
    --background: #f8f5ef;
  }

  :is(.dark, [data-theme="dark"]) [data-marketing] {
    --background: #141414;
  }

  [data-participant-canvas] {
    --background: #f7f7f5;
    --surface-sunken: #f0f0ee;
  }

  :is(.dark, [data-theme="dark"]) [data-participant-canvas] {
    --background: #141414;
    --surface-sunken: #101010;
  }

  button, [role="button"], a, select, summary, [type="button"], [type="reset"], [type="submit"], label[for], input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
  }

  .logo-contrast img, img.logo-contrast {
    filter: drop-shadow(0 0 1px #0009) drop-shadow(0 0 3px #0000004d) drop-shadow(0 0 1px #fff9) drop-shadow(0 0 3px #ffffff4d);
  }

  .cin-hero-logo-glow {
    isolation: isolate;
    position: relative;
  }

  img.cin-hero-floating-logo {
    filter: drop-shadow(0 1px 2px #0000008c) drop-shadow(0 0 1px #fff9) drop-shadow(0 0 8px #ffffff59);
  }

  img.cin-hero-floating-logo.cin-mark-glow--light {
    filter: drop-shadow(0 0 1px #fffffff2) drop-shadow(0 0 3px #ffffffb3) drop-shadow(0 0 14px #ffffff73);
  }

  img.cin-hero-floating-logo.cin-mark-glow--dark {
    filter: drop-shadow(0 0 1px #000000f2) drop-shadow(0 0 3px #000c) drop-shadow(0 0 14px #0009);
  }

  .cin-hero-event-logo-field {
    isolation: isolate;
    position: relative;
  }

  img.cin-hero-event-logo {
    filter: drop-shadow(0 4px 12px #0000008c) drop-shadow(0 1px 2px #0006);
  }

  img.cin-hero-event-logo.cin-hero-event-logo--knockout {
    filter: brightness(0) invert() drop-shadow(0 4px 12px #0000008c) drop-shadow(0 1px 2px #0006);
  }

  img.cin-hero-event-logo.cin-hero-event-logo--lift {
    filter: drop-shadow(0 0 1px #ffffffd9) drop-shadow(0 0 3px #ffffff8c) drop-shadow(0 0 14px #ffffff59) drop-shadow(0 4px 12px #0000008c);
  }

  img.theme-wordmark-logo {
    filter: drop-shadow(0 0 1px #ffffff80);
  }

  img.wordmark-contrast-plate, :is(.dark, [data-theme="dark"]) img.theme-wordmark-logo {
    box-sizing: border-box;
    filter: drop-shadow(0 2px 8px #0000003d);
    background: #fffffff0;
    border: 1px solid #00000014;
    border-radius: .75rem;
    padding: .375rem .5rem;
  }

  img.wordmark-light-scrim, img.wordmark-dark-scrim {
    box-sizing: border-box;
    filter: drop-shadow(0 8px 22px #00000047);
    border-radius: .75rem;
    padding: .375rem .5rem;
  }

  img.wordmark-light-scrim {
    background: #fffffff0;
    border: 1px solid #0000001a;
  }

  img.wordmark-dark-scrim {
    background: #090b0eeb;
    border: 1px solid #ffffff2e;
  }

  img.wordmark-knockout {
    filter: brightness(0) invert() drop-shadow(0 2px 8px #00000059);
  }

  img.theme-wordmark-knockout {
    filter: drop-shadow(0 0 1px #ffffff80);
  }

  :is(.dark, [data-theme="dark"]) img.theme-wordmark-knockout {
    filter: brightness(0) invert();
  }

  img.wordmark-lift {
    filter: drop-shadow(0 0 1px #ffffffe6) drop-shadow(0 0 2px #fff9) drop-shadow(0 0 8px #fff6) drop-shadow(0 2px 8px #00000059);
  }

  img.theme-wordmark-lift {
    filter: drop-shadow(0 0 1px #ffffff80);
  }

  :is(.dark, [data-theme="dark"]) img.theme-wordmark-lift {
    filter: drop-shadow(0 0 1px #ffffffe6) drop-shadow(0 0 2px #fff9) drop-shadow(0 0 8px #fff6);
  }

  img.dashboard-wordmark-logo, img.theme-watermark-logo {
    filter: brightness(0);
  }

  :is(.dark, [data-theme="dark"]) img.dashboard-wordmark-logo, :is(.dark, [data-theme="dark"]) img.theme-watermark-logo {
    filter: brightness(0) invert();
  }

  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }

  @media (hover: none) and (pointer: coarse) {
    html.keyboard-visible {
      scroll-padding-bottom: calc(var(--keyboard-inset-height, 0px) + var(--keyboard-browser-toolbar-inset, 0px) + max(env(safe-area-inset-bottom), 1rem));
    }

    .drawer__body, .modal__body--scroll-inside {
      scroll-padding-top: 1rem;
      scroll-padding-bottom: calc(1rem + var(--keyboard-browser-toolbar-inset, 0px));
    }

    html.keyboard-visible .drawer__footer, html.keyboard-visible .modal__footer {
      margin-bottom: var(--keyboard-browser-toolbar-inset, 0px);
    }

    [data-sheet-root], .drawer__dialog[data-placement="bottom"], [data-ehq-keyboard-overlay-root] {
      transition: translate .22s cubic-bezier(.32, .72, 0, 1), transform .22s cubic-bezier(.32, .72, 0, 1);
    }

    html.keyboard-visible [data-sheet-root], html.keyboard-visible .drawer__dialog[data-placement="bottom"], html.keyboard-visible [data-ehq-keyboard-overlay-root] {
      max-height: var(--keyboard-usable-height, 88svh) !important;
    }

    html[data-mobile-keyboard-platform="android"] .drawer__content--bottom {
      transition-duration: .28s;
      transition-timing-function: cubic-bezier(.32, .72, 0, 1);
    }

    html.keyboard-visible[data-mobile-keyboard-platform="android"] .drawer__content--bottom:not(.ehq-keyboard-viewport-sheet) {
      translate: 0 calc(-1 * var(--keyboard-overlay-inset-height, 0px));
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, [data-slot="input-wrapper"], [data-slot="inner-wrapper"], [data-slot="segment"], label, .touch-pan-y {
      touch-action: pan-y;
    }
  }

  :not([data-slot]):not([data-heroui-component]) {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :not([data-slot]):not([data-heroui-component]) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  html {
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  @media (max-width: 767px) {
    html {
      font-size: 17.6px;
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    overflow-x: hidden;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input, select, textarea, [contenteditable="true"] {
      font-size: 16px !important;
    }

    [data-editable-field] [contenteditable="true"], [data-editable-copy] [contenteditable="true"], [data-editable-race-option-field] [contenteditable="true"], [data-editable-course-info-field] [contenteditable="true"] {
      font-size: inherit !important;
    }

    input.text-sm, select.text-sm, textarea.text-sm, [data-slot="input"], [data-slot="inner-wrapper"] input {
      font-size: 16px !important;
    }
  }
}

@layer components {
  .close-button {
    isolation: isolate;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    transform-origin: center;
    border-radius: calc(var(--radius) + 4px);
    padding: var(--spacing);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: transform .25s var(--ease-out-quart), color .15s var(--ease-out), background-color .1s var(--ease-out), box-shadow .15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .close-button:focus-visible:not([data-focused]), .close-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .close-button:disabled, .close-button[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .close-button[data-pending="true"] {
    pointer-events: none;
  }

  .close-button svg {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    margin-inline: calc(var(--spacing) * -.5);
    margin-block: calc(var(--spacing) * .5);
    flex-shrink: 0;
    align-self: center;
  }

  .close-button--default {
    background-color: var(--default);
    color: var(--muted);
  }

  @media (hover: hover) {
    .close-button--default:hover, .close-button--default[data-hovered="true"] {
      background-color: var(--default-hover);
    }
  }

  .close-button--default:active, .close-button--default[data-pressed="true"] {
    transform: scale(.93);
  }

  .description {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: var(--muted);
  }

  .error-message {
    height: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: var(--danger);
    transition: opacity .15s var(--ease-out), height .35s var(--ease-smooth);
  }

  .error-message:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .error-message:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .error-message:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .error-message:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .error-message:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .error-message:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .field-error {
    height: 0;
    padding-inline: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: var(--danger);
    opacity: 0;
  }

  .field-error[data-visible] {
    opacity: 1;
    height: auto;
  }

  .field-error {
    transition: opacity .15s var(--ease-out), height .35s var(--ease-smooth);
  }

  .field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .checkbox > .field-error, .checkbox > [data-slot="field-error"], .switch > .field-error, .switch > [data-slot="field-error"], .radio > .field-error, .radio > [data-slot="field-error"] {
    height: auto;
    min-height: 0;
    color: var(--muted);
    opacity: 1;
    margin: 0;
    padding: 0;
    transition: none;
  }

  .label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  :is(.label--required, [data-required="true"]:not([role="group"]):not([role="radiogroup"]):not([role="checkboxgroup"]) > .label, [data-required="true"]:not([data-slot="radio"]):not([data-slot="checkbox"]) > .label):after {
    color: var(--danger);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .label--disabled, [data-disabled="true"] .label {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .label--invalid, [data-invalid="true"] .label, [aria-invalid="true"] .label {
    color: var(--danger);
  }

  .accordion {
    contain: layout style;
    width: 100%;
  }

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

  .accordion__body-inner {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 4);
    color: var(--muted);
  }

  .accordion__indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--muted);
    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));
    --tw-duration: .25s;
    flex-shrink: 0;
    margin-inline-start: auto;
    transition-duration: .25s;
  }

  .accordion__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .accordion__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .accordion__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .accordion__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .accordion__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .accordion__indicator[data-expanded="true"] {
    rotate: -180deg;
  }

  .accordion__item {
    --tw-border-style: none;
    border-style: none;
    position: relative;
  }

  .accordion__item:after {
    content: "";
    inset-inline-start: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * .25);
    background-color: var(--separator);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
  }

  .accordion__item:last-child:after {
    content: none;
  }

  .accordion__item[data-hide-separator="true"]:after {
    display: none;
  }

  .accordion__trigger {
    cursor: var(--cursor-interactive);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    text-align: start;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-tap-highlight-color: transparent;
    transition: opacity .15s var(--ease-out), box-shadow .15s var(--ease-out);
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .accordion__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .accordion__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .accordion__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .accordion__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .accordion__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .accordion__trigger:hover:not([aria-expanded="true"]) {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .accordion__trigger:hover:not([aria-expanded="true"]) {
        background-color: color-mix(in oklab, var(--foreground) 3%, transparent 90%);
      }
    }
  }

  .accordion__trigger:focus-visible:not([data-focused]), .accordion__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .accordion__trigger:disabled, .accordion__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .accordion__panel {
    opacity: 0;
    height: var(--disclosure-panel-height);
    transition: height .2s var(--ease-out-quad), opacity .2s var(--ease-out);
    overflow: clip;
  }

  .accordion__panel:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .accordion__panel:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .accordion__panel:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion__panel:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .accordion__panel:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .accordion__panel:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .accordion__panel[data-expanded="true"] {
    will-change: height, opacity;
    opacity: 1;
  }

  .accordion--surface {
    background-color: var(--surface);
    border-radius: min(32px, var(--radius-3xl));
  }

  @media (hover: hover) {
    .accordion--surface .accordion__trigger:hover:not([aria-expanded="true"]) {
      background-color: var(--default);
    }
  }

  .accordion--surface .accordion__item:after {
    background-color: var(--surface-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .accordion--surface .accordion__item:after {
      background-color: color-mix(in oklab, var(--surface-foreground) 6%, transparent);
    }
  }

  .accordion--surface .accordion__item:after {
    width: 94%;
    inset-inline-start: 3%;
  }

  .accordion--surface .accordion__item:first-child [data-slot="accordion-trigger"] {
    border-start-start-radius: min(32px, var(--radius-3xl));
    border-start-end-radius: min(32px, var(--radius-3xl));
  }

  .accordion--surface .accordion__item:last-child:not(:has([data-slot="accordion-trigger"][aria-expanded="true"])) [data-slot="accordion-trigger"] {
    border-end-end-radius: min(32px, var(--radius-3xl));
    border-end-start-radius: min(32px, var(--radius-3xl));
  }

  .breadcrumbs {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .breadcrumbs .breadcrumbs__link {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
    opacity: 1;
    text-decoration-line: none;
    position: relative;
  }

  .breadcrumbs .breadcrumbs__link:hover, .breadcrumbs .breadcrumbs__link[data-hovered="true"] {
    text-decoration-line: underline;
  }

  .breadcrumbs .breadcrumbs__link[data-current="true"] {
    color: var(--link);
    opacity: 1;
  }

  .breadcrumbs .breadcrumbs__item {
    justify-content: center;
    align-items: center;
    gap: var(--spacing);
    flex-shrink: 0;
    display: flex;
  }

  .breadcrumbs .breadcrumbs__separator {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: var(--muted);
  }

  .breadcrumbs .breadcrumbs__separator:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .disclosure-group {
    contain: layout style;
    width: 100%;
  }

  .disclosure {
    position: relative;
  }

  .accordion__heading {
    display: flex;
  }

  .disclosure__trigger {
    cursor: var(--cursor-interactive);
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
  }

  .disclosure__trigger:focus-visible:not([data-focused]), .disclosure__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .disclosure__trigger:disabled, .disclosure__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .disclosure__indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: inherit;
    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));
    --tw-duration: .25s;
    flex-shrink: 0;
    margin-inline-start: auto;
    transition-duration: .25s;
  }

  .disclosure__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .disclosure__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .disclosure__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .disclosure__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .disclosure__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .disclosure__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .disclosure__indicator[data-expanded="true"] {
    rotate: -180deg;
  }

  .disclosure__content {
    opacity: 0;
    height: var(--disclosure-panel-height);
    transition: height .2s var(--ease-out-quad), opacity .2s var(--ease-out);
    overflow: clip;
  }

  .disclosure__content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .disclosure__content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .disclosure__content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .disclosure__content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .disclosure__content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .disclosure__content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .disclosure__content[data-expanded="true"] {
    will-change: height, opacity;
    opacity: 1;
  }

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

  .link {
    border-radius: calc(var(--radius) + 4px);
    --tw-font-weight: var(--font-weight-medium);
    width: fit-content;
    height: fit-content;
    font-weight: var(--font-weight-medium);
    color: var(--link);
    text-decoration-line: none;
    -webkit-text-decoration-color: var(--separator-tertiary);
    text-decoration-color: var(--separator-tertiary);
    text-underline-offset: 4px;
    -webkit-tap-highlight-color: transparent;
    transition: color .1s var(--ease-smooth), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out), opacity .1s var(--ease-out);
    align-items: center;
    text-decoration-thickness: 1.5px;
    display: inline-flex;
    position: relative;
  }

  .link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .link {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    .link:hover, .link[data-hovered="true"] {
      text-decoration-line: underline;
      -webkit-text-decoration-color: var(--muted);
      text-decoration-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .link:hover, .link[data-hovered="true"] {
        -webkit-text-decoration-color: color-mix(in oklab, var(--muted) 50%, transparent);
        text-decoration-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    :is(.link:hover, .link[data-hovered="true"]) .link__icon {
      opacity: 1;
    }
  }

  .link:active, .link[data-pressed="true"] {
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--muted);
    text-decoration-color: var(--muted);
  }

  :is(.link:active, .link[data-pressed="true"]) .link__icon {
    opacity: 1;
  }

  .link:focus-visible:not([data-focused]), .link[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.link:focus-visible:not([data-focused]), .link[data-focus-visible="true"]) .link__icon {
    opacity: 1;
  }

  .link[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .link .link__icon {
    pointer-events: none;
    color: currentColor;
    opacity: .6;
    width: .75em;
    height: .75em;
    transition: opacity .15s var(--ease-out);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .link .link__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .link .link__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .link .link__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .link .link__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .link .link__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .link .link__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .link .link__icon svg {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .link .link__icon[data-default-icon="true"] {
    padding-bottom: calc(var(--spacing) * 1.5);
    margin-inline-start: var(--spacing);
  }

  .link.button {
    gap: 0;
    text-decoration-line: none;
  }

  .pagination {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  @media (min-width: 40rem) {
    .pagination {
      flex-direction: row;
    }
  }

  .pagination__summary {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted);
    align-self: flex-start;
    display: flex;
  }

  @media (min-width: 40rem) {
    .pagination__summary {
      align-self: center;
    }
  }

  .pagination__content {
    align-items: center;
    gap: var(--spacing);
    align-self: flex-start;
    display: flex;
  }

  @media (min-width: 40rem) {
    .pagination__content {
      align-self: center;
    }
  }

  .pagination__item {
    display: inline-flex;
  }

  .pagination__link {
    isolation: isolate;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    transform-origin: center;
    border-radius: calc(var(--radius) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .pagination__link {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }

  .pagination__link {
    cursor: var(--cursor-interactive);
    transition: transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .pagination__link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .pagination__link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .pagination__link:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .pagination__link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .pagination__link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .pagination__link:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .pagination__link {
    --pagination-link-bg: transparent;
    --pagination-link-bg-hover: var(--default-hover);
    --pagination-link-bg-pressed: var(--default-hover);
    --pagination-link-fg: var(--default-foreground);
    background-color: var(--pagination-link-bg);
    color: var(--pagination-link-fg);
  }

  .pagination__link:focus-visible, .pagination__link[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .pagination__link:disabled, .pagination__link[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .pagination__link:hover, .pagination__link[data-hovered="true"] {
      background-color: var(--pagination-link-bg-hover);
    }
  }

  .pagination__link:active, .pagination__link[data-pressed="true"] {
    background-color: var(--pagination-link-bg-pressed);
    transform: scale(.97);
  }

  .pagination__link[data-active="true"] {
    --pagination-link-bg: var(--default);
    --pagination-link-bg-hover: var(--default-hover);
    --pagination-link-bg-pressed: var(--default-hover);
  }

  .pagination__ellipsis {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (min-width: 48rem) {
    .pagination__ellipsis {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }

  .pagination__link--nav {
    gap: calc(var(--spacing) * 1.5);
    width: auto;
    padding-inline: calc(var(--spacing) * 2.5);
  }

  :is(.pagination__link--nav [data-slot="pagination-previous-icon"], .pagination__link--nav [data-slot="pagination-next-icon"]):where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .pagination--sm .pagination__link {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  @media (min-width: 48rem) {
    .pagination--sm .pagination__link {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }

  .pagination--sm .pagination__link:active, .pagination--sm .pagination__link[data-pressed="true"] {
    transform: scale(.98);
  }

  .pagination--sm .pagination__link--nav {
    width: auto;
    padding-inline: calc(var(--spacing) * 2);
  }

  .pagination--sm .pagination__ellipsis {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  @media (min-width: 48rem) {
    .pagination--sm .pagination__ellipsis {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }

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

  .pagination--lg .pagination__link {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  @media (min-width: 48rem) {
    .pagination--lg .pagination__link {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }

  .pagination--lg .pagination__link:active, .pagination--lg .pagination__link[data-pressed="true"] {
    transform: scale(.96);
  }

  .pagination--lg .pagination__link--nav {
    width: auto;
    padding-inline: calc(var(--spacing) * 3);
  }

  .pagination--lg .pagination__ellipsis {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  @media (min-width: 48rem) {
    .pagination--lg .pagination__ellipsis {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }

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

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

  .tabs[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .tabs[data-orientation="vertical"] {
    flex-direction: row;
  }

  .tabs__list-container {
    background-color: var(--default);
    border-radius: calc(var(--radius) * 2.5);
    position: relative;
  }

  .tabs__list-container > .tabs__list-container__scroller[data-orientation="vertical"] {
    height: 100%;
  }

  .tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next {
    z-index: 2;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    cursor: var(--cursor-interactive);
    border-style: var(--tw-border-style);
    color: var(--foreground);
    --tw-outline-style: none;
    transition: opacity .15s var(--ease-smooth);
    background-color: #0000;
    border-width: 0;
    border-radius: 3.40282e38px;
    outline-style: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: none;
    position: absolute;
  }

  :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):hover {
      opacity: .7;
    }
  }

  :is(.tabs__list-container > .tabs__list-container__scroll-prev, .tabs__list-container > .tabs__list-container__scroll-next):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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .tabs__list-container:has([data-orientation="horizontal"]) > .tabs__list-container__scroll-prev {
    inset-inline-start: calc(var(--spacing) * 1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 50%;
  }

  .tabs__list-container:has([data-orientation="horizontal"]) > .tabs__list-container__scroll-next {
    inset-inline-end: calc(var(--spacing) * 1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 50%;
  }

  :is(.tabs__list-container:has([data-orientation="horizontal"]) > .tabs__list-container__scroll-prev, .tabs__list-container:has([data-orientation="horizontal"]) > .tabs__list-container__scroll-next):where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .tabs__list-container:has([data-orientation="vertical"]) > .tabs__list-container__scroll-prev {
    top: var(--spacing);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }

  .tabs__list-container:has([data-orientation="vertical"]) > .tabs__list-container__scroll-next {
    bottom: var(--spacing);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }

  .tabs__list-container:has( > :is([data-left-scroll="true"], [data-left-right-scroll="true"], [data-top-scroll="true"], [data-top-bottom-scroll="true"])) > .tabs__list-container__scroll-prev {
    display: inline-flex;
  }

  .tabs__list-container:has( > :is([data-right-scroll="true"], [data-left-right-scroll="true"], [data-bottom-scroll="true"], [data-top-bottom-scroll="true"])) > .tabs__list-container__scroll-next {
    display: inline-flex;
  }

  .tabs__list {
    padding: var(--spacing);
    display: inline-flex;
  }

  .tabs__list[data-orientation="horizontal"] {
    flex-direction: row;
    width: max-content;
    min-width: 100%;
  }

  .tabs__list[data-orientation="vertical"] {
    gap: var(--spacing);
    flex-direction: column;
  }

  .tabs__list[data-orientation="vertical"] .tabs__tab {
    min-width: calc(var(--spacing) * 20);
  }

  .tabs__tab {
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    cursor: var(--cursor-interactive);
    transition: color .15s var(--ease-smooth), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out), opacity .15s var(--ease-smooth);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .tabs__tab:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .tabs__tab:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .tabs__tab:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .tabs__tab:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .tabs__tab:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .tabs__tab:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .tabs__tab[data-selected="true"] {
    color: var(--segment-foreground);
  }

  .tabs__tab[data-selected="true"] .tabs__separator, .tabs__tab[data-selected="true"] + .tabs__tab .tabs__separator {
    opacity: 0;
  }

  .tabs__tab:disabled, .tabs__tab[data-disabled="true"], .tabs__tab[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .tabs__tab:not([data-selected="true"]):not([data-disabled="true"]):hover, .tabs__tab[data-hovered="true"]:not([data-selected="true"]):not([data-disabled="true"]) {
      opacity: .7;
    }
  }

  .tabs__tab:focus-visible:not([data-focused]), .tabs__tab[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .tabs--align-start > :is(.tabs__list-container, .tabs__list) .tabs__tab {
    text-align: start;
    justify-content: flex-start;
  }

  .tabs--align-end > :is(.tabs__list-container, .tabs__list) .tabs__tab {
    text-align: end;
    justify-content: flex-end;
  }

  .tabs__separator {
    pointer-events: none;
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tabs__separator {
      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
    }
  }

  .tabs__separator {
    transition: opacity .15s var(--ease-smooth);
  }

  .tabs__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .tabs__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .tabs__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .tabs__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .tabs__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .tabs__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .tabs__list[data-orientation="horizontal"] .tabs__separator {
    inset-inline-start: calc(var(--spacing) * 0);
    width: 1px;
    height: 50%;
    top: 25%;
  }

  .tabs__list[data-orientation="vertical"] .tabs__separator {
    inset-inline-start: 5%;
    width: 90%;
    height: 1px;
    top: 0;
  }

  .tabs__panel {
    width: 100%;
    padding: calc(var(--spacing) * 2);
    --tw-outline-style: none;
    outline-style: none;
  }

  .tabs__panel[data-exiting="true"] {
    inset-inline-start: calc(var(--spacing) * 0);
    width: 100%;
    position: absolute;
    top: 0;
  }

  .tabs__panel[data-orientation="horizontal"] {
    margin-top: calc(var(--spacing) * 4);
  }

  .tabs__panel[data-orientation="vertical"] {
    margin-inline-start: calc(var(--spacing) * 4);
  }

  .tabs__indicator {
    inset-inline-start: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * 3);
    background-color: var(--segment);
    --tw-shadow: var(--surface-shadow);
    width: 100%;
    height: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: -1;
    transition-property: translate, width, height;
    transition-duration: .25s;
    transition-timing-function: var(--ease-out-fluid);
    position: absolute;
    top: 0;
  }

  .tabs__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .tabs__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .tabs__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .tabs__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .tabs__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .tabs__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .tabs--secondary > .tabs__list-container {
    background-color: #0000;
    border-radius: 0;
  }

  .tabs--secondary > .tabs__list-container .tabs__list {
    padding: 0;
  }

  .tabs--secondary > .tabs__list-container .tabs__separator {
    display: none;
  }

  .tabs--secondary > .tabs__list-container .tabs__tab {
    border-radius: 0;
  }

  .tabs--secondary > .tabs__list-container .tabs__tab[data-selected="true"] {
    color: var(--foreground);
  }

  .tabs--secondary > .tabs__list-container .tabs__indicator {
    background-color: var(--accent);
    --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);
    border-radius: 0;
  }

  .tabs--secondary[data-orientation="horizontal"] > .tabs__list-container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
  }

  .tabs--secondary[data-orientation="horizontal"] > .tabs__list-container .tabs__indicator {
    height: calc(var(--spacing) * .5);
    top: auto;
    bottom: 0;
  }

  .tabs--secondary[data-orientation="vertical"] > .tabs__list-container {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--border);
  }

  .tabs--secondary[data-orientation="vertical"] > .tabs__list-container .tabs__indicator {
    inset-inline-start: calc(var(--spacing) * 0);
    height: 100%;
    width: calc(var(--spacing) * .5);
    top: 0;
  }

  .button {
    isolation: isolate;
    height: calc(var(--spacing) * 10);
    transform-origin: center;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) * 3);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .button {
      height: calc(var(--spacing) * 9);
    }
  }

  .button {
    transition: transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .button {
    cursor: var(--cursor-interactive);
    --button-bg: transparent;
    --button-bg-hover: var(--button-bg);
    --button-bg-pressed: var(--button-bg-hover);
    --button-fg: currentColor;
    background-color: var(--button-bg);
    color: var(--button-fg);
  }

  .button:focus-visible:not([data-focused]), .button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .button:disabled, .button[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .button[data-pending="true"] {
    pointer-events: none;
  }

  .button:active, .button[data-pressed="true"] {
    will-change: transform;
    background-color: var(--button-bg-pressed);
    transform: scale(.97);
  }

  @media (hover: hover) {
    .button:hover, .button[data-hovered="true"] {
      background-color: var(--button-bg-hover);
    }
  }

  .button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    pointer-events: none;
    margin-inline: calc(var(--spacing) * -.5);
    margin-block: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
  }

  @media (min-width: 40rem) {
    .button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
      margin-block: var(--spacing);
    }

    .button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }

  .button--sm {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
  }

  @media (min-width: 48rem) {
    .button--sm {
      height: calc(var(--spacing) * 8);
    }
  }

  .button--sm svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .button--sm:active, .button--sm[data-pressed="true"] {
    transform: scale(.98);
  }

  .button--lg {
    height: calc(var(--spacing) * 11);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  @media (min-width: 48rem) {
    .button--lg {
      height: calc(var(--spacing) * 10);
    }
  }

  .button--lg:active, .button--lg[data-pressed="true"] {
    transform: scale(.96);
  }

  .button--primary {
    --button-bg: var(--accent);
    --button-bg-hover: var(--accent-hover);
    --button-bg-pressed: var(--accent-hover);
    --button-fg: var(--accent-foreground);
  }

  .button--secondary {
    --button-bg: var(--default);
    --button-bg-hover: var(--default-hover);
    --button-bg-pressed: var(--default-hover);
    --button-fg: var(--accent-soft-foreground);
  }

  .button--tertiary {
    --button-bg: var(--default);
    --button-bg-hover: var(--default-hover);
    --button-bg-pressed: var(--default-hover);
  }

  .button--ghost, .button--outline {
    --button-bg: transparent;
    --button-bg-hover: var(--default);
    --button-bg-pressed: var(--default);
    --button-fg: var(--default-foreground);
  }

  .button--outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --button-bg-hover: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button--outline {
      --button-bg-hover: color-mix(in srgb, var(--default) 60%, transparent);
    }
  }

  .button--danger {
    --button-bg: var(--danger);
    --button-bg-hover: var(--danger-hover);
    --button-bg-pressed: var(--danger-hover);
    --button-fg: var(--danger-foreground);
  }

  .button--danger-soft {
    --button-bg: var(--danger-soft);
    --button-bg-hover: var(--danger-soft-hover);
    --button-bg-pressed: var(--danger-soft-hover);
    --button-fg: var(--danger-soft-foreground);
  }

  .button--icon-only {
    width: calc(var(--spacing) * 10);
    padding: 0;
  }

  @media (min-width: 48rem) {
    .button--icon-only {
      width: calc(var(--spacing) * 9);
    }
  }

  .button--icon-only.button--sm {
    width: calc(var(--spacing) * 9);
  }

  @media (min-width: 48rem) {
    .button--icon-only.button--sm {
      width: calc(var(--spacing) * 8);
    }
  }

  .button--icon-only.button--lg {
    width: calc(var(--spacing) * 11);
  }

  @media (min-width: 48rem) {
    .button--icon-only.button--lg {
      width: calc(var(--spacing) * 10);
    }
  }

  .button--full-width {
    width: 100%;
  }

  .button-group {
    justify-content: center;
    align-items: center;
    gap: 0;
    height: auto;
    display: inline-flex;
  }

  .button-group--horizontal {
    flex-direction: row;
  }

  .button-group--vertical {
    flex-direction: column;
  }

  .button-group .button {
    border-radius: 0;
  }

  .button-group--horizontal .button:first-child {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }

  .button-group--horizontal .button:last-child {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }

  .button-group--horizontal .button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }

  .button-group--vertical .button:first-child {
    border-top-left-radius: calc(var(--radius) * 3);
    border-top-right-radius: calc(var(--radius) * 3);
  }

  .button-group--vertical .button:last-child {
    border-bottom-right-radius: calc(var(--radius) * 3);
    border-bottom-left-radius: calc(var(--radius) * 3);
  }

  .button-group--vertical .button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }

  .button-group .button:active, .button-group .button[data-pressed="true"] {
    transform: none;
  }

  .button-group .button:focus-visible:not([data-focused]), .button-group .button[data-focus-visible="true"] {
    z-index: 10;
  }

  .button-group__separator {
    border-radius: calc(var(--radius) - 4px);
    opacity: .15;
    pointer-events: none;
    transition: opacity .15s var(--ease-smooth);
    background-color: currentColor;
    position: absolute;
  }

  .button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .button-group--horizontal .button-group__separator {
    inset-inline-start: -1px;
    width: 1px;
    height: 50%;
    top: 25%;
  }

  .button-group--vertical .button-group__separator {
    inset-inline-start: 25%;
    width: 50%;
    height: 1px;
    top: -1px;
  }

  .button-group--horizontal .button--outline:first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }

  .button-group--horizontal .button--outline:last-child {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .button-group--vertical .button--outline:first-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .button-group--vertical .button--outline:last-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }

  .button-group--full-width {
    width: 100%;
  }

  .toggle-button {
    isolation: isolate;
    height: calc(var(--spacing) * 10);
    transform-origin: center;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) * 3);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .toggle-button {
      height: calc(var(--spacing) * 9);
    }
  }

  .toggle-button {
    transition: transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .toggle-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .toggle-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toggle-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toggle-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .toggle-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toggle-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .toggle-button {
    cursor: var(--cursor-interactive);
    --toggle-button-bg: var(--default);
    --toggle-button-bg-hover: var(--default-hover);
    --toggle-button-bg-pressed: var(--default-hover);
    --toggle-button-fg: currentColor;
    --toggle-button-bg-selected: var(--accent-soft);
    --toggle-button-bg-selected-hover: var(--accent-soft-hover);
    --toggle-button-bg-selected-pressed: var(--accent-soft-hover);
    --toggle-button-fg-selected: var(--accent-soft-foreground);
    background-color: var(--toggle-button-bg);
    color: var(--toggle-button-fg);
  }

  .toggle-button:focus-visible:not([data-focused]), .toggle-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .toggle-button:disabled, .toggle-button[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .toggle-button:hover, .toggle-button[data-hovered="true"] {
      background-color: var(--toggle-button-bg-hover);
    }
  }

  .toggle-button:active, .toggle-button[data-pressed="true"] {
    background-color: var(--toggle-button-bg-pressed);
    transform: scale(.97);
  }

  .toggle-button[data-selected="true"] {
    background-color: var(--toggle-button-bg-selected);
    color: var(--toggle-button-fg-selected);
  }

  @media (hover: hover) {
    .toggle-button[data-selected="true"]:hover, .toggle-button[data-selected="true"][data-hovered="true"] {
      background-color: var(--toggle-button-bg-selected-hover);
    }
  }

  .toggle-button[data-selected="true"]:active, .toggle-button[data-selected="true"][data-pressed="true"] {
    background-color: var(--toggle-button-bg-selected-pressed);
  }

  .toggle-button svg {
    pointer-events: none;
    margin-inline: calc(var(--spacing) * -.5);
    margin-block: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
  }

  @media (min-width: 40rem) {
    .toggle-button svg {
      margin-block: var(--spacing);
    }

    .toggle-button svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }

  .toggle-button--sm {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
  }

  @media (min-width: 48rem) {
    .toggle-button--sm {
      height: calc(var(--spacing) * 8);
    }
  }

  .toggle-button--sm svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .toggle-button--sm:active, .toggle-button--sm[data-pressed="true"] {
    transform: scale(.98);
  }

  .toggle-button--lg {
    height: calc(var(--spacing) * 11);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  @media (min-width: 48rem) {
    .toggle-button--lg {
      height: calc(var(--spacing) * 10);
    }
  }

  .toggle-button--lg:active, .toggle-button--lg[data-pressed="true"] {
    transform: scale(.96);
  }

  .toggle-button--default {
    --toggle-button-bg: var(--default);
    --toggle-button-bg-hover: var(--default-hover);
    --toggle-button-bg-pressed: var(--default-hover);
  }

  .toggle-button--ghost {
    --toggle-button-bg: transparent;
    --toggle-button-bg-hover: var(--default);
    --toggle-button-bg-pressed: var(--default);
    --toggle-button-fg: var(--default-foreground);
  }

  .toggle-button--icon-only {
    width: calc(var(--spacing) * 10);
    padding: 0;
  }

  @media (min-width: 48rem) {
    .toggle-button--icon-only {
      width: calc(var(--spacing) * 9);
    }
  }

  .toggle-button--icon-only.toggle-button--sm {
    width: calc(var(--spacing) * 9);
  }

  @media (min-width: 48rem) {
    .toggle-button--icon-only.toggle-button--sm {
      width: calc(var(--spacing) * 8);
    }
  }

  .toggle-button--icon-only.toggle-button--lg {
    width: calc(var(--spacing) * 11);
  }

  @media (min-width: 48rem) {
    .toggle-button--icon-only.toggle-button--lg {
      width: calc(var(--spacing) * 10);
    }
  }

  .toggle-button-group {
    justify-content: center;
    align-items: center;
    gap: 0;
    width: fit-content;
    height: auto;
    display: inline-flex;
  }

  .toggle-button-group--horizontal {
    flex-direction: row;
  }

  .toggle-button-group--vertical {
    flex-direction: column;
  }

  .toggle-button-group--full-width {
    width: 100%;
  }

  .toggle-button-group .toggle-button {
    border-radius: 0;
  }

  .toggle-button-group--horizontal .toggle-button:first-child {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--horizontal .toggle-button:last-child {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--horizontal .toggle-button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--vertical .toggle-button:first-child {
    border-top-left-radius: calc(var(--radius) * 3);
    border-top-right-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--vertical .toggle-button:last-child {
    border-bottom-right-radius: calc(var(--radius) * 3);
    border-bottom-left-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--vertical .toggle-button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group .toggle-button:active, .toggle-button-group .toggle-button[data-pressed="true"] {
    transform: none;
  }

  .toggle-button-group .toggle-button:focus-visible:not([data-focused]), .toggle-button-group .toggle-button[data-focus-visible="true"] {
    --tw-ring-offset-width: 0px;
    --tw-ring-inset: inset;
  }

  .toggle-button-group--full-width .toggle-button {
    flex: 1;
  }

  .toggle-button-group__separator {
    border-radius: calc(var(--radius) - 4px);
    opacity: .15;
    pointer-events: none;
    transition: opacity .15s var(--ease-smooth);
    background-color: currentColor;
    position: absolute;
  }

  .toggle-button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .toggle-button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toggle-button-group__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toggle-button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .toggle-button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toggle-button-group__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .toggle-button-group--horizontal .toggle-button-group__separator {
    inset-inline-start: -1px;
    width: 1px;
    height: 50%;
    top: 25%;
  }

  .toggle-button-group--vertical .toggle-button-group__separator {
    inset-inline-start: 25%;
    width: 50%;
    height: 1px;
    top: -1px;
  }

  .toggle-button-group--detached {
    gap: var(--spacing);
  }

  .toggle-button-group--detached .toggle-button {
    border-radius: calc(var(--radius) * 3);
  }

  .toggle-button-group--detached .toggle-button-group__separator {
    display: none;
  }

  .toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    grid-auto-flow: column;
    width: fit-content;
    display: grid;
  }

  .toolbar .separator--vertical {
    align-self: center;
    height: 50%;
  }

  .toolbar .separator--horizontal {
    justify-content: center;
    justify-self: center;
    width: 50%;
  }

  .toolbar--vertical {
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .toolbar--vertical .button-group {
    justify-content: flex-start;
  }

  .toolbar--attached {
    border-radius: calc(var(--radius) * 3);
    background-color: var(--surface);
    padding: var(--spacing);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dropdown {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dropdown__trigger {
    --tw-outline-style: none;
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    outline-style: none;
    display: inline-block;
  }

  .dropdown__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .dropdown__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .dropdown__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .dropdown__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .dropdown__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .dropdown__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .dropdown__trigger {
    cursor: var(--cursor-interactive);
  }

  .dropdown__trigger:focus-visible:not([data-focused]), .dropdown__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .dropdown__trigger:disabled, .dropdown__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .dropdown__trigger[data-pending="true"] {
    pointer-events: none;
  }

  .dropdown__trigger:active, .dropdown__trigger[data-pressed="true"] {
    transform: scale(.97);
  }

  .dropdown__popover {
    max-width: 48svw;
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: var(--spacing);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding: 0;
    overflow-y: auto;
  }

  @media (min-width: 48rem) {
    .dropdown__popover {
      min-width: calc(var(--spacing) * 55);
    }
  }

  .dropdown__popover {
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
  }

  .dropdown__popover:focus-visible:not([data-focused]), .dropdown__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .dropdown__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .9;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .dropdown__popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .dropdown__popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .dropdown__popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .dropdown__popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .dropdown__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .dropdown__popover[data-exiting="true"], .dropdown__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .dropdown__popover [data-slot="popover-overlay-arrow"] {
    fill: var(--overlay);
  }

  .dropdown__popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

  .dropdown__popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

  .dropdown__popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

  .dropdown__popover [data-slot="dropdown-menu"] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }

  .dropdown__popover [data-slot="menu-item"] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .dropdown__menu {
    gap: calc(var(--spacing) * .5);
    width: 100%;
    padding: var(--spacing);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .dropdown__menu [data-slot="separator"] {
    width: 94%;
    margin-inline-start: 3%;
  }

  .list-box-item {
    min-height: calc(var(--spacing) * 9);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .25s var(--ease-out-quart), box-shadow .15s var(--ease-out);
    outline-style: none;
    display: flex;
    position: relative;
  }

  .list-box-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .list-box-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .list-box-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .list-box-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .list-box-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .list-box-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .list-box-item {
    cursor: var(--cursor-interactive);
  }

  .list-box-item [data-slot="label"] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
  }

  .list-box-item [data-slot="description"] {
    pointer-events: none;
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }

  .list-box-item:has(.list-box-item__indicator) {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  .list-box-item:focus-visible:not([data-focused]), .list-box-item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .list-box-item:active, .list-box-item[data-pressed="true"] {
    transform: scale(.98);
  }

  @media (hover: hover) {
    .list-box-item:hover, .list-box-item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .list-box-item[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .list-box-item__indicator {
    inset-inline-end: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--foreground);
    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));
    --tw-duration: .25s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: .25s;
    display: flex;
    position: absolute;
    top: 50%;
  }

  .list-box-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .list-box-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .list-box-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .list-box-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .list-box-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .list-box-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .list-box-item__indicator [data-slot="list-box-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"] {
    transition: stroke-dashoffset .25s linear;
  }

  :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.list-box-item__indicator .list-box-item[aria-selected="true"] [data-slot="list-box-item-indicator--checkmark"], .list-box-item__indicator .list-box-item[data-selected="true"] [data-slot="list-box-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .list-box-item--danger .list-box-item__indicator, .list-box-item--danger [data-slot="label"] {
    color: var(--danger);
  }

  .list-box-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    display: flex;
  }

  .list-box {
    width: 100%;
    padding: var(--spacing);
    position: relative;
    overflow: clip;
  }

  .list-box > * + * {
    margin-top: var(--spacing);
  }

  .list-box [data-slot="separator"][data-orientation="horizontal"] {
    width: 94%;
    margin-inline-start: 3%;
  }

  .menu-item {
    min-height: calc(var(--spacing) * 9);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .25s var(--ease-out-quart), box-shadow .15s var(--ease-out);
    outline-style: none;
    display: flex;
    position: relative;
  }

  .menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .menu-item {
    cursor: var(--cursor-interactive);
  }

  .menu-item [data-slot="label"] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
  }

  .menu-item [data-slot="description"] {
    pointer-events: none;
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }

  .menu-item [data-slot="submenu-indicator"] svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .menu-item:has(.menu-item__indicator) {
    padding-inline-start: calc(var(--spacing) * 7);
  }

  .menu-item[data-has-submenu="true"]:has(.menu-item__indicator) {
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 7);
  }

  .menu-item:focus-visible:not([data-focused]), .menu-item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .menu-item:active, .menu-item[data-pressed="true"] {
    will-change: transform;
    transform: scale(.98);
  }

  @media (hover: hover) {
    .menu-item:hover, .menu-item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"] {
    transition: stroke-dashoffset .1s linear;
  }

  :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  :is(.menu-item[aria-checked="true"], .menu-item[aria-selected="true"], .menu-item[data-selected="true"]) [data-slot="menu-item-indicator--dot"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .menu-item[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .menu-item__indicator {
    inset-inline-start: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--muted);
    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));
    --tw-duration: .25s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: .25s;
    display: flex;
    position: absolute;
    top: 50%;
  }

  .menu-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .menu-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .menu-item__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .menu-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .menu-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .menu-item__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .menu-item[data-has-submenu="true"] .menu-item__indicator {
    inset-inline-start: auto;
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .menu-item__indicator [data-slot="menu-item-indicator--checkmark"] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--checkmark"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .menu-item__indicator [data-slot="menu-item-indicator--dot"] {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .menu-item[data-selection-mode="multiple"] :is(.menu-item__indicator [data-slot="menu-item-indicator--dot"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .menu-item__indicator [data-slot="menu-item-indicator--dot"] {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
  }

  .menu-item__indicator--submenu {
    color: var(--muted);
  }

  .menu-item__indicator--submenu svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .menu-item--danger .menu-item__indicator, .menu-item--danger [data-slot="label"] {
    color: var(--danger);
  }

  .menu-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    display: flex;
  }

  .menu {
    gap: var(--spacing);
    width: 100%;
    padding: var(--spacing);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .menu [data-slot="separator"] {
    width: 94%;
    margin-inline-start: 3%;
  }

  .tag-group {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .tag-group__list {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
    position: relative;
  }

  .tag-group [slot="description"], .tag-group [data-slot="description"], .tag-group [slot="errorMessage"], .tag-group [data-slot="error-message"] {
    padding: var(--spacing);
  }

  .tag {
    --optical-offset: .031em;
    align-items: center;
    gap: var(--spacing);
    border-radius: calc(var(--radius) + 4px);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    transition: color .1s var(--ease-smooth), scale .1s var(--ease-smooth), opacity .1s var(--ease-smooth), background-color .1s var(--ease-smooth), box-shadow .1s var(--ease-out);
    transform-origin: center;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    display: inline-flex;
    position: relative;
  }

  .tag:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .tag:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .tag:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .tag:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .tag:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .tag:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .tag {
    cursor: var(--cursor-interactive);
  }

  .tag svg {
    pointer-events: none;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: currentColor;
    flex-shrink: 0;
    align-self: center;
  }

  .tag:is([data-disabled="true"], [aria-disabled="true"]) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .tag:is(:focus-visible, [data-focus-visible]) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .tag:is([data-selected="true"], [aria-selected="true"]) {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  @media (hover: hover) {
    .tag:is([data-selected="true"], [aria-selected="true"]):is(:hover, [data-hovered="true"]) {
      background-color: var(--accent-soft-hover);
    }
  }

  .tag--sm {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .tag--lg {
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

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

  @media (hover: hover) {
    .tag--default:is(:hover, [data-hovered="true"]):not([data-selected="true"]):not([data-disabled="true"]) {
      background-color: var(--default-hover);
    }
  }

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

  @media (hover: hover) {
    .tag--surface:is(:hover, [data-hovered="true"]):not([data-selected="true"]):not([data-disabled="true"]) {
      background-color: var(--surface-hover);
    }
  }

  .tag__remove-button:after {
    content: "";
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .tag__remove-button {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: inherit;
  }

  .tag__remove-button svg {
    width: inherit;
    height: inherit;
    color: currentColor;
    flex-shrink: 0;
    align-self: center;
  }

  .color-area {
    width: 100%;
    max-width: calc(var(--spacing) * 56);
    border-radius: calc(var(--radius) * 2);
    -webkit-tap-highlight-color: transparent;
    aspect-ratio: 1;
    background: var(--color-area-background);
    flex-shrink: 0;
    position: relative;
    box-shadow: inset 0 0 0 1px #0000001a;
  }

  .color-area[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .color-area--show-dots:after {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    background-image: radial-gradient(circle, #fff3 1px, #0000 1px);
    background-size: 8px 8px;
    position: absolute;
    inset: 0;
  }

  .color-area__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    will-change: width,height;
    background-color: var(--color-area-thumb-color);
    transition: width .15s var(--ease-out), height .15s var(--ease-out);
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #0000001a, inset 0 0 0 1px #0000001a;
  }

  .color-area__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-area__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-area__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-area__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-area__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-area__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .color-area__thumb[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-area__thumb[data-dragging="true"] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .color-area__thumb[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

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

  .color-picker__trigger {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) - 4px);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-flex;
  }

  .color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .color-picker__trigger [data-slot="label"] {
    cursor: var(--cursor-interactive);
  }

  .color-picker__trigger:focus-visible:not([data-focused]), .color-picker__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-picker__trigger:disabled, .color-picker__trigger[data-disabled="true"], .color-picker__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .color-picker__popover {
    min-width: calc(var(--spacing) * 62);
    transform-origin: var(--trigger-anchor-point);
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 3);
    box-shadow: var(--overlay-shadow);
    border-radius: min(32px, calc(var(--radius) * 2.5));
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
    overflow: hidden auto;
  }

  .color-picker__popover:focus-visible:not([data-focused]), .color-picker__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-picker__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .color-picker__popover[data-entering="true"][data-placement^="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .color-picker__popover[data-entering="true"][data-placement^="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .color-picker__popover[data-entering="true"][data-placement^="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .color-picker__popover[data-entering="true"][data-placement^="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .color-picker__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .color-picker__popover[data-exiting="true"], .color-picker__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .color-slider {
    gap: var(--spacing);
    grid-template: "label output"
                   "track track"
                   / 1fr auto;
    width: 100%;
    display: grid;
  }

  .color-slider:not(:has([data-slot="label"])):not(:has(.color-slider__output)) {
    grid-template: "track"
    / 1fr;
    gap: 0;
  }

  .color-slider:has([data-slot="label"]):not(:has(.color-slider__output)) {
    grid-template-columns: 1fr;
    grid-template-areas: "label"
                         "track";
  }

  .color-slider:not(:has([data-slot="label"])):has(.color-slider__output) {
    grid-template-columns: 1fr;
    grid-template-areas: "output"
                         "track";
  }

  .color-slider:not(:has([data-slot="label"])):has(.color-slider__output) .color-slider__output {
    justify-self: end;
  }

  .color-slider [data-slot="label"] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }

  .color-slider .color-slider__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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, );
    grid-area: output;
  }

  .color-slider .color-slider__track {
    border-radius: calc(var(--radius) * 2);
    grid-area: track;
    position: relative;
  }

  .color-slider .color-slider__track:before, .color-slider .color-slider__track:after {
    content: "";
    z-index: 0;
    pointer-events: none;
    position: absolute;
  }

  .color-slider .color-slider__thumb {
    cursor: grab;
    border-radius: calc(var(--radius) * 2);
    -webkit-tap-highlight-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 3px;
    border-color: var(--color-white);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: 1;
    transition: transform .25s var(--ease-out), box-shadow .15s var(--ease-out);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .color-slider .color-slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-slider .color-slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-slider .color-slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-slider .color-slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-slider .color-slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-slider .color-slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .color-slider .color-slider__thumb[data-dragging="true"] {
    cursor: grabbing;
  }

  .color-slider .color-slider__thumb[data-focus-visible="true"] {
    z-index: 10;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-slider .color-slider__thumb[data-disabled="true"] {
    cursor: default;
    background-color: var(--default);
  }

  .color-slider:disabled, .color-slider[data-disabled="true"], .color-slider[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.color-slider:disabled, .color-slider[data-disabled="true"], .color-slider[aria-disabled="true"]) [data-slot="label"] {
    opacity: 1;
  }

  .color-slider[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .color-slider[data-orientation="horizontal"] .color-slider__track {
    height: calc(var(--spacing) * 5);
    border-radius: 0;
    justify-self: center;
    width: calc(100% - 1.25rem);
    box-shadow: inset 0 1px #0000001a, inset 0 -1px #0000001a;
  }

  .color-slider[data-orientation="horizontal"] .color-slider__track:before, .color-slider[data-orientation="horizontal"] .color-slider__track:after {
    width: .625rem;
    height: 100%;
    top: 0;
  }

  .color-slider[data-orientation="horizontal"] .color-slider__track:before {
    background: linear-gradient(var(--track-start-color, transparent)), repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50% / 16px 16px;
    border-start-start-radius: calc(var(--radius) * 2);
    border-end-start-radius: calc(var(--radius) * 2);
    inset-inline-start: -.625rem;
    box-shadow: inset 1px 0 #0000001a, inset 0 1px #0000001a, inset 0 -1px #0000001a;
  }

  .color-slider[data-orientation="horizontal"] .color-slider__track:after {
    background-color: var(--track-end-color, transparent);
    border-start-end-radius: calc(var(--radius) * 2);
    border-end-end-radius: calc(var(--radius) * 2);
    inset-inline-end: -.625rem;
    box-shadow: inset -1px 0 #0000001a, inset 0 1px #0000001a, inset 0 -1px #0000001a;
  }

  .color-slider[data-orientation="horizontal"] .color-slider__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    top: 50%;
  }

  .color-slider[data-orientation="vertical"] {
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    grid-template: "output"
                   "track" 1fr
                   "label"
                   / 1fr;
    place-items: center;
    height: 100%;
  }

  .color-slider[data-orientation="vertical"]:not(:has([data-slot="label"])):not(:has(.color-slider__output)) {
    grid-template-rows: 1fr;
    grid-template-areas: "track";
    gap: 0;
  }

  .color-slider[data-orientation="vertical"]:has([data-slot="label"]):not(:has(.color-slider__output)) {
    grid-template-rows: 1fr auto;
    grid-template-areas: "track"
                         "label";
  }

  .color-slider[data-orientation="vertical"]:not(:has([data-slot="label"])):has(.color-slider__output) {
    grid-template-rows: auto 1fr;
    grid-template-areas: "output"
                         "track";
  }

  .color-slider[data-orientation="vertical"] .color-slider__output, .color-slider[data-orientation="vertical"] [data-slot="label"] {
    text-align: center;
  }

  .color-slider[data-orientation="vertical"] .color-slider__track {
    width: calc(var(--spacing) * 5);
    border-radius: 0;
    justify-self: center;
    height: calc(100% - 1.25rem);
    box-shadow: inset 1px 0 #0000001a, inset -1px 0 #0000001a;
  }

  .color-slider[data-orientation="vertical"] .color-slider__track:before, .color-slider[data-orientation="vertical"] .color-slider__track:after {
    width: 100%;
    height: .625rem;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .color-slider[data-orientation="vertical"] .color-slider__track:before {
    background: linear-gradient(var(--track-start-color, transparent)), repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50% / 16px 16px;
    border-end-end-radius: 999px;
    border-end-start-radius: 999px;
    bottom: -.625rem;
    box-shadow: inset 1px 0 #0000001a, inset -1px 0 #0000001a, inset 0 -1px #0000001a;
  }

  .color-slider[data-orientation="vertical"] .color-slider__track:after {
    background-color: var(--track-end-color, transparent);
    border-start-start-radius: 999px;
    border-start-end-radius: 999px;
    top: -.625rem;
    box-shadow: inset 1px 0 #0000001a, inset -1px 0 #0000001a, inset 0 1px #0000001a;
  }

  .color-slider[data-orientation="vertical"] .color-slider__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    left: 50%;
  }

  .color-swatch {
    box-sizing: border-box;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    background: linear-gradient(var(--color-swatch-current), var(--color-swatch-current)), repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50% / 16px 16px;
    flex-shrink: 0;
    position: relative;
    box-shadow: inset 0 0 0 1px #0000001a;
  }

  .color-swatch--circle {
    border-radius: calc(var(--radius) * 2);
  }

  .color-swatch--square {
    border-radius: calc(var(--radius) - 2px);
  }

  .color-swatch--xs {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .color-swatch--xs.color-swatch--circle {
    border-radius: var(--radius);
  }

  .color-swatch--sm {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .color-swatch--sm.color-swatch--circle {
    border-radius: calc(var(--radius) + 4px);
  }

  .color-swatch--lg {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .color-swatch--lg.color-swatch--circle {
    border-radius: calc(var(--radius) * 3);
  }

  .color-swatch--xl {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .color-swatch--xl.color-swatch--circle {
    border-radius: calc(var(--radius) * 3);
  }

  .color-swatch-picker {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .color-swatch-picker__item {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: border-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    border-width: 2px;
    border-color: #0000;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .color-swatch-picker__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-swatch-picker__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-swatch-picker__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-swatch-picker__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-swatch-picker__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .color-swatch-picker__item:focus-visible, .color-swatch-picker__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-swatch-picker__item[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .color-swatch-picker__item[data-selected="true"] {
    border-color: var(--color-swatch-current);
    box-shadow: var(--field-shadow);
  }

  .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    transform: scale(.77);
  }

  .color-swatch-picker__swatch {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: transform .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    display: block;
  }

  .color-swatch-picker__swatch:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-swatch-picker__swatch:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-swatch-picker__swatch:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__swatch:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-swatch-picker__swatch:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-swatch-picker__swatch:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .color-swatch-picker__swatch:hover {
      transform: scale(1.1);
    }
  }

  .color-swatch-picker__indicator {
    pointer-events: none;
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .color-swatch-picker__indicator > * {
    width: 33.3333%;
    height: 33.3333%;
    color: var(--color-white);
    transition: transform .15s var(--ease-out);
    transform: scale(0)translateZ(0);
  }

  .color-swatch-picker__indicator > *:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-swatch-picker__indicator > *:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-swatch-picker__indicator > *:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__indicator > *:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-swatch-picker__indicator > *:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-swatch-picker__indicator > *:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .color-swatch-picker__indicator[data-light-color="true"] .color-swatch-picker__indicator > * {
    color: var(--color-black);
  }

  .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__indicator > * {
    transform: scale(1)translateZ(0);
  }

  .color-swatch-picker--stack {
    flex-direction: column;
  }

  .color-swatch-picker--xs .color-swatch-picker__item {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .color-swatch-picker--sm .color-swatch-picker__item {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .color-swatch-picker--lg .color-swatch-picker__item {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) * 3);
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .color-swatch-picker--xl .color-swatch-picker__item {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .color-swatch-picker--square .color-swatch-picker__item {
    border-radius: calc(var(--radius) + 4px);
  }

  .color-swatch-picker--square .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--xs .color-swatch-picker__item {
    border-radius: calc(var(--radius) - 2px);
  }

  .color-swatch-picker--square.color-swatch-picker--xs .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) - 2px);
  }

  .color-swatch-picker--square.color-swatch-picker--xs .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) - 2px);
  }

  .color-swatch-picker--square.color-swatch-picker--sm .color-swatch-picker__item {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--sm .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--sm .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) - 2px);
  }

  .color-swatch-picker--square.color-swatch-picker--lg .color-swatch-picker__item {
    border-radius: calc(var(--radius) + 4px);
  }

  .color-swatch-picker--square.color-swatch-picker--lg .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--lg .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--xl .color-swatch-picker__item {
    border-radius: calc(var(--radius) + 4px);
  }

  .color-swatch-picker--square.color-swatch-picker--xl .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-swatch-picker--square.color-swatch-picker--xl .color-swatch-picker__item[data-selected="true"] .color-swatch-picker__swatch {
    border-radius: var(--radius);
  }

  .color-input-group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .color-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .color-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .color-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .color-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .color-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .color-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .color-input-group:hover:not(:focus-within), .color-input-group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .color-input-group[data-focus-within="true"], .color-input-group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-input-group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .color-input-group[data-invalid="true"]:focus, .color-input-group[data-invalid="true"]:focus-visible, .color-input-group[data-invalid="true"][data-focused="true"], .color-input-group[data-invalid="true"][data-focus-visible="true"], .color-input-group[data-invalid="true"]:focus-within, .color-input-group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .color-input-group[data-invalid="true"] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }

  .color-input-group[data-disabled="true"], .color-input-group[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .color-input-group__input {
    cursor: text;
    border-style: var(--tw-border-style);
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
    align-items: center;
    display: flex;
  }

  @media (min-width: 40rem) {
    .color-input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

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

  .color-input-group:has([data-slot="color-input-group-prefix"]) .color-input-group__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .color-input-group:has([data-slot="color-input-group-suffix"]) .color-input-group__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .color-input-group__input:focus, .color-input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .color-input-group__prefix {
    color: var(--field-placeholder, var(--muted));
    flex-shrink: 0;
    align-items: center;
    margin-inline-start: calc(var(--spacing) * 3);
    margin-inline-end: 0;
    display: flex;
  }

  .color-input-group__suffix {
    color: var(--field-placeholder, var(--muted));
    flex-shrink: 0;
    align-items: center;
    margin-inline-end: calc(var(--spacing) * 3);
    display: flex;
  }

  .color-input-group--secondary {
    --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);
    background-color: var(--color-input-group-bg);
    --color-input-group-bg: var(--default);
    --color-input-group-bg-hover: var(--default-hover);
    --color-input-group-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .color-input-group--secondary:hover:not(:focus-within), .color-input-group--secondary[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--color-input-group-bg-hover);
    }
  }

  .color-input-group--secondary:focus-within, .color-input-group--secondary[data-focus-within="true"] {
    background-color: var(--color-input-group-bg-focus);
  }

  .color-input-group--secondary[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .color-input-group--secondary[data-invalid="true"]:focus, .color-input-group--secondary[data-invalid="true"]:focus-visible, .color-input-group--secondary[data-invalid="true"][data-focused="true"], .color-input-group--secondary[data-invalid="true"][data-focus-visible="true"], .color-input-group--secondary[data-invalid="true"]:focus-within, .color-input-group--secondary[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .color-input-group--secondary[data-invalid="true"] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--color-input-group-bg-focus);
  }

  .color-input-group--secondary [data-slot="color-input-group-input"] {
    background-color: #0000;
  }

  .color-input-group--full-width {
    width: 100%;
  }

  .color-field {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.color-field[data-invalid="true"], .color-field[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .color-field [data-slot="label"] {
    width: fit-content;
  }

  .color-field--full-width {
    width: 100%;
  }

  .slider {
    gap: var(--spacing);
    grid-template-columns: 1fr auto;
    grid-template-areas: "label output"
                         "track track";
    width: 100%;
    display: grid;
  }

  .slider [data-slot="label"] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }

  .slider .slider__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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, );
    grid-area: output;
  }

  .slider .slider__track {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--default);
    grid-area: track;
    position: relative;
  }

  .slider .slider__fill {
    pointer-events: none;
    background-color: var(--accent);
    position: absolute;
  }

  .slider .slider__thumb {
    cursor: grab;
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--accent);
    -webkit-tap-highlight-color: transparent;
    transition: background-color .25s var(--ease-smooth), transform .25s var(--ease-out), box-shadow .15s var(--ease-out);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .slider .slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .slider .slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .slider .slider__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .slider .slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .slider .slider__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .slider .slider__thumb:after {
    z-index: 10;
    border-radius: var(--radius);
    background-color: var(--accent-foreground);
    color: var(--color-black);
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    content: "";
    transform-origin: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: relative;
  }

  .slider .slider__thumb:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .slider .slider__thumb:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .slider .slider__thumb:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .slider .slider__thumb:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .slider .slider__thumb:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .slider .slider__thumb[data-dragging="true"] {
    cursor: grabbing;
  }

  .slider .slider__thumb[data-dragging="true"]:after {
    scale: .9;
  }

  .slider .slider__thumb[data-dragging="true"]:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .slider .slider__thumb[data-dragging="true"]:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .slider .slider__thumb[data-dragging="true"]:after:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb[data-dragging="true"]:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .slider .slider__thumb[data-dragging="true"]:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .slider .slider__thumb[data-dragging="true"]:after:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .slider .slider__thumb[data-focus-visible="true"] {
    z-index: 10;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .slider .slider__thumb[data-disabled="true"] {
    cursor: default;
  }

  .slider:disabled, .slider[data-disabled="true"], .slider[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.slider:disabled, .slider[data-disabled="true"], .slider[aria-disabled="true"]) [data-slot="label"] {
    opacity: 1;
  }

  .slider[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .slider[data-orientation="horizontal"] .slider__track {
    height: calc(var(--spacing) * 5);
    border-inline-style: var(--tw-border-style);
    border-inline-width: .75rem;
    border-inline-color: #0000;
    width: 100%;
  }

  .slider[data-orientation="horizontal"] .slider__track[data-fill-start="true"] {
    border-inline-start-color: var(--accent);
  }

  .slider[data-orientation="horizontal"] .slider__track[data-fill-end="true"] {
    border-inline-end-color: var(--accent);
  }

  .slider[data-orientation="horizontal"] .slider__fill, .slider[data-orientation="horizontal"] .slider__thumb {
    height: 100%;
  }

  .slider[data-orientation="horizontal"] .slider__thumb {
    width: 1.75rem;
    top: 50%;
  }

  .slider[data-orientation="horizontal"] .slider__thumb:after {
    width: 1.5rem;
    height: 1rem;
  }

  .slider[data-orientation="vertical"] {
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    grid-template: "output"
                   "track" 1fr
                   "label"
                   / 1fr;
    height: 100%;
  }

  .slider[data-orientation="vertical"] .slider__output, .slider[data-orientation="vertical"] [data-slot="label"] {
    text-align: center;
  }

  .slider[data-orientation="vertical"] .slider__track {
    height: 100%;
    width: calc(var(--spacing) * 5);
    border-block-style: var(--tw-border-style);
    border-block-width: .75rem;
    border-block-color: #0000;
    justify-self: center;
  }

  .slider[data-orientation="vertical"] .slider__track[data-fill-start="true"] {
    border-bottom-color: var(--accent);
  }

  .slider[data-orientation="vertical"] .slider__track[data-fill-end="true"] {
    border-top-color: var(--accent);
  }

  .slider[data-orientation="vertical"] .slider__fill, .slider[data-orientation="vertical"] .slider__thumb {
    width: 100%;
  }

  .slider[data-orientation="vertical"] .slider__thumb {
    height: 1.75rem;
    left: 50%;
  }

  .slider[data-orientation="vertical"] .slider__thumb:after {
    width: 1rem;
    height: 1.5rem;
  }

  .switch {
    align-items: flex-start;
    gap: var(--spacing);
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    --switch-control-bg: var(--default);
    --switch-control-bg-hover: var(--switch-control-bg);
    flex-direction: column;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .switch {
      --switch-control-bg-hover: color-mix(in oklab, var(--switch-control-bg), transparent 20%);
    }
  }

  .switch {
    --switch-control-bg-pressed: var(--switch-control-bg-hover);
    --switch-control-bg-checked: var(--accent);
    --switch-control-bg-checked-hover: var(--accent-hover);
  }

  .switch[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .switch[data-disabled="true"] [data-slot="description"], .switch[data-disabled="true"] [data-slot="field-error"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .switch[data-disabled="true"] .switch__thumb {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .switch[data-disabled="true"] .switch__thumb {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .switch > [data-slot="description"] {
    width: 100%;
    min-width: 0;
    padding-inline-start: 3.25rem;
  }

  .switch > [data-slot="field-error"] {
    width: 100%;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted);
    padding-inline-start: 3.25rem;
  }

  .switch.switch--sm > [data-slot="description"], .switch.switch--sm > [data-slot="field-error"] {
    padding-inline-start: 2.75rem;
  }

  .switch.switch--lg > [data-slot="description"], .switch.switch--lg > [data-slot="field-error"] {
    padding-inline-start: 3.75rem;
  }

  :is(.switch:disabled[aria-checked="true"], .switch:disabled[data-selected="true"], .switch[data-disabled="true"][aria-checked="true"], .switch[data-disabled="true"][data-selected="true"], .switch[aria-disabled="true"][aria-checked="true"], .switch[aria-disabled="true"][data-selected="true"]) .switch__thumb {
    opacity: .4;
  }

  .switch__control {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--switch-control-bg);
    width: 2.5rem;
    height: 1.25rem;
    transition: background-color .25s var(--ease-smooth), box-shadow .15s var(--ease-out);
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .switch:focus-visible .switch__control, .switch [data-slot="switch-content"][data-focus-visible="true"] .switch__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .switch:has([data-slot="switch-content"][data-focus-visible="true"]) .switch__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .switch:hover .switch__control, .switch [data-slot="switch-content"][data-hovered="true"] .switch__control {
    background-color: var(--switch-control-bg-hover);
  }

  .switch:has([data-slot="switch-content"][data-hovered="true"]) .switch__control {
    background-color: var(--switch-control-bg-hover);
  }

  .switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control {
    background-color: var(--switch-control-bg-pressed);
  }

  .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control {
    background-color: var(--switch-control-bg-pressed);
  }

  .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transform: none;
  }

  .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transform: none;
    }

    .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .switch:has([data-slot="switch-content"][data-pressed="true"]) .switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transform: none;
    }
  }

  :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transform: none;
  }

  :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transform: none;
    }

    :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.switch:active .switch__control, .switch [data-slot="switch-content"][data-pressed="true"] .switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transform: none;
    }
  }

  .switch[aria-checked="true"] .switch__control, .switch[data-selected="true"] .switch__control {
    background-color: var(--switch-control-bg-checked);
  }

  .switch[aria-checked="true"]:hover .switch__control, .switch[data-selected="true"]:hover .switch__control, .switch[aria-checked="true"][data-hovered="true"] .switch__control, .switch[data-selected="true"][data-hovered="true"] .switch__control {
    background-color: var(--switch-control-bg-checked-hover);
  }

  .switch:has([data-slot="switch-content"][data-hovered="true"])[data-selected="true"] .switch__control {
    background-color: var(--switch-control-bg-checked-hover);
  }

  .switch[aria-checked="true"]:active .switch__control, .switch[data-selected="true"]:active .switch__control, .switch[aria-checked="true"][data-pressed="true"] .switch__control, .switch[data-selected="true"][data-pressed="true"] .switch__control {
    background-color: var(--switch-control-bg-checked-hover);
  }

  .switch:has([data-slot="switch-content"][data-pressed="true"])[data-selected="true"] .switch__control {
    background-color: var(--switch-control-bg-checked-hover);
  }

  .switch__content {
    cursor: inherit;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .switch--sm .switch__control {
    border-radius: var(--radius);
    width: 2rem;
    height: 1rem;
  }

  .switch--lg .switch__control {
    width: 3rem;
    height: 1.5rem;
  }

  .switch__thumb {
    transform-origin: center;
    border-radius: var(--radius);
    background-color: var(--color-white);
    color: var(--color-black);
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    width: 1.375rem;
    height: 1rem;
    transition: margin .3s var(--ease-out-fluid), background-color .2s var(--ease-out);
    margin-inline-start: calc(var(--spacing) * .5);
    display: flex;
  }

  .switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .switch[aria-checked="true"] .switch__thumb, .switch[data-selected="true"] .switch__thumb {
    background-color: var(--accent-foreground);
    color: var(--accent);
    margin-inline-start: calc(100% - 1.5rem);
    box-shadow: 0 0 5px #00000005, 0 2px 10px #0000000f, 0 0 1px #0000004d;
  }

  .switch--sm .switch__thumb {
    border-radius: calc(var(--radius) - 2px);
    width: 1.03125rem;
    height: .75rem;
  }

  .switch[aria-checked="true"] :is(.switch--sm .switch__thumb), .switch[data-selected="true"] :is(.switch--sm .switch__thumb) {
    margin-inline-start: calc(100% - 1.15625rem);
  }

  .switch--lg .switch__thumb {
    border-radius: calc(var(--radius) + 4px);
    width: 1.71875rem;
    height: 1.25rem;
  }

  .switch[aria-checked="true"] :is(.switch--lg .switch__thumb), .switch[data-selected="true"] :is(.switch--lg .switch__thumb) {
    margin-inline-start: calc(100% - 1.84375rem);
  }

  .switch__thumb > * {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .switch [data-slot="label"] {
    -webkit-user-select: none;
    user-select: none;
  }

  .switch__content [data-slot="label"] {
    cursor: var(--cursor-interactive);
  }

  .switch [data-slot="description"] {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }

  .switch-group {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    display: flex;
  }

  .switch-group__items {
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .switch-group--horizontal .switch-group__items {
    flex-direction: row;
  }

  .switch-group--vertical .switch-group__items {
    flex-direction: column;
  }

  .badge {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * .5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    min-height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    border-radius: calc(var(--radius) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1.34;
    --badge-bg: var(--default);
    --badge-fg: var(--default-foreground);
    --badge-border: var(--background);
    background-color: var(--badge-bg);
    color: var(--badge-fg);
    border: 1px solid var(--badge-border);
    background-clip: padding-box;
    flex-shrink: 0;
    line-height: 1.34;
    display: inline-flex;
  }

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

  .badge-anchor {
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .badge--lg {
    min-height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    line-height: 1.43;
  }

  .badge--sm {
    min-height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    --tw-leading: 1.34;
    font-size: 10px;
    line-height: 1.34;
  }

  .badge--accent {
    --badge-fg: var(--accent-soft-foreground);
  }

  .badge--default {
    --badge-fg: var(--default-foreground);
  }

  .badge--success {
    --badge-fg: var(--success-soft-foreground);
  }

  .badge--warning {
    --badge-fg: var(--warning-soft-foreground);
  }

  .badge--danger {
    --badge-fg: var(--danger-soft-foreground);
  }

  .badge--top-right {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -25%);
  }

  .badge--top-left {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-25%, -25%);
  }

  .badge--bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(25%, 25%);
  }

  .badge--bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-25%, 25%);
  }

  .badge--primary.badge--accent {
    --badge-bg: var(--accent);
    --badge-fg: var(--accent-foreground);
  }

  .badge--primary.badge--default {
    --badge-bg: var(--default);
    --badge-fg: var(--default-foreground);
  }

  .badge--primary.badge--success {
    --badge-bg: var(--success);
    --badge-fg: var(--success-foreground);
  }

  .badge--primary.badge--warning {
    --badge-bg: var(--warning);
    --badge-fg: var(--warning-foreground);
  }

  .badge--primary.badge--danger {
    --badge-bg: var(--danger);
    --badge-fg: var(--danger-foreground);
  }

  .badge--soft.badge--accent {
    --badge-bg: var(--accent-soft);
    --badge-fg: var(--accent-soft-foreground);
  }

  .badge--soft.badge--default {
    --badge-bg: var(--default-soft);
    --badge-fg: var(--default-soft-foreground);
  }

  .badge--soft.badge--success {
    --badge-bg: var(--success-soft);
    --badge-fg: var(--success-soft-foreground);
  }

  .badge--soft.badge--warning {
    --badge-bg: var(--warning-soft);
    --badge-fg: var(--warning-soft-foreground);
  }

  .badge--soft.badge--danger {
    --badge-bg: var(--danger-soft);
    --badge-fg: var(--danger-soft-foreground);
  }

  .chip {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: calc(var(--radius) * 2);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --chip-bg: var(--default);
    --chip-fg: currentColor;
    background-color: var(--chip-bg);
    color: var(--chip-fg);
    flex-shrink: 0;
    display: inline-flex;
  }

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

  .chip--accent {
    --chip-fg: var(--accent-soft-foreground);
  }

  .chip--danger {
    --chip-fg: var(--danger-soft-foreground);
  }

  .chip--default {
    --chip-fg: var(--default-foreground);
  }

  .chip--success {
    --chip-fg: var(--success-soft-foreground);
  }

  .chip--warning {
    --chip-fg: var(--warning-soft-foreground);
  }

  .chip--tertiary {
    --chip-bg: transparent;
  }

  .chip--sm {
    padding-inline: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    padding-block: 0;
  }

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

  .chip--lg {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .chip--primary.chip--accent {
    --chip-bg: var(--accent);
    --chip-fg: var(--accent-foreground);
  }

  .chip--primary.chip--success {
    --chip-bg: var(--success);
    --chip-fg: var(--success-foreground);
  }

  .chip--primary.chip--warning {
    --chip-bg: var(--warning);
    --chip-fg: var(--warning-foreground);
  }

  .chip--primary.chip--danger {
    --chip-bg: var(--danger);
    --chip-fg: var(--danger-foreground);
  }

  .chip--accent.chip--soft {
    --chip-bg: var(--accent-soft);
    --chip-fg: var(--accent-soft-foreground);
  }

  .chip--success.chip--soft {
    --chip-bg: var(--success-soft);
    --chip-fg: var(--success-soft-foreground);
  }

  .chip--warning.chip--soft {
    --chip-bg: var(--warning-soft);
    --chip-fg: var(--warning-soft-foreground);
  }

  .chip--danger.chip--soft {
    --chip-bg: var(--danger-soft);
    --chip-fg: var(--danger-soft-foreground);
  }

  .chip--default.chip--soft {
    --chip-bg: var(--default-soft);
    --chip-fg: var(--default-soft-foreground);
  }

  .table-root {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    display: grid;
    position: relative;
    overflow: clip;
  }

  .table__scroll-container {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    scrollbar-gutter: auto;
    overflow-x: auto;
  }

  .table-root--primary {
    background-color: var(--surface-secondary);
    padding-inline: var(--spacing);
    padding-bottom: var(--spacing);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }

  .table-root--secondary .table__header {
    border-bottom-style: var(--tw-border-style);
    background-color: #0000;
    border-bottom-width: 0;
  }

  .table-root--secondary .table__column {
    background-color: var(--surface-secondary);
  }

  .table-root--secondary :is(th.table__column:first-child, [role="row"] > [role="presentation"]:first-of-type > .table__column) {
    border-start-start-radius: min(32px, var(--radius-2xl));
    border-end-start-radius: min(32px, var(--radius-2xl));
  }

  .table-root--secondary :is(th.table__column:last-child, [role="row"] > [role="presentation"]:last-of-type > .table__column) {
    border-start-end-radius: min(32px, var(--radius-2xl));
    border-end-end-radius: min(32px, var(--radius-2xl));
  }

  .table-root--secondary .table__body {
    --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);
  }

  .table-root--secondary .table__body tr:first-child td:first-child, .table-root--secondary .table__body tr:first-child td:last-child, .table-root--secondary .table__body tr:last-child td:first-child, .table-root--secondary .table__body tr:last-child td:last-child {
    border-radius: 0;
  }

  .table-root--secondary .table__body:not(tbody) {
    border-radius: 0;
    overflow: visible;
  }

  .table-root--secondary .table__row .table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-root--secondary .table__row .table__cell {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }

  .table-root--secondary .table__row .table__cell {
    background-color: #0000;
  }

  @media (hover: hover) {
    .table-root--secondary .table__row:hover .table__cell, .table-root--secondary .table__row[data-hovered="true"] .table__cell {
      background-color: var(--default);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table-root--secondary .table__row:hover .table__cell, .table-root--secondary .table__row[data-hovered="true"] .table__cell {
        background-color: color-mix(in oklab, var(--default) 50%, transparent);
      }
    }
  }

  .table__content {
    border-collapse: separate;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    width: 100%;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .table-root--primary .table__content {
    overflow: clip;
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .table__header {
      border-color: color-mix(in oklab, var(--separator) 50%, transparent);
    }
  }

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

  .table__column {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: start;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
    position: relative;
  }

  .table__column:after {
    content: "";
    pointer-events: none;
    inset-inline-end: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--separator);
    position: absolute;
    top: 50%;
  }

  .table__column:last-child:not(:only-child):after {
    content: none;
  }

  .table__column[data-allows-sorting="true"] {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    .table__column[data-allows-sorting="true"]:hover, .table__column[data-allows-sorting="true"][data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .table__column:focus-visible, .table__column[data-focus-visible="true"] {
    border-radius: var(--radius);
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--focus);
    outline-style: none;
  }

  [role="row"] > [role="presentation"]:last-of-type:not(:only-of-type) > .table__column:after {
    content: none;
  }

  .table__sortable-column-header {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .table__sortable-column-indicator {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .1s;
    --tw-ease: var(--ease-out);
    transition-duration: .1s;
    transition-timing-function: var(--ease-out);
    place-content: center;
    display: inline-grid;
  }

  .table__sortable-column-indicator[data-direction="descending"] {
    rotate: 180deg;
  }

  .table__body tr:first-child td:first-child {
    border-start-start-radius: min(32px, var(--radius-2xl));
  }

  .table__body tr:first-child td:last-child {
    border-start-end-radius: min(32px, var(--radius-2xl));
  }

  .table__body tr:last-child td:first-child {
    border-end-start-radius: min(32px, var(--radius-2xl));
  }

  .table__body tr:last-child td:last-child {
    border-end-end-radius: min(32px, var(--radius-2xl));
  }

  .table__body:not(tbody) {
    border-radius: min(32px, var(--radius-2xl));
    height: 100%;
    position: relative;
    overflow: clip;
  }

  .table__row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    height: 100%;
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table__row {
      border-color: color-mix(in oklab, var(--separator) 50%, transparent);
    }
  }

  .table__row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .table__row:hover .table__cell, .table__row[data-hovered="true"] .table__cell {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table__row:hover .table__cell, .table__row[data-hovered="true"] .table__cell {
        background-color: color-mix(in oklab, var(--surface) 40%, transparent);
      }
    }
  }

  .table__row[data-selected="true"] .table__cell {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table__row[data-selected="true"] .table__cell {
      background-color: color-mix(in oklab, var(--surface) 10%, transparent);
    }
  }

  .table__row[aria-disabled="true"], .table__row[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .table__row:focus-visible, .table__row[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .table__row[data-dragging="true"] {
    opacity: .5;
  }

  .table__row[data-drop-target="true"] .table__cell {
    background-color: var(--accent-soft);
  }

  .table__cell {
    background-color: var(--surface);
    height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table__cell {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }

  .table__cell:focus-visible, .table__cell[data-focus-visible="true"] {
    border-radius: var(--radius);
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--focus);
    outline-style: none;
  }

  .table__row:is(:focus-visible, [data-focus-visible="true"]) :is(.table__cell, .table__column) {
    --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);
  }

  .table__row:is(:focus-visible, [data-focus-visible="true"]) > :is(.table__cell, .table__column):only-child, .table__row:is(:focus-visible, [data-focus-visible="true"]) > :only-child :is(.table__cell, .table__column) {
    border-radius: var(--radius);
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--focus));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .table__row:is(:focus-visible, [data-focus-visible="true"]) > :is(.table__cell, .table__column):first-child:not(:only-child), .table__row:is(:focus-visible, [data-focus-visible="true"]) > :first-child:not(:only-child) :is(.table__cell, .table__column) {
    --tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, var(--focus)), inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)), inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
    outline-style: none;
  }

  .table__row:is(:focus-visible, [data-focus-visible="true"]) > :is(.table__cell, .table__column):last-child:not(:only-child), .table__row:is(:focus-visible, [data-focus-visible="true"]) > :last-child:not(:only-child) :is(.table__cell, .table__column) {
    --tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, var(--focus)), inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)), inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
    outline-style: none;
  }

  .table__row:is(:focus-visible, [data-focus-visible="true"]) > :is(.table__cell, .table__column):not(:first-child):not(:last-child):not(:only-child), .table__row:is(:focus-visible, [data-focus-visible="true"]) > :not(:first-child):not(:last-child):not(:only-child) :is(.table__cell, .table__column) {
    --tw-shadow: inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)), inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .table__cell[data-tree-column] {
    padding-inline-start: calc(1rem * var(--table-row-level, 1));
  }

  .table__footer {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    align-items: center;
    display: flex;
  }

  .table__resizable-container {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    scrollbar-gutter: auto;
    position: relative;
    overflow: auto;
  }

  .table__column-resizer {
    inset-inline-end: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--separator);
    box-sizing: content-box;
    --tw-translate-x: calc(1 / 2 * 100%);
    width: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: col-resize;
    touch-action: none;
    padding-inline: calc(var(--spacing) * 2);
    --tw-border-style: none;
    --tw-outline-style: none;
    background-clip: content-box;
    border-style: none;
    outline-style: none;
    position: absolute;
    top: 50%;
  }

  .table__column-resizer[data-hovered="true"], .table__column-resizer:hover, .table__column-resizer[data-resizing="true"] {
    height: 100%;
    width: calc(var(--spacing) * .5);
    background-color: var(--accent);
  }

  .table__column-resizer[data-focus-visible="true"], .table__column-resizer:focus-visible {
    height: 100%;
    width: calc(var(--spacing) * .5);
    background-color: var(--focus);
  }

  .table__column:has(.table__column-resizer):after {
    content: none;
  }

  .table__load-more td, .table__load-more [role="rowheader"] {
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
  }

  :is(.table__load-more td, .table__load-more [role="rowheader"]) > * {
    margin-inline: auto;
  }

  .table__load-more-content {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    display: flex;
  }

  .alert {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    background-color: var(--surface);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: min(32px, var(--radius-3xl));
    flex-direction: row;
    display: flex;
  }

  .alert__content {
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .alert__indicator {
    padding: var(--spacing);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alert__indicator [data-slot="alert-default-icon"] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .alert__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

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

  .alert--default .alert__indicator, .alert--default .alert__title {
    color: var(--foreground);
  }

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

  .alert--success .alert__indicator, .alert--success .alert__title {
    color: var(--success-soft-foreground);
  }

  .alert--warning .alert__indicator, .alert--warning .alert__title {
    color: var(--warning-soft-foreground);
  }

  .alert--danger .alert__indicator, .alert--danger .alert__title {
    color: var(--danger-soft-foreground);
  }

  .empty-state {
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted);
  }

  .skeleton {
    pointer-events: none;
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--surface-tertiary);
    position: relative;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .skeleton {
      background-color: color-mix(in oklab, var(--surface-tertiary) 70%, transparent);
    }
  }

  .skeleton--shimmer:after {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-gradient-position: to right;
    animation: 2s linear infinite skeleton;
    position: absolute;
    inset: 0;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .skeleton--shimmer:after {
      --tw-gradient-position: to right in oklab;
    }
  }

  .skeleton--shimmer:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: var(--surface-tertiary);
    --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, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: transparent;
    --tw-content: "";
    content: var(--tw-content);
  }

  .skeleton--shimmer:has(.skeleton):after {
    content: none;
  }

  .skeleton--shimmer:has(.skeleton):before {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-content: "";
    content: var(--tw-content);
    z-index: 10;
    pointer-events: none;
    mix-blend-mode: overlay;
    background: linear-gradient(90deg, #0000 0%, #ffffff80 50%, #0000 100%);
    animation: 2s linear infinite skeleton;
    position: absolute;
    inset: 0;
  }

  .skeleton--shimmer:has(.skeleton) .skeleton:after {
    content: none;
  }

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

  .meter {
    gap: var(--spacing);
    --meter-fill: var(--accent);
    grid-template-columns: 1fr auto;
    grid-template-areas: "label output"
                         "track track";
    width: 100%;
    display: grid;
  }

  .meter [data-slot="label"] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }

  .meter .meter__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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, );
    grid-area: output;
  }

  .meter .meter__track {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--default);
    height: calc(var(--spacing) * 2);
    grid-area: track;
    position: relative;
    overflow: hidden;
  }

  .meter .meter__fill {
    inset-inline-start: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--meter-fill);
    height: 100%;
    transition: width .3s var(--ease-out);
    position: absolute;
    top: 0;
  }

  .meter .meter__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .meter .meter__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .meter .meter__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .meter .meter__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .meter .meter__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .meter .meter__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .meter:disabled, .meter[data-disabled="true"], .meter[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.meter:disabled, .meter[data-disabled="true"], .meter[aria-disabled="true"]) [data-slot="label"] {
    opacity: 1;
  }

  .meter--sm .meter__track {
    height: var(--spacing);
    border-radius: calc(var(--radius) * .25);
  }

  .meter--sm .meter__fill {
    border-radius: calc(var(--radius) * .25);
  }

  .meter--lg .meter__track {
    height: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) - 2px);
  }

  .meter--lg .meter__fill {
    border-radius: calc(var(--radius) - 2px);
  }

  .meter--default {
    --meter-fill: var(--default-foreground);
  }

  .meter--accent {
    --meter-fill: var(--accent);
  }

  .meter--success {
    --meter-fill: var(--success);
  }

  .meter--warning {
    --meter-fill: var(--warning);
  }

  .meter--danger {
    --meter-fill: var(--danger);
  }

  .progress-bar {
    gap: var(--spacing);
    --progress-bar-fill: var(--accent);
    grid-template-columns: 1fr auto;
    grid-template-areas: "label output"
                         "track track";
    width: 100%;
    display: grid;
  }

  .progress-bar [data-slot="label"] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }

  .progress-bar .progress-bar__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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, );
    grid-area: output;
  }

  .progress-bar .progress-bar__track {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--default);
    height: calc(var(--spacing) * 2);
    grid-area: track;
    position: relative;
    overflow: hidden;
  }

  .progress-bar .progress-bar__fill {
    inset-inline-start: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--progress-bar-fill);
    height: 100%;
    transition: width .3s var(--ease-out);
    position: absolute;
    top: 0;
  }

  .progress-bar .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .progress-bar .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .progress-bar .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-bar .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .progress-bar .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .progress-bar .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .progress-bar:not([aria-valuenow]) .progress-bar__fill {
    width: 40%;
    animation: 1.5s cubic-bezier(.65, 0, .35, 1) infinite progress-bar-indeterminate;
  }

  .progress-bar:not([aria-valuenow]) .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .progress-bar:not([aria-valuenow]) .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .progress-bar:not([aria-valuenow]) .progress-bar__fill:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-bar:not([aria-valuenow]) .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .progress-bar:not([aria-valuenow]) .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .progress-bar:not([aria-valuenow]) .progress-bar__fill:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .progress-bar:disabled, .progress-bar[data-disabled="true"], .progress-bar[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.progress-bar:disabled, .progress-bar[data-disabled="true"], .progress-bar[aria-disabled="true"]) [data-slot="label"] {
    opacity: 1;
  }

  @keyframes progress-bar-indeterminate {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(350%);
    }
  }

  .progress-bar--sm .progress-bar__track {
    height: var(--spacing);
    border-radius: calc(var(--radius) * .25);
  }

  .progress-bar--sm .progress-bar__fill {
    border-radius: calc(var(--radius) * .25);
  }

  .progress-bar--lg .progress-bar__track {
    height: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) - 2px);
  }

  .progress-bar--lg .progress-bar__fill {
    border-radius: calc(var(--radius) - 2px);
  }

  .progress-bar--default {
    --progress-bar-fill: var(--default-foreground);
  }

  .progress-bar--accent {
    --progress-bar-fill: var(--accent);
  }

  .progress-bar--success {
    --progress-bar-fill: var(--success);
  }

  .progress-bar--warning {
    --progress-bar-fill: var(--warning);
  }

  .progress-bar--danger {
    --progress-bar-fill: var(--danger);
  }

  .progress-circle {
    --progress-circle-stroke: var(--accent);
    --progress-circle-track-stroke: var(--default);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .progress-circle .progress-circle__track {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .progress-circle .progress-circle__track-circle {
    stroke: var(--progress-circle-track-stroke);
  }

  .progress-circle .progress-circle__fill-circle {
    stroke: var(--progress-circle-stroke);
    transition: stroke-dashoffset .3s var(--ease-out);
  }

  .progress-circle .progress-circle__fill-circle:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .progress-circle .progress-circle__fill-circle:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .progress-circle .progress-circle__fill-circle:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-circle .progress-circle__fill-circle:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .progress-circle .progress-circle__fill-circle:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .progress-circle .progress-circle__fill-circle:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .progress-circle:not([aria-valuenow]) .progress-circle__track {
    animation: 1s linear infinite progress-circle-spin;
  }

  .progress-circle:not([aria-valuenow]) .progress-circle__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .progress-circle:not([aria-valuenow]) .progress-circle__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .progress-circle:not([aria-valuenow]) .progress-circle__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-circle:not([aria-valuenow]) .progress-circle__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .progress-circle:not([aria-valuenow]) .progress-circle__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .progress-circle:not([aria-valuenow]) .progress-circle__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .progress-circle:disabled, .progress-circle[data-disabled="true"], .progress-circle[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @keyframes progress-circle-spin {
    from {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .progress-circle--sm .progress-circle__track {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .progress-circle--lg .progress-circle__track {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .progress-circle--default {
    --progress-circle-stroke: var(--default-foreground);
  }

  .progress-circle--accent {
    --progress-circle-stroke: var(--accent);
  }

  .progress-circle--success {
    --progress-circle-stroke: var(--success);
  }

  .progress-circle--warning {
    --progress-circle-stroke: var(--warning);
  }

  .progress-circle--danger {
    --progress-circle-stroke: var(--danger);
  }

  .spinner {
    pointer-events: none;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    animation: .75s linear infinite spin;
    display: inline-flex;
  }

  .spinner:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .spinner:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .spinner:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .spinner:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .spinner:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .spinner:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

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

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

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

  .spinner--current {
    color: inherit;
  }

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

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

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

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

  .toast-region {
    pointer-events: none;
    z-index: var(--z-index-toast);
    --tw-outline-style: none;
    outline-style: none;
    width: calc(100vw - 2rem);
    position: fixed;
  }

  @media (min-width: 40rem) {
    .toast-region {
      width: auto;
    }

    .toast-region {
      min-width: var(--toast-width);
    }
  }

  .toast-region {
    display: block;
  }

  .toast-region--bottom {
    bottom: calc(var(--spacing) * 4);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }

  .toast-region--bottom-start {
    inset-inline-start: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
  }

  .toast-region--bottom-end {
    inset-inline-end: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
  }

  .toast-region--top {
    top: calc(var(--spacing) * 4);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }

  .toast-region--top-start {
    inset-inline-start: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

  .toast-region--top-end {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

  .toast-region:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--focus);
  }

  .toast {
    border-radius: min(32px, var(--radius-3xl));
    --toast-y: var(--offset-collapsed, 0px);
    --toast-enter: 0%;
    --toast-scale: var(--scale-collapsed, 1);
    transform: translateY(calc(var(--dir, 1) * (var(--toast-y) + var(--toast-enter)))) scale(var(--toast-scale));
    height: var(--toast-height, auto);
    pointer-events: auto;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1.5);
    background-color: var(--surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --toast-ease: var(--ease-out-fluid);
    --toast-enter-duration: .35s;
    --toast-exit-duration: .25s;
    --toast-translate-duration: var(--toast-enter-duration);
    --toast-height-duration: var(--toast-enter-duration);
    --toast-opacity-duration: .15s;
    transition: transform var(--toast-translate-duration) var(--toast-ease), height var(--toast-height-duration) var(--toast-ease), opacity var(--toast-opacity-duration) var(--toast-ease);
    flex-direction: row;
    display: flex;
    position: absolute;
    inset-inline: 0;
  }

  .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toast:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toast:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .toast[data-entering="true"] {
    --toast-enter: -100%;
  }

  .toast--bottom, .toast--bottom-start, .toast--bottom-end {
    --dir: -1;
    transform-origin: bottom;
    bottom: 0;
  }

  :is(.toast--bottom, .toast--bottom-start, .toast--bottom-end)[data-expanded="true"]:after {
    top: calc(-1 * var(--gap, 12px) - 1px);
    bottom: 0;
  }

  .toast--top, .toast--top-start, .toast--top-end {
    --dir: 1;
    transform-origin: top;
    top: 0;
  }

  :is(.toast--top, .toast--top-start, .toast--top-end)[data-expanded="true"]:after {
    top: 0;
    bottom: calc(-1 * var(--gap, 12px) - 1px);
  }

  .toast > :not([data-slot="toast-close"]) {
    transition: opacity .2s var(--toast-ease);
  }

  .toast > :not([data-slot="toast-close"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .toast > :not([data-slot="toast-close"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toast > :not([data-slot="toast-close"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toast > :not([data-slot="toast-close"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .toast > :not([data-slot="toast-close"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toast > :not([data-slot="toast-close"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .toast:not([data-frontmost="true"]):not([data-expanded="true"]) {
    --toast-y: var(--offset-collapsed, 0px);
    height: var(--front-height, 0px);
    overflow: hidden;
  }

  .toast:not([data-frontmost="true"]):not([data-expanded="true"]) > :not([data-slot="toast-close"]) {
    opacity: 0;
  }

  .toast:not([data-frontmost="true"]):not([data-expanded="true"]) .toast__close-button {
    pointer-events: none;
    opacity: 0;
    outline: none;
  }

  .toast[data-expanded="true"] {
    --toast-y: var(--offset-expanded, 0px);
    --toast-scale: 1;
    height: var(--toast-height, auto);
  }

  .toast[data-expanded="true"]:after {
    content: "";
    z-index: -1;
    position: absolute;
    inset-inline: 0;
  }

  .toast[data-exiting="true"] {
    opacity: 0;
  }

  .toast[data-exiting="true"][data-frontmost="true"] {
    --toast-translate-duration: var(--toast-exit-duration);
    --toast-opacity-duration: .15s;
    --toast-enter: -100%;
    --toast-scale: 1;
  }

  .toast[data-exiting="true"][data-expanded="true"]:not([data-frontmost="true"]) {
    --toast-translate-duration: .2s;
    --toast-opacity-duration: .15s;
    --toast-scale: .96;
  }

  .toast[data-exiting="true"]:not([data-expanded="true"]):not([data-frontmost="true"]) {
    --toast-translate-duration: .2s;
    --toast-opacity-duration: .15s;
    --toast-scale: calc(var(--scale-collapsed, 1) * .96);
  }

  .toast[data-hidden="true"] {
    pointer-events: none;
    opacity: 0;
    display: flex;
  }

  .toast:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--focus);
  }

  .toast__content {
    flex-direction: column;
    flex-grow: 1;
    align-self: center;
    align-items: flex-start;
    display: flex;
  }

  .toast__indicator {
    padding: var(--spacing);
    color: var(--overlay-foreground);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .toast__indicator [data-slot="toast-default-icon"] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .toast__indicator [data-slot="spinner"], .toast__indicator [data-slot="spinner-icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]) {
    animation: toast-indicator-fade .15s var(--toast-ease), toast-indicator-scale .2s var(--toast-ease);
  }

  .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toast__indicator[data-swapped="true"] > :not([data-slot="spinner"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .toast__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--overlay-foreground);
  }

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

  .toast__close-button {
    pointer-events: none;
    inset-inline-end: calc(var(--spacing) * -1);
    top: calc(var(--spacing) * -1);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-color: var(--border);
    background-color: var(--default);
    opacity: 0;
    position: absolute;
  }

  @media (min-width: 40rem) {
    .toast__close-button {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

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

  .toast__close-button {
    transition: opacity .15s var(--ease-smooth);
  }

  .toast__close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .toast__close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .toast__close-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .toast__close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .toast__close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .toast__close-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .toast__close-button [data-slot="close-button-icon"] {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  @media (min-width: 40rem) {
    .toast__close-button [data-slot="close-button-icon"] {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }

  @media (hover: hover) {
    .toast__close-button:hover, .toast__close-button[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .toast[data-frontmost="true"]:hover .toast__close-button, .toast[data-expanded="true"]:hover .toast__close-button {
    pointer-events: auto;
    opacity: 1;
  }

  .toast[data-exiting="true"] .toast__close-button {
    pointer-events: none;
    opacity: 0;
  }

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

  @media (min-width: 40rem) {
    .toast__action {
      margin-top: 0;
    }
  }

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

  .toast--success .toast__title, .toast--success .toast__indicator {
    color: var(--success-soft-foreground);
  }

  .toast--warning .toast__title, .toast--warning .toast__indicator {
    color: var(--warning-soft-foreground);
  }

  .toast--danger .toast__title, .toast--danger .toast__indicator {
    color: var(--danger-soft-foreground);
  }

  @keyframes toast-indicator-fade {
    from {
      opacity: 0;
    }
  }

  @keyframes toast-indicator-scale {
    from {
      scale: .92;
    }
  }

  .checkbox-group {
    flex-direction: column;
    display: flex;
  }

  .checkbox-group [data-slot="checkbox"] {
    margin-top: calc(var(--spacing) * 4);
  }

  .checkbox {
    align-items: flex-start;
    gap: var(--spacing);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  .checkbox > [data-slot="description"], .checkbox > [data-slot="field-error"] {
    cursor: default;
    width: 100%;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    padding-inline-start: calc(var(--spacing) * 7);
  }

  .checkbox [data-slot="label"] {
    -webkit-user-select: none;
    user-select: none;
  }

  .checkbox .checkbox__content [data-slot="label"] {
    cursor: var(--cursor-interactive);
  }

  .checkbox[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .checkbox[data-disabled="true"] [data-slot="description"], .checkbox[data-disabled="true"] [data-slot="field-error"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.checkbox[data-selected="true"], .checkbox[data-indeterminate="true"]) .checkbox__indicator {
    border-color: var(--accent-foreground);
  }

  .checkbox [data-slot="checkbox-default-indicator--checkmark"] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    stroke-width: 2.5px;
    color: var(--accent-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .checkbox [data-slot="checkbox-default-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .checkbox [data-slot="checkbox-default-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .checkbox [data-slot="checkbox-default-indicator--checkmark"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .checkbox [data-slot="checkbox-default-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .checkbox [data-slot="checkbox-default-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .checkbox [data-slot="checkbox-default-indicator--checkmark"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .checkbox[data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"] {
    transition: stroke-dashoffset .15s linear 15ms;
  }

  .checkbox[data-invalid="true"][data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"], .checkbox[data-invalid="true"][aria-checked="true"] [data-slot="checkbox-default-indicator--checkmark"], .checkbox[aria-invalid="true"][data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"], .checkbox[aria-invalid="true"][aria-checked="true"] [data-slot="checkbox-default-indicator--checkmark"] {
    color: var(--danger-foreground);
  }

  .checkbox[data-indeterminate="true"] [data-slot="checkbox-default-indicator--indeterminate"] {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .checkbox[data-indeterminate="true"][data-invalid="true"] [data-slot="checkbox-default-indicator--indeterminate"], .checkbox[data-indeterminate="true"][aria-invalid="true"] [data-slot="checkbox-default-indicator--indeterminate"] {
    color: var(--danger-foreground);
  }

  .checkbox__control {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border, var(--border));
    background-color: var(--field-background, var(--default));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .1s var(--ease-out);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .checkbox__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .checkbox__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .checkbox__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .checkbox__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .checkbox__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .checkbox__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .checkbox__control {
    cursor: var(--cursor-interactive);
  }

  .checkbox__control:before {
    pointer-events: none;
    z-index: 0;
    transform-origin: center;
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--accent);
    opacity: 0;
    --tw-content: "";
    content: var(--tw-content);
    transition: scale .1s var(--ease-linear), opacity .2s var(--ease-linear), background-color .2s var(--ease-out);
    position: absolute;
    inset: 0;
  }

  .checkbox__control:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .checkbox__control:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .checkbox__control:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .checkbox__control:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .checkbox__control:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .checkbox__control:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .checkbox:focus-visible .checkbox__control, .checkbox [data-slot="checkbox-content"][data-focus-visible="true"] .checkbox__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .checkbox:has([data-slot="checkbox-content"][data-focus-visible="true"]) .checkbox__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .checkbox:hover .checkbox__control, .checkbox [data-slot="checkbox-content"][data-hovered="true"] .checkbox__control {
    border-color: var(--field-border-hover);
  }

  .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) .checkbox__control {
    border-color: var(--field-border-hover);
  }

  .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) .checkbox__control:before {
    background-color: var(--accent-hover);
  }

  :is(.checkbox:hover .checkbox__control, .checkbox [data-slot="checkbox-content"][data-hovered="true"] .checkbox__control):before {
    background-color: var(--accent-hover);
  }

  .checkbox[aria-checked="true"] .checkbox__control, .checkbox[data-selected="true"] .checkbox__control {
    color: var(--accent-foreground);
    border-color: #0000;
  }

  :is(.checkbox[aria-checked="true"] .checkbox__control, .checkbox[data-selected="true"] .checkbox__control):before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .checkbox[data-indeterminate="true"] .checkbox__control {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .checkbox:active[data-indeterminate="true"] .checkbox__control, .checkbox[data-pressed="true"][data-indeterminate="true"] .checkbox__control {
    background-color: var(--accent-hover);
  }

  .checkbox:has([data-slot="checkbox-content"][data-pressed="true"])[data-indeterminate="true"] .checkbox__control {
    background-color: var(--accent-hover);
  }

  .checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control):focus, :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control):focus-visible, :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control)[data-focused="true"], :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control)[data-focus-visible="true"], :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control):focus-within, :is(.checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .checkbox[data-invalid="true"][aria-checked="true"] .checkbox__control, .checkbox[data-invalid="true"][data-selected="true"] .checkbox__control, .checkbox[aria-invalid="true"][aria-checked="true"] .checkbox__control, .checkbox[aria-invalid="true"][data-selected="true"] .checkbox__control {
    background-color: var(--danger);
    color: var(--danger-foreground);
    border-color: #0000;
  }

  :is(.checkbox[data-invalid="true"][aria-checked="true"] .checkbox__control, .checkbox[data-invalid="true"][data-selected="true"] .checkbox__control, .checkbox[aria-invalid="true"][aria-checked="true"] .checkbox__control, .checkbox[aria-invalid="true"][data-selected="true"] .checkbox__control):before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--danger);
    opacity: 1;
  }

  .checkbox[data-indeterminate="true"][aria-invalid="true"] .checkbox__control, .checkbox[data-indeterminate="true"][data-invalid="true"] .checkbox__control {
    background-color: var(--danger);
    color: var(--danger-foreground);
  }

  .checkbox__indicator {
    z-index: 10;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .checkbox__indicator svg {
    width: 100%;
    height: 100%;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .checkbox--secondary .checkbox__control {
    --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);
    background-color: var(--checkbox-control-bg);
    --checkbox-control-bg: var(--default);
  }

  .checkbox:hover :is(.checkbox--secondary .checkbox__control), .checkbox [data-slot="checkbox-content"][data-hovered="true"] :is(.checkbox--secondary .checkbox__control) {
    border-color: var(--field-border-hover);
  }

  .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) :is(.checkbox--secondary .checkbox__control) {
    border-color: var(--field-border-hover);
  }

  .checkbox__content {
    cursor: inherit;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .checkbox--secondary:not([aria-checked="true"]):not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control {
    background-color: var(--checkbox-control-bg);
  }

  :is(.checkbox--secondary[aria-checked="true"] .checkbox__control, .checkbox--secondary[data-selected="true"] .checkbox__control):before {
    background-color: var(--accent);
  }

  .checkbox--secondary[data-indeterminate="true"] .checkbox__control {
    background-color: var(--accent);
  }

  .checkbox--secondary[data-indeterminate="true"] .checkbox__control:before {
    background-color: var(--accent);
  }

  .fieldset {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    flex: 1 1 0;
    display: flex;
  }

  .fieldset__legend {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .fieldset__field-group {
    width: 100%;
  }

  :where(.fieldset__field-group > :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)));
  }

  .fieldset__actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-top: var(--spacing);
    display: flex;
  }

  .input-otp {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    width: 100%;
    display: flex;
    position: relative;
  }

  .input-otp[data-disabled="true"] {
    cursor: not-allowed;
    opacity: .5;
  }

  .input-otp__group {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    display: flex;
  }

  .input-otp__slot {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 9.5);
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    min-width: 0;
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    outline-style: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .input-otp__slot:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .input-otp__slot:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input-otp__slot:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-otp__slot:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .input-otp__slot:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input-otp__slot:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .input-otp__slot:hover, .input-otp__slot[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .input-otp__slot[data-active="true"] {
    z-index: 10;
    background-color: var(--field-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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .input-otp__slot[data-filled="true"] {
    background-color: var(--field-focus);
  }

  .input-otp__slot[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .input-otp__slot[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .input-otp__slot[data-invalid="true"]:focus, .input-otp__slot[data-invalid="true"]:focus-visible, .input-otp__slot[data-invalid="true"][data-focused="true"], .input-otp__slot[data-invalid="true"][data-focus-visible="true"], .input-otp__slot[data-invalid="true"]:focus-within, .input-otp__slot[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .input-otp__slot[data-invalid="true"] {
    background-color: var(--field-focus);
  }

  .input-otp__slot-value {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-tracking: -.27px;
    letter-spacing: -.27px;
    animation: slot-value-in .25s var(--ease-smooth) both;
    transform-origin: bottom;
  }

  .input-otp__slot-value:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .input-otp__slot-value:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input-otp__slot-value:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-otp__slot-value:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .input-otp__slot-value:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input-otp__slot-value:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .input-otp__caret {
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--field-placeholder, var(--muted));
    width: 2px;
    animation: 1.2s ease-out infinite caret-blink;
    position: absolute;
  }

  .input-otp__separator {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--separator);
    flex-shrink: 0;
    width: 6px;
    height: 2px;
  }

  .input-otp--secondary .input-otp__slot {
    --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);
    background-color: var(--input-otp-slot-bg);
    --input-otp-slot-bg: var(--default);
    --input-otp-slot-bg-hover: var(--default-hover);
    --input-otp-slot-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .input-otp--secondary .input-otp__slot:hover, .input-otp--secondary .input-otp__slot[data-hovered="true"] {
      background-color: var(--input-otp-slot-bg-hover);
    }
  }

  .input-otp--secondary .input-otp__slot[data-active="true"], .input-otp--secondary .input-otp__slot[data-filled="true"] {
    background-color: var(--input-otp-slot-bg-focus);
  }

  @keyframes slot-value-in {
    0% {
      opacity: 0;
      transform: translateY(8px)scale(.8);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }

  .input {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
  }

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

  @media (min-width: 40rem) {
    .input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .input {
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
  }

  .input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .input:hover:not(:focus):not(:focus-visible), .input[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .input:focus, .input[data-focused="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .input[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .input[data-invalid="true"]:focus, .input[data-invalid="true"]:focus-visible, .input[data-invalid="true"][data-focused="true"], .input[data-invalid="true"][data-focus-visible="true"], .input[data-invalid="true"]:focus-within, .input[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .input[data-invalid="true"] {
    background-color: var(--field-focus);
  }

  .input:disabled, .input[data-disabled="true"], .input[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .input--secondary {
    --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);
    background-color: var(--input-bg);
    --input-bg: var(--default);
    --input-bg-hover: var(--default-hover);
    --input-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .input--secondary:hover:not(:focus):not(:focus-visible), .input--secondary[data-hovered="true"]:not([data-focus-visible="true"]):not([data-focused="true"]) {
      background-color: var(--input-bg-hover);
    }
  }

  .input--secondary:focus, .input--secondary[data-focused="true"] {
    background-color: var(--input-bg-focus);
  }

  .input--secondary[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .input--secondary[data-invalid="true"]:focus, .input--secondary[data-invalid="true"]:focus-visible, .input--secondary[data-invalid="true"][data-focused="true"], .input--secondary[data-invalid="true"][data-focus-visible="true"], .input--secondary[data-invalid="true"]:focus-within, .input--secondary[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .input--secondary[data-invalid="true"] {
    background-color: var(--input-bg-focus);
  }

  .input--full-width {
    width: 100%;
  }

  .input-group {
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    outline-style: none;
    align-items: center;
    display: inline-flex;
  }

  .input-group:has([data-slot="input-group-textarea"]) {
    align-items: flex-start;
    height: auto;
  }

  .input-group {
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
  }

  .input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .input-group:hover:not(:focus-within), .input-group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  :is(.input-group:has([data-slot="input-group-input"]:focus), .input-group:has([data-slot="input-group-textarea"]: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .input-group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .input-group[data-invalid="true"]:focus, .input-group[data-invalid="true"]:focus-visible, .input-group[data-invalid="true"][data-focused="true"], .input-group[data-invalid="true"][data-focus-visible="true"], .input-group[data-invalid="true"]:focus-within, .input-group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .input-group[data-invalid="true"] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }

  .input-group[data-disabled="true"], .input-group[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :-webkit-any(.input-group:has([data-slot="input-group-input"]:-webkit-autofill), .input-group:has([data-slot="input-group-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  :is(.input-group:has([data-slot="input-group-input"]:autofill), .input-group:has([data-slot="input-group-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  .input-group__input {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }

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

  @media (min-width: 40rem) {
    .input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .input-group:has([data-slot="input-group-prefix"]) .input-group__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding-inline-start: 0;
  }

  .input-group:has([data-slot="input-group-suffix"]) .input-group__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding-inline-end: 0;
  }

  .input-group__input:focus, .input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .input-group__input:autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .input-group__input:-webkit-autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .input-group__input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .input-group__input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .input-group__input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .input-group__input[data-slot="input-group-textarea"] {
    resize: vertical;
    min-height: 38px;
  }

  .input-group__prefix {
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    color: var(--field-placeholder, var(--muted));
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    border-style: solid;
    border-inline-end-color: var(--field-border);
    border-inline-start: none;
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-start-start-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: var(--field-radius, calc(var(--radius) * 1.5));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .input-group:has([data-slot="input-group-textarea"]) .input-group__prefix {
    align-items: flex-start;
    padding-top: .5rem;
  }

  .input-group__prefix {
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
  }

  .input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .input-group__suffix {
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    color: var(--field-placeholder, var(--muted));
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    border-style: solid;
    border-inline-start-color: var(--field-border);
    border-inline-end: none;
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-start-start-radius: 0;
    border-start-end-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-end-end-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-end-start-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .input-group:has([data-slot="input-group-textarea"]) .input-group__suffix {
    align-items: flex-start;
    padding-top: .5rem;
  }

  .input-group__suffix {
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
  }

  .input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .input-group--secondary {
    --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);
    background-color: var(--input-group-bg);
    --input-group-bg: var(--default);
    --input-group-bg-hover: var(--default-hover);
    --input-group-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .input-group--secondary:hover:not(:focus-within), .input-group--secondary[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--input-group-bg-hover);
    }
  }

  :is(.input-group--secondary:has([data-slot="input-group-input"]:focus), .input-group--secondary:has([data-slot="input-group-textarea"]:focus)) {
    background-color: var(--input-group-bg-focus);
  }

  .input-group--secondary[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .input-group--secondary[data-invalid="true"]:focus, .input-group--secondary[data-invalid="true"]:focus-visible, .input-group--secondary[data-invalid="true"][data-focused="true"], .input-group--secondary[data-invalid="true"][data-focus-visible="true"], .input-group--secondary[data-invalid="true"]:focus-within, .input-group--secondary[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .input-group--secondary[data-invalid="true"] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--input-group-bg-focus);
  }

  .input-group--secondary [data-slot="input-group-input"], .input-group--secondary [data-slot="input-group-textarea"] {
    background-color: #0000;
  }

  .input-group--full-width {
    width: 100%;
  }

  .number-field {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.number-field[data-invalid="true"], .number-field[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .number-field [data-slot="label"] {
    width: fit-content;
  }

  .number-field__group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    outline-style: none;
    grid-template-columns: 1fr;
    align-items: center;
    display: grid;
    overflow: hidden;
  }

  .number-field__group:has([slot="decrement"]) {
    grid-template-columns: 40px 1fr;
  }

  .number-field__group:has([slot="increment"]) {
    grid-template-columns: 1fr 40px;
  }

  .number-field__group:has([slot="decrement"]):has([slot="increment"]) {
    grid-template-columns: 40px 1fr 40px;
  }

  .number-field__group {
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
  }

  .number-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .number-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .number-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .number-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .number-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .number-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .number-field__group:hover:not(:focus-within), .number-field__group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .number-field__group[data-focus-within="true"], .number-field__group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .number-field__group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .number-field__group[data-invalid="true"]:focus, .number-field__group[data-invalid="true"]:focus-visible, .number-field__group[data-invalid="true"][data-focused="true"], .number-field__group[data-invalid="true"][data-focus-visible="true"], .number-field__group[data-invalid="true"]:focus-within, .number-field__group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .number-field__group[data-invalid="true"] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }

  .number-field__group[data-disabled="true"], .number-field__group[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :-webkit-any(.number-field__group:has([data-slot="number-field-input"]:-webkit-autofill), .number-field__group:has([data-slot="number-field-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  :is(.number-field__group:has([data-slot="number-field-input"]:autofill), .number-field__group:has([data-slot="number-field-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  .number-field__input {
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --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, );
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
  }

  @media (min-width: 40rem) {
    .number-field__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .number-field__group:has([slot="decrement"]) .number-field__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .number-field__group:has([slot="increment"]) .number-field__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .number-field__input:focus, .number-field__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .number-field__input:autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .number-field__input:-webkit-autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .number-field__input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .number-field__input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .number-field__input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .number-field__increment-button, .number-field__decrement-button {
    height: 100%;
    width: calc(var(--spacing) * 10);
    color: var(--field-foreground, var(--foreground));
    --tw-outline-style: none;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
    background-color: #0000;
    border-style: solid;
    border-radius: 0;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :is(.number-field__increment-button, .number-field__decrement-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.number-field__increment-button, .number-field__decrement-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.number-field__increment-button, .number-field__decrement-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.number-field__increment-button, .number-field__decrement-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.number-field__increment-button, .number-field__decrement-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.number-field__increment-button, .number-field__decrement-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .number-field__increment-button, .number-field__decrement-button {
    cursor: var(--cursor-interactive);
  }

  :is(.number-field__increment-button, .number-field__decrement-button):active, :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed="true"] {
    background-color: var(--field-foreground, var(--foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.number-field__increment-button, .number-field__decrement-button):active, :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed="true"] {
      background-color: color-mix(in oklab, var(--field-foreground, var(--foreground)) 10%, transparent);
    }
  }

  :is(.number-field__increment-button, .number-field__decrement-button):active, :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed="true"] {
    transform: scale(.97);
  }

  :is(.number-field__increment-button, .number-field__decrement-button):disabled, :is(.number-field__increment-button, .number-field__decrement-button)[data-disabled="true"], :is(.number-field__increment-button, .number-field__decrement-button)[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.number-field__increment-button, .number-field__decrement-button) [data-slot="number-field-increment-button-icon"], :is(.number-field__increment-button, .number-field__decrement-button) [data-slot="number-field-decrement-button-icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .number-field__increment-button {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--field-placeholder, var(--muted));
    border-start-start-radius: 0;
    border-start-end-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-end-end-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-end-start-radius: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .number-field__increment-button {
      border-color: color-mix(in oklab, var(--field-placeholder, var(--muted)) 15%, transparent);
    }
  }

  .number-field__decrement-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--field-placeholder, var(--muted));
    border-start-start-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: var(--field-radius, calc(var(--radius) * 1.5));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .number-field__decrement-button {
      border-color: color-mix(in oklab, var(--field-placeholder, var(--muted)) 15%, transparent);
    }
  }

  .number-field--secondary .number-field__group {
    --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);
    background-color: var(--number-field-group-bg);
    --number-field-group-bg: var(--default);
    --number-field-group-bg-hover: var(--default-hover);
    --number-field-group-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .number-field--secondary .number-field__group:hover:not(:focus-within), .number-field--secondary .number-field__group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--number-field-group-bg-hover);
    }
  }

  .number-field--secondary .number-field__group:focus-within, .number-field--secondary .number-field__group[data-focus-within="true"] {
    background-color: var(--number-field-group-bg-focus);
  }

  .number-field--secondary .number-field__group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .number-field--secondary .number-field__group[data-invalid="true"]:focus, .number-field--secondary .number-field__group[data-invalid="true"]:focus-visible, .number-field--secondary .number-field__group[data-invalid="true"][data-focused="true"], .number-field--secondary .number-field__group[data-invalid="true"][data-focus-visible="true"], .number-field--secondary .number-field__group[data-invalid="true"]:focus-within, .number-field--secondary .number-field__group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .number-field--secondary .number-field__group[data-invalid="true"] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--number-field-group-bg-focus);
  }

  .number-field--secondary .number-field__group [data-slot="number-field-input"] {
    background-color: #0000;
  }

  .number-field--full-width, .number-field__group--full-width {
    width: 100%;
  }

  .radio-group {
    flex-direction: column;
    display: flex;
  }

  .radio-group[data-orientation="vertical"] [data-slot="radio"] {
    margin-top: calc(var(--spacing) * 4);
  }

  .radio-group[data-orientation="horizontal"] {
    gap: calc(var(--spacing) * 4);
    flex-flow: wrap;
  }

  .radio-group--secondary .radio__control {
    --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);
    background-color: var(--radio-control-bg);
    --radio-control-bg: var(--default);
    --radio-control-bg-hover: var(--default-hover);
  }

  .radio [data-slot="radio-content"][data-hovered="true"] :is(.radio-group--secondary .radio__control) {
    border-color: var(--field-border-hover);
  }

  .radio:has([data-slot="radio-content"][data-hovered="true"]) :is(.radio-group--secondary .radio__control) {
    border-color: var(--field-border-hover);
  }

  .radio:not([data-selected]):not(:has(input:checked)) :is(.radio-group--secondary .radio__control) .radio__indicator:empty:before {
    background-color: var(--radio-control-bg);
  }

  .radio:has([data-slot="radio-content"][data-hovered="true"]):not([data-selected]):not(:has(input:checked)) :is(.radio-group--secondary .radio__control) .radio__indicator:empty:before {
    background-color: var(--radio-control-bg-hover);
  }

  .radio {
    align-items: flex-start;
    gap: var(--spacing);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  .radio [data-slot="label"] {
    -webkit-user-select: none;
    user-select: none;
  }

  .radio .radio__content [data-slot="label"] {
    cursor: var(--cursor-interactive);
  }

  .radio > [data-slot="description"], .radio > [data-slot="field-error"] {
    cursor: default;
    width: 100%;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    padding-inline-start: calc(var(--spacing) * 7);
  }

  .radio:disabled, .radio[data-disabled="true"], .radio[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :is(.radio:disabled, .radio[data-disabled="true"], .radio[aria-disabled="true"]) [data-slot="description"], :is(.radio:disabled, .radio[data-disabled="true"], .radio[aria-disabled="true"]) [data-slot="field-error"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .radio__content {
    cursor: inherit;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .radio__control {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border, var(--border));
    background-color: var(--field-background, var(--default));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .1s var(--ease-out);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .radio__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .radio__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .radio__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .radio__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .radio__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .radio__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .radio__control {
    cursor: var(--cursor-interactive);
  }

  .radio [data-slot="radio-content"][data-focus-visible="true"] .radio__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .radio:has([data-slot="radio-content"][data-focus-visible="true"]) .radio__control {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .radio [data-slot="radio-content"][data-hovered="true"] .radio__control {
    border-color: var(--field-border-hover);
  }

  .radio:has([data-slot="radio-content"][data-hovered="true"]) .radio__control {
    border-color: var(--field-border-hover);
  }

  .radio:has([data-slot="radio-content"][data-hovered="true"]):not([data-selected]):not(:has(input:checked)) .radio__control .radio__indicator:empty:before {
    background-color: var(--field-hover);
  }

  .radio [data-slot="radio-content"][data-pressed="true"] .radio__control {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .radio:has([data-slot="radio-content"][data-pressed="true"]) .radio__control {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .radio[data-selected] .radio__control {
    background-color: var(--accent);
    border-color: #0000;
  }

  .radio:has([data-slot="radio-content"][aria-checked="true"]) .radio__control {
    background-color: var(--accent);
    border-color: #0000;
  }

  .radio:has(input:checked) .radio__control {
    background-color: var(--accent);
    border-color: #0000;
  }

  .radio[data-selected]:has([data-slot="radio-content"][data-pressed="true"]) .radio__control {
    background-color: var(--accent-hover);
  }

  .radio:has([data-slot="radio-content"][data-pressed="true"][aria-checked="true"]) .radio__control {
    background-color: var(--accent-hover);
  }

  .radio:has(input:checked):has([data-slot="radio-content"][data-pressed="true"]) .radio__control {
    background-color: var(--accent-hover);
  }

  .radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control):focus, :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control):focus-visible, :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control)[data-focused="true"], :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control)[data-focus-visible="true"], :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control):focus-within, :is(.radio[data-invalid="true"] .radio__control, .radio[aria-invalid="true"] .radio__control)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .radio[data-invalid="true"]:has(input:checked) .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .radio[data-invalid="true"]:has(input:checked) .radio__control:focus, .radio[data-invalid="true"]:has(input:checked) .radio__control:focus-visible, .radio[data-invalid="true"]:has(input:checked) .radio__control[data-focused="true"], .radio[data-invalid="true"]:has(input:checked) .radio__control[data-focus-visible="true"], .radio[data-invalid="true"]:has(input:checked) .radio__control:focus-within, .radio[data-invalid="true"]:has(input:checked) .radio__control[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .radio[aria-invalid="true"]:has(input:checked) .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .radio[aria-invalid="true"]:has(input:checked) .radio__control:focus, .radio[aria-invalid="true"]:has(input:checked) .radio__control:focus-visible, .radio[aria-invalid="true"]:has(input:checked) .radio__control[data-focused="true"], .radio[aria-invalid="true"]:has(input:checked) .radio__control[data-focus-visible="true"], .radio[aria-invalid="true"]:has(input:checked) .radio__control:focus-within, .radio[aria-invalid="true"]:has(input:checked) .radio__control[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control):focus, :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control):focus-visible, :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control)[data-focused="true"], :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control)[data-focus-visible="true"], :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control):focus-within, :is(.radio[data-invalid="true"][data-selected] .radio__control, .radio[aria-invalid="true"][data-selected] .radio__control)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .radio__indicator {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .radio__indicator:empty:before {
    content: "";
    border-radius: var(--radius);
    background-color: var(--field-background, var(--default));
    width: 100%;
    height: 100%;
    transition: scale .2s var(--ease-out), background-color .2s var(--ease-out);
    scale: 1;
  }

  .radio__indicator:empty:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .radio__indicator:empty:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .radio__indicator:empty:before:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .radio__indicator:empty:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .radio__indicator:empty:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .radio__indicator:empty:before:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .radio[data-selected] .radio__indicator:empty:before {
    background-color: var(--accent-foreground);
    scale: .4286;
  }

  .radio:has([data-slot="radio-content"][aria-checked="true"]) .radio__indicator:empty:before {
    background-color: var(--accent-foreground);
    scale: .4286;
  }

  .radio:has(input:checked) .radio__indicator:empty:before {
    background-color: var(--accent-foreground);
    scale: .4286;
  }

  .radio[data-selected]:has([data-slot="radio-content"][data-pressed="true"]) .radio__indicator:empty:before {
    scale: .5714;
  }

  .radio:has([data-slot="radio-content"][data-pressed="true"][aria-checked="true"]) .radio__indicator:empty:before {
    scale: .5714;
  }

  .radio:has(input:checked):has([data-slot="radio-content"][data-pressed="true"]) .radio__indicator:empty:before {
    scale: .5714;
  }

  .textfield {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.textfield[data-invalid="true"], .textfield[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .textfield--full-width {
    width: 100%;
  }

  .textfield--full-width [data-slot="input"], .textfield--full-width [data-slot="textarea"] {
    width: 100%;
  }

  .search-field {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.search-field[data-invalid="true"], .search-field[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .search-field [data-slot="label"] {
    width: fit-content;
  }

  .search-field[data-empty="true"] [data-slot="search-field-clear-button"] {
    pointer-events: none;
    opacity: 0;
  }

  .search-field__group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .search-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .search-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .search-field__group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .search-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .search-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .search-field__group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .search-field__group:hover:not(:focus-within), .search-field__group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .search-field__group[data-focus-within="true"], .search-field__group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .search-field__group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .search-field__group[data-invalid="true"]:focus, .search-field__group[data-invalid="true"]:focus-visible, .search-field__group[data-invalid="true"][data-focused="true"], .search-field__group[data-invalid="true"][data-focus-visible="true"], .search-field__group[data-invalid="true"]:focus-within, .search-field__group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .search-field__group[data-invalid="true"] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }

  .search-field__group[data-disabled="true"], .search-field__group[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  :-webkit-any(.search-field__group:has([data-slot="search-field-input"]:-webkit-autofill), .search-field__group:has([data-slot="search-field-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  :is(.search-field__group:has([data-slot="search-field-input"]:autofill), .search-field__group:has([data-slot="search-field-input"]:autofill)) {
    background-color: var(--field-focus);
    border-color: var(--field-border-focus);
  }

  .search-field__input {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }

  @media (min-width: 40rem) {
    .search-field__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .search-field__input::-webkit-search-cancel-button {
    appearance: none;
  }

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

  .search-field__group:has([data-slot="search-field-search-icon"]) .search-field__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .search-field__group:has([slot="clear"]) .search-field__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .search-field__input:focus, .search-field__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .search-field__input:autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .search-field__input:-webkit-autofill {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .search-field__input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .search-field__input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .search-field__input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--field-foreground);
    caret-color: var(--field-foreground);
    transition: background-color 9999s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000;
  }

  .search-field__search-icon {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    margin-inline-start: calc(var(--spacing) * 3);
    margin-inline-end: 0;
  }

  .search-field__clear-button {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .search-field__clear-button [data-slot="close-button-icon"] {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .search-field--secondary .search-field__group {
    --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);
    background-color: var(--search-field-group-bg);
    --search-field-group-bg: var(--default);
    --search-field-group-bg-hover: var(--default-hover);
    --search-field-group-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .search-field--secondary .search-field__group:hover:not(:focus-within), .search-field--secondary .search-field__group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--search-field-group-bg-hover);
    }
  }

  .search-field--secondary .search-field__group:focus-within, .search-field--secondary .search-field__group[data-focus-within="true"] {
    background-color: var(--search-field-group-bg-focus);
  }

  .search-field--secondary .search-field__group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .search-field--secondary .search-field__group[data-invalid="true"]:focus, .search-field--secondary .search-field__group[data-invalid="true"]:focus-visible, .search-field--secondary .search-field__group[data-invalid="true"][data-focused="true"], .search-field--secondary .search-field__group[data-invalid="true"][data-focus-visible="true"], .search-field--secondary .search-field__group[data-invalid="true"]:focus-within, .search-field--secondary .search-field__group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .search-field--secondary .search-field__group[data-invalid="true"] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--search-field-group-bg-focus);
  }

  .search-field--secondary .search-field__group [data-slot="search-field-input"] {
    background-color: #0000;
  }

  .search-field--full-width, .search-field__group--full-width {
    width: 100%;
  }

  .textarea {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
  }

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

  @media (min-width: 40rem) {
    .textarea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .textarea {
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    min-height: 38px;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
  }

  .textarea:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .textarea:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .textarea:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .textarea:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .textarea:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .textarea:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .textarea:hover:not(:focus):not(:focus-visible), .textarea[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .textarea:focus, .textarea[data-focused="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .textarea[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .textarea[data-invalid="true"]:focus, .textarea[data-invalid="true"]:focus-visible, .textarea[data-invalid="true"][data-focused="true"], .textarea[data-invalid="true"][data-focus-visible="true"], .textarea[data-invalid="true"]:focus-within, .textarea[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .textarea[data-invalid="true"] {
    background-color: var(--field-focus);
  }

  .textarea:disabled, .textarea[data-disabled="true"], .textarea[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .textarea--secondary {
    --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);
    background-color: var(--textarea-bg);
    --textarea-bg: var(--default);
    --textarea-bg-hover: var(--default-hover);
    --textarea-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .textarea--secondary:hover:not(:focus):not(:focus-visible), .textarea--secondary[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
      background-color: var(--textarea-bg-hover);
    }
  }

  .textarea--secondary:focus, .textarea--secondary[data-focused="true"] {
    background-color: var(--textarea-bg-focus);
  }

  .textarea--secondary[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .textarea--secondary[data-invalid="true"]:focus, .textarea--secondary[data-invalid="true"]:focus-visible, .textarea--secondary[data-invalid="true"][data-focused="true"], .textarea--secondary[data-invalid="true"][data-focus-visible="true"], .textarea--secondary[data-invalid="true"]:focus-within, .textarea--secondary[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .textarea--secondary[data-invalid="true"] {
    background-color: var(--textarea-bg-focus);
  }

  .textarea--full-width {
    width: 100%;
  }

  .calendar {
    width: calc(var(--spacing) * 63);
    max-width: calc(var(--spacing) * 63);
    container-type: inline-size;
  }

  .calendar--week-view .calendar__cell, .calendar--day-view .calendar__cell {
    aspect-ratio: 1;
    place-self: center;
    width: 100%;
    height: auto;
  }

  .calendar--day-view .calendar__grid {
    flex-direction: column;
    display: flex;
  }

  .calendar--day-view .calendar__grid-header {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .calendar--day-view .calendar__grid-header > tr {
    display: contents;
  }

  .calendar--day-view .calendar__grid-body {
    margin-top: var(--spacing);
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .calendar--day-view .calendar__grid-body > tr {
    display: contents;
  }

  .calendar--day-view .calendar__grid-body > tr:first-child > td {
    margin-top: 0;
  }

  .calendar__header {
    padding-inline: calc(var(--spacing) * .5);
    padding-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .calendar__header:has(.calendar-year-picker__trigger[data-open="true"]) .calendar__nav-button {
    pointer-events: none;
    opacity: 0;
  }

  .calendar__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex: 1;
  }

  .calendar__nav-button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) * 2);
    color: var(--accent-soft-foreground);
    will-change: scale;
    transition: transform .25s var(--ease-out), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out), opacity .15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar__nav-button {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    .calendar__nav-button:hover, .calendar__nav-button[data-hovered="true"] {
      background-color: var(--default);
      color: var(--accent-soft-foreground);
    }
  }

  .calendar__nav-button:active, .calendar__nav-button[data-pressed="true"] {
    transform: scale(.95);
  }

  .calendar__nav-button:focus-visible, .calendar__nav-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .calendar__nav-button:disabled, .calendar__nav-button[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .calendar__nav-button-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .calendar__nav-button-icon:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .calendar__grid {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .calendar__grid[aria-readonly="true"] .calendar__cell {
    pointer-events: none;
  }

  .calendar__grid-header {
    display: contents;
  }

  .calendar__grid-header > tr {
    display: contents;
  }

  .calendar__grid-body {
    display: contents;
  }

  .calendar__grid-body > tr {
    display: contents;
  }

  .calendar__grid-body > tr:first-child > td {
    margin-top: var(--spacing);
  }

  .calendar__grid-row {
    display: contents;
  }

  .calendar__header-cell {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .calendar__cell {
    aspect-ratio: 1;
    border-radius: calc(var(--radius) * 3);
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    will-change: scale;
    transition: transform .25s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar__cell {
    cursor: var(--cursor-interactive);
  }

  .calendar__cell:focus-visible:not([data-focused]), .calendar__cell[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .calendar__cell[data-today="true"] {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  @media (hover: hover) {
    .calendar__cell[data-today="true"]:hover:not([data-selected="true"]), .calendar__cell[data-today="true"][data-hovered="true"]:not([data-selected="true"]) {
      background-color: var(--accent-soft-hover);
    }
  }

  .calendar__cell[data-selected="true"] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .calendar__cell:active, .calendar__cell[data-pressed="true"] {
    background-color: var(--default);
    transform: scale(.95);
  }

  :is(.calendar__cell:active, .calendar__cell[data-pressed="true"])[data-selected="true"] {
    background-color: var(--accent-hover);
  }

  @media (hover: hover) {
    .calendar__cell:hover:not([data-selected="true"]), .calendar__cell[data-hovered="true"]:not([data-selected="true"]) {
      background-color: var(--default);
    }
  }

  .calendar__cell[data-outside-month="true"] {
    color: var(--muted);
    opacity: .5;
  }

  .calendar__cell[data-selected="true"][data-outside-month="true"] {
    background-color: var(--default);
  }

  .calendar__cell[data-unavailable="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .calendar__cell:disabled:not([data-outside-month="true"]), .calendar__cell[data-disabled="true"]:not([data-outside-month="true"]) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    text-decoration: line-through;
  }

  .calendar__cell-indicator {
    bottom: var(--spacing);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    width: 3px;
    height: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) * .25);
    background-color: var(--muted);
    position: absolute;
    left: 50%;
  }

  [data-selected="true"] > .calendar__cell-indicator {
    background-color: var(--accent-foreground);
  }

  .range-calendar {
    width: calc(var(--spacing) * 63);
    max-width: calc(var(--spacing) * 63);
    container-type: inline-size;
  }

  .range-calendar--week-view .range-calendar__cell, .range-calendar--day-view .range-calendar__cell {
    aspect-ratio: 1;
    place-self: center;
    width: 100%;
    height: auto;
  }

  .range-calendar--day-view .range-calendar__grid {
    flex-direction: column;
    display: flex;
  }

  .range-calendar--day-view .range-calendar__grid-header {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .range-calendar--day-view .range-calendar__grid-header > tr {
    display: contents;
  }

  .range-calendar--day-view .range-calendar__grid-body {
    margin-top: var(--spacing);
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .range-calendar--day-view .range-calendar__grid-body > tr {
    display: contents;
  }

  .range-calendar--day-view .range-calendar__grid-body > tr:first-child > td {
    margin-top: 0;
  }

  .range-calendar__header {
    padding-inline: calc(var(--spacing) * .5);
    padding-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .range-calendar__header:has(.calendar-year-picker__trigger[data-open="true"]) .range-calendar__nav-button {
    pointer-events: none;
    opacity: 0;
  }

  .range-calendar__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex: 1;
  }

  .range-calendar__nav-button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) + 4px);
    color: var(--accent-soft-foreground);
    will-change: scale;
    transition: transform .25s var(--ease-out), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out), opacity .15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .range-calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .range-calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .range-calendar__nav-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .range-calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .range-calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .range-calendar__nav-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .range-calendar__nav-button {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    .range-calendar__nav-button:hover, .range-calendar__nav-button[data-hovered="true"] {
      background-color: var(--default);
      color: var(--accent-soft-foreground);
    }
  }

  .range-calendar__nav-button:active, .range-calendar__nav-button[data-pressed="true"] {
    transform: scale(.95);
  }

  .range-calendar__nav-button:focus-visible, .range-calendar__nav-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .range-calendar__nav-button:disabled, .range-calendar__nav-button[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .range-calendar__nav-button-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .range-calendar__nav-button-icon:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .range-calendar__grid {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }

  .range-calendar__grid[aria-readonly="true"] .range-calendar__cell {
    pointer-events: none;
  }

  .range-calendar__grid-header {
    display: contents;
  }

  .range-calendar__grid-header > tr {
    display: contents;
  }

  .range-calendar__grid-body {
    display: contents;
  }

  .range-calendar__grid-body > tr {
    display: contents;
  }

  .range-calendar__grid-body > tr:first-child > td {
    margin-top: var(--spacing);
  }

  .range-calendar__grid-row {
    display: contents;
  }

  .range-calendar__header-cell {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .range-calendar__cell {
    z-index: 1;
    border-radius: calc(var(--radius) * 3);
    --tw-outline-style: none;
    cursor: var(--cursor-interactive);
    will-change: background-color, border-color;
    transition: box-shadow .1s var(--ease-out), border-color .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    outline-style: none;
    margin-block: 2px;
    margin-inline: 0;
    padding: 0;
    position: relative;
  }

  .range-calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .range-calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .range-calendar__cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .range-calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .range-calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .range-calendar__cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .range-calendar__cell .range-calendar__cell-button {
    aspect-ratio: 1;
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    -webkit-tap-highlight-color: transparent;
    will-change: scale;
    transition: scale .2s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .range-calendar__cell .range-calendar__cell-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .range-calendar__cell .range-calendar__cell-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .range-calendar__cell .range-calendar__cell-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .range-calendar__cell .range-calendar__cell-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .range-calendar__cell .range-calendar__cell-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .range-calendar__cell .range-calendar__cell-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .range-calendar__cell:focus-visible:not([data-focused]), .range-calendar__cell[data-focus-visible="true"] {
    z-index: 2;
  }

  :is(.range-calendar__cell:focus-visible:not([data-focused]), .range-calendar__cell[data-focus-visible="true"]) .range-calendar__cell-button {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .range-calendar__cell[data-today="true"] .range-calendar__cell-button {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  @media (hover: hover) {
    :is(.range-calendar__cell[data-today="true"]:hover:not([data-selected="true"]), .range-calendar__cell[data-today="true"][data-hovered="true"]:not([data-selected="true"])) .range-calendar__cell-button {
      background-color: var(--accent-soft-hover);
    }
  }

  .range-calendar__cell[data-selected="true"]:not([data-outside-month="true"]) {
    background-color: var(--accent-soft);
    border-radius: 0;
  }

  .range-calendar__cell[data-selected="true"]:is(td:first-child > *, [aria-disabled] + td > *) {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
  }

  .range-calendar__cell[data-selected="true"]:is(td:first-child > *, [aria-disabled] + td > *)[data-selection-start="true"] {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }

  .range-calendar__cell[data-selected="true"]:is(td:last-child > *, td:has( + [aria-disabled]) > *) {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }

  .range-calendar__cell[data-selected="true"]:is(td:last-child > *, td:has( + [aria-disabled]) > *)[data-selection-end="true"] {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }

  .range-calendar__cell[data-selection-start="true"]:not([data-outside-month="true"]), .range-calendar__cell[data-selection-end="true"]:not([data-outside-month="true"]) {
    z-index: 2;
  }

  :is(.range-calendar__cell[data-selection-start="true"]:not([data-outside-month="true"]), .range-calendar__cell[data-selection-end="true"]:not([data-outside-month="true"])) .range-calendar__cell-button {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .range-calendar__cell[data-selection-start="true"]:not([data-outside-month="true"]) {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }

  .range-calendar__cell[data-selection-end="true"]:not([data-outside-month="true"]) {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }

  :is(.range-calendar__cell:active, .range-calendar__cell[data-pressed="true"]) .range-calendar__cell-button {
    scale: .9;
  }

  :is(:is(.range-calendar__cell:active, .range-calendar__cell[data-pressed="true"])[data-selection-start="true"], :is(.range-calendar__cell:active, .range-calendar__cell[data-pressed="true"])[data-selection-end="true"]) .range-calendar__cell-button {
    background-color: var(--accent-hover);
  }

  @media (hover: hover) {
    :is(.range-calendar__cell:hover:not([data-selected="true"]), .range-calendar__cell[data-hovered="true"]:not([data-selected="true"])) .range-calendar__cell-button {
      background-color: var(--default);
    }
  }

  .range-calendar__cell[data-outside-month="true"] {
    color: var(--muted);
    opacity: .5;
  }

  .range-calendar__cell[data-selected="true"][data-outside-month="true"]:not([data-selection-start="true"], [data-selection-end="true"]) {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .range-calendar__cell[data-selected="true"][data-outside-month="true"]:not([data-selection-start="true"], [data-selection-end="true"]) {
      background-color: color-mix(in oklab, var(--default) 20%, transparent);
    }
  }

  .range-calendar__cell[data-unavailable="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .range-calendar__cell:disabled:not([data-outside-month="true"]), .range-calendar__cell[data-disabled="true"]:not([data-outside-month="true"]) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    text-decoration: line-through;
  }

  .range-calendar__grid-body td:has( > .range-calendar__cell[data-outside-month="true"]) + td > .range-calendar__cell[data-selected="true"] {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
  }

  .range-calendar__grid-body td:has( > .range-calendar__cell[data-outside-month="true"]) + td > .range-calendar__cell[data-selected="true"][data-outside-month="true"], .range-calendar__grid-body td:has( > .range-calendar__cell[data-outside-month="true"]) + td > .range-calendar__cell[data-selected="true"][data-selection-start="true"] {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }

  .range-calendar__grid-body td:has( > .range-calendar__cell[data-selected="true"]):has( + td > .range-calendar__cell[data-outside-month="true"]) > .range-calendar__cell[data-selected="true"] {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }

  .range-calendar__grid-body td:has( > .range-calendar__cell[data-selected="true"]):has( + td > .range-calendar__cell[data-outside-month="true"]) > .range-calendar__cell[data-selected="true"][data-outside-month="true"], .range-calendar__grid-body td:has( > .range-calendar__cell[data-selected="true"]):has( + td > .range-calendar__cell[data-outside-month="true"]) > .range-calendar__cell[data-selected="true"][data-selection-end="true"] {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }

  .range-calendar__cell-indicator {
    bottom: var(--spacing);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    width: 3px;
    height: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) * .25);
    background-color: var(--muted);
    position: absolute;
    left: 50%;
  }

  [data-selected="true"] > .range-calendar__cell-indicator {
    background-color: var(--accent-foreground);
  }

  :is(.calendar:has(.calendar-year-picker__year-grid), .range-calendar:has(.calendar-year-picker__year-grid)) {
    position: relative;
  }

  :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]) {
    will-change: opacity;
    transition: opacity .15s var(--ease-out), visibility 0s linear;
  }

  :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.calendar:has(.calendar-year-picker__year-grid) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]) {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s var(--ease-out), visibility 0s linear .15s;
  }

  :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="calendar-grid"], .range-calendar:has(.calendar-year-picker__year-grid[data-open="true"]) > [data-slot="range-calendar-grid"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar-year-picker__trigger {
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius);
    --tw-outline-style: none;
    cursor: var(--cursor-interactive);
    touch-action: manipulation;
    outline-style: none;
    flex: 1;
    display: flex;
  }

  .calendar-year-picker__trigger: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .calendar-year-picker__trigger-heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition: color .15s var(--ease-out);
  }

  .calendar-year-picker__trigger-heading:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar-year-picker__trigger-heading:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar-year-picker__trigger-heading:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar-year-picker__trigger-indicator {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--accent-soft-foreground);
  }

  .calendar-year-picker__trigger-indicator:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    transform: rotate(180deg);
  }

  .calendar-year-picker__trigger-indicator {
    transition: transform .15s var(--ease-out);
  }

  .calendar-year-picker__trigger-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar-year-picker__trigger-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar-year-picker__trigger-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__trigger-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar-year-picker__trigger-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar-year-picker__trigger-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar-year-picker__trigger[data-open="true"] .calendar-year-picker__trigger-indicator {
    transform: rotate(90deg);
  }

  .calendar-year-picker__trigger[data-open="true"] .calendar-year-picker__trigger-heading {
    color: var(--accent-soft-foreground);
  }

  .calendar-year-picker__year-grid {
    pointer-events: none;
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    align-content: flex-start;
    gap: var(--spacing);
    padding: var(--spacing);
    opacity: 0;
    will-change: opacity;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 0);
    inset-inline-end: calc(var(--spacing) * 0);
    overflow-y: auto;
  }

  .calendar-year-picker__year-grid[data-open="true"] {
    pointer-events: auto;
    opacity: 1;
    transition: opacity .2s var(--ease-out) 50ms;
  }

  .calendar-year-picker__year-grid[data-open="true"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar-year-picker__year-grid[data-open="true"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar-year-picker__year-grid[data-open="true"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__year-grid[data-open="true"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar-year-picker__year-grid[data-open="true"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar-year-picker__year-grid[data-open="true"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar-year-picker__year-cell {
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 3);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: color .1s var(--ease-smooth), scale .1s var(--ease-smooth), opacity .1s var(--ease-smooth), background-color .1s var(--ease-smooth), box-shadow .1s var(--ease-out);
    transform-origin: center;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .calendar-year-picker__year-cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .calendar-year-picker__year-cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .calendar-year-picker__year-cell:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__year-cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .calendar-year-picker__year-cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .calendar-year-picker__year-cell:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .calendar-year-picker__year-cell {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) and (pointer: fine) {
    .calendar-year-picker__year-cell:is(:hover, [data-hovered="true"]):not([data-selected="true"]) {
      background-color: var(--default);
      color: var(--foreground);
    }
  }

  .calendar-year-picker__year-cell[data-selected="true"], .calendar-year-picker__year-cell[aria-selected="true"] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  @media (hover: hover) and (pointer: fine) {
    :is(.calendar-year-picker__year-cell[data-selected="true"], .calendar-year-picker__year-cell[aria-selected="true"]):is(:hover, [data-hovered="true"]) {
      background-color: var(--accent-hover);
    }
  }

  .calendar-year-picker__year-cell: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-field {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.date-field[data-invalid="true"], .date-field[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .date-field [data-slot="label"] {
    width: fit-content;
  }

  .date-field--full-width {
    width: 100%;
  }

  .time-field {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.time-field[data-invalid="true"], .time-field[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .time-field [data-slot="label"] {
    width: fit-content;
  }

  .time-field--full-width {
    width: 100%;
  }

  .date-input-group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .date-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .date-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .date-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .date-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .date-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .date-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .date-input-group:hover:not(:focus-within), .date-input-group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  :is(.date-input-group[data-focus-within="true"]:not(:has([data-slot="date-picker-trigger"]:focus, [data-slot="date-picker-trigger"][data-focused="true"], [data-slot="date-range-picker-trigger"]:focus, [data-slot="date-range-picker-trigger"][data-focused="true"])), .date-input-group:focus-within:not(:has([data-slot="date-picker-trigger"]:focus, [data-slot="date-picker-trigger"][data-focused="true"], [data-slot="date-range-picker-trigger"]:focus, [data-slot="date-range-picker-trigger"][data-focused="true"]))) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-input-group[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .date-input-group[data-invalid="true"]:focus, .date-input-group[data-invalid="true"]:focus-visible, .date-input-group[data-invalid="true"][data-focused="true"], .date-input-group[data-invalid="true"][data-focus-visible="true"], .date-input-group[data-invalid="true"]:focus-within, .date-input-group[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .date-input-group[data-invalid="true"] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }

  .date-input-group[data-disabled="true"], .date-input-group[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .date-input-group__input {
    cursor: text;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
    align-items: center;
    gap: 1px;
    display: flex;
  }

  @media (min-width: 40rem) {
    .date-input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .date-input-group:has([data-slot="date-input-group-prefix"]) .date-input-group__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .date-input-group:has([data-slot="date-input-group-suffix"]) .date-input-group__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot="start"] {
    flex: none;
    padding-inline-end: 0;
  }

  .date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot="end"] {
    padding-inline-start: 0;
  }

  .date-input-group__input:focus, .date-input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-input-group__input-container {
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 1;
    align-items: center;
    width: fit-content;
    display: flex;
    overflow: auto clip;
  }

  .date-input-group__segment {
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * .5);
    text-align: end;
    text-wrap: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    display: inline-block;
  }

  .date-input-group__segment[data-type="literal"] {
    color: var(--muted);
    padding: 0;
  }

  .date-input-group__segment[data-placeholder="true"] {
    color: var(--field-placeholder, var(--muted));
  }

  .date-input-group__segment:focus, .date-input-group__segment[data-focused="true"] {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  .date-input-group__segment[data-disabled="true"] {
    opacity: .5;
  }

  .date-input-group__segment[data-invalid="true"] {
    color: var(--danger);
  }

  .date-input-group__segment[data-invalid="true"]:focus, .date-input-group__segment[data-invalid="true"][data-focused="true"] {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }

  .date-input-group__prefix {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    flex-shrink: 0;
    align-items: center;
    margin-inline-start: calc(var(--spacing) * 3);
    margin-inline-end: 0;
    display: flex;
  }

  .date-input-group__suffix {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    flex-shrink: 0;
    align-items: center;
    margin-inline-end: calc(var(--spacing) * 3);
    display: flex;
  }

  .date-input-group--secondary {
    --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);
    background-color: var(--date-input-group-bg);
    --date-input-group-bg: var(--default);
    --date-input-group-bg-hover: var(--default-hover);
    --date-input-group-bg-focus: var(--default);
  }

  @media (hover: hover) {
    .date-input-group--secondary:hover:not(:focus-within), .date-input-group--secondary[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--date-input-group-bg-hover);
    }
  }

  .date-input-group--secondary:focus-within, .date-input-group--secondary[data-focus-within="true"] {
    background-color: var(--date-input-group-bg-focus);
  }

  .date-input-group--secondary[data-invalid="true"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  .date-input-group--secondary[data-invalid="true"]:focus, .date-input-group--secondary[data-invalid="true"]:focus-visible, .date-input-group--secondary[data-invalid="true"][data-focused="true"], .date-input-group--secondary[data-invalid="true"][data-focus-visible="true"], .date-input-group--secondary[data-invalid="true"]:focus-within, .date-input-group--secondary[data-invalid="true"][data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .date-input-group--secondary[data-invalid="true"] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--date-input-group-bg-focus);
  }

  .date-input-group--secondary [data-slot="date-input-group-input"] {
    background-color: #0000;
  }

  .date-input-group--full-width {
    width: 100%;
  }

  .date-picker {
    gap: var(--spacing);
    flex-direction: column;
    display: inline-flex;
  }

  .date-picker .date-input-group__suffix, .date-picker .date-input-group__prefix {
    pointer-events: auto;
  }

  .date-picker__trigger {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    width: 100%;
    padding: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: box-shadow .15s var(--ease-out);
    align-items: center;
    display: inline-flex;
  }

  .date-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .date-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .date-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .date-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .date-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .date-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .date-picker__trigger:focus-visible:not([data-focused]), .date-picker__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker__trigger:disabled, .date-picker__trigger[data-disabled="true"], .date-picker__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .date-picker__trigger-indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--field-placeholder, var(--muted));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .date-picker__popover {
    width: fit-content;
    transform-origin: var(--trigger-anchor-point);
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 3);
    overflow-y: auto;
  }

  .date-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .date-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .date-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .date-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .date-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .date-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .date-picker__popover {
    box-shadow: var(--overlay-shadow);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }

  .date-picker__popover:focus-visible:not([data-focused]), .date-picker__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .date-picker__popover[data-entering="true"][data-placement^="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .date-picker__popover[data-entering="true"][data-placement^="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .date-picker__popover[data-entering="true"][data-placement^="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .date-picker__popover[data-entering="true"][data-placement^="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .date-picker__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .date-picker__popover[data-exiting="true"], .date-picker__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .date-picker__popover .calendar__nav-button-icon, .date-picker__popover .range-calendar__nav-button-icon {
    rotate: none;
  }

  .date-range-picker {
    gap: var(--spacing);
    flex-direction: column;
    display: inline-flex;
  }

  .date-range-picker .date-input-group__suffix, .date-range-picker .date-input-group__prefix {
    pointer-events: auto;
  }

  .date-range-picker__trigger {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    width: 100%;
    padding: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: box-shadow .15s var(--ease-out);
    align-items: center;
    display: inline-flex;
  }

  .date-range-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .date-range-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .date-range-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .date-range-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .date-range-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .date-range-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .date-range-picker__trigger:focus-visible:not([data-focused]), .date-range-picker__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-range-picker__trigger:disabled, .date-range-picker__trigger[data-disabled="true"], .date-range-picker__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .date-range-picker__trigger-indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--field-placeholder, var(--muted));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .date-range-picker__range-separator {
    padding-inline: var(--spacing);
    color: var(--field-placeholder, var(--muted));
    -webkit-user-select: none;
    user-select: none;
  }

  .date-range-picker__popover {
    width: fit-content;
    transform-origin: var(--trigger-anchor-point);
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 3);
    overflow-y: auto;
  }

  .date-range-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .date-range-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .date-range-picker__popover:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .date-range-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .date-range-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .date-range-picker__popover:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .date-range-picker__popover {
    box-shadow: var(--overlay-shadow);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }

  .date-range-picker__popover:focus-visible:not([data-focused]), .date-range-picker__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-range-picker__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .date-range-picker__popover[data-entering="true"][data-placement^="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .date-range-picker__popover[data-entering="true"][data-placement^="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .date-range-picker__popover[data-entering="true"][data-placement^="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .date-range-picker__popover[data-entering="true"][data-placement^="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .date-range-picker__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .date-range-picker__popover[data-exiting="true"], .date-range-picker__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .date-range-picker__popover .range-calendar__nav-button-icon, .date-range-picker__popover .calendar__nav-button-icon {
    rotate: none;
  }

  .card {
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: min(32px, var(--radius-3xl));
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .card__header {
    flex-direction: column;
    display: flex;
  }

  .card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .card__description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--muted);
  }

  .card__content {
    gap: var(--spacing);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .card__footer {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .card--transparent {
    --tw-border-style: 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);
    background-color: #0000;
    border-style: none;
  }

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

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

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

  .header {
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: var(--spacing);
    text-align: start;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted);
  }

  .separator {
    border-radius: calc(var(--radius) - 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-bottom-style: var(--tw-border-style);
    background-color: var(--separator);
    border-bottom-width: 0;
    flex-shrink: 0;
    width: 100%;
    height: 1px;
  }

  .separator--horizontal {
    width: 100%;
    height: 1px;
  }

  .separator--vertical {
    height: auto;
    min-height: calc(var(--spacing) * 2);
    align-self: stretch;
    width: 1px;
  }

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

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

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

  .surface {
    color: var(--foreground);
    position: relative;
  }

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

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

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

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

  .avatar {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    background-color: var(--default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .avatar__fallback {
    background-color: var(--default);
    width: 100%;
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .avatar__image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    transition-duration: .25s;
    position: absolute;
    inset: 0;
  }

  .avatar__image:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .avatar__image:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .avatar__image:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .avatar__image:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .avatar__image:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .avatar__image:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .avatar--sm {
    --avatar-size: 2rem;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
  }

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

  .avatar--md {
    --avatar-size: 2.5rem;
  }

  .avatar--lg {
    --avatar-size: 3rem;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    border-radius: calc(var(--radius) * 3);
  }

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

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

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

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

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

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

  .avatar--soft {
    background-color: #0000;
  }

  .avatar--soft .avatar__fallback--accent {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  .avatar--soft .avatar__fallback--success {
    background-color: var(--success-soft);
    color: var(--success-soft-foreground);
  }

  .avatar--soft .avatar__fallback--warning {
    background-color: var(--warning-soft);
    color: var(--warning-soft-foreground);
  }

  .avatar--soft .avatar__fallback--default {
    background-color: var(--default-soft);
    color: var(--default-soft-foreground);
  }

  .avatar--soft .avatar__fallback--danger {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }

  .avatar-group {
    --avatar-group-overlap: .5rem;
    --avatar-group-seam: 2px;
    align-items: center;
    display: inline-flex;
  }

  .avatar-group--grid {
    gap: calc(var(--spacing) * 3);
    flex-wrap: wrap;
  }

  .avatar-group:not(.avatar-group--grid) > .avatar + .avatar, .avatar-group:not(.avatar-group--grid) > .avatar + .avatar-group__count {
    margin-inline-start: calc(-1 * var(--avatar-group-overlap, .5rem));
  }

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

  .avatar-group--ring:not(.avatar-group--grid) > .avatar, .avatar-group--ring:not(.avatar-group--grid) > .avatar-group__count {
    box-shadow: 0 0 0 var(--avatar-group-seam, 2px) var(--background);
    position: relative;
  }

  .avatar-group--clip:not(.avatar-group--grid) > .avatar:not(:last-child) {
    --avatar-group-cut-center: calc(100% + (var(--avatar-size, 2.5rem) / 2) - var(--avatar-group-overlap, .5rem));
    --avatar-group-cut-radius: calc((var(--avatar-size, 2.5rem) / 2) + var(--avatar-group-seam, 2px));
    -webkit-mask-image: radial-gradient(circle at var(--avatar-group-cut-center) 50%, transparent var(--avatar-group-cut-radius), #000 var(--avatar-group-cut-radius));
    -webkit-mask-image: radial-gradient(circle at var(--avatar-group-cut-center) 50%, transparent var(--avatar-group-cut-radius), #000 var(--avatar-group-cut-radius));
    mask-image: radial-gradient(circle at var(--avatar-group-cut-center) 50%, transparent var(--avatar-group-cut-radius), #000 var(--avatar-group-cut-radius));
  }

  :is(.avatar-group--clip:not(.avatar-group--grid):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) > .avatar:not(:last-child), :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .avatar-group--clip:not(.avatar-group--grid) > .avatar:not(:last-child)) {
    --avatar-group-cut-center: calc(0% - (var(--avatar-size, 2.5rem) / 2) + var(--avatar-group-overlap, .5rem));
  }

  .avatar-group--clip:not(.avatar-group--grid) > .avatar:not(:last-child) .avatar__fallback {
    box-sizing: border-box;
    padding-inline-end: calc(var(--avatar-group-overlap, .5rem) * .35);
  }

  .alert-dialog__trigger {
    cursor: var(--cursor-interactive);
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-block;
  }

  .alert-dialog__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .alert-dialog__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .alert-dialog__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .alert-dialog__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .alert-dialog__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .alert-dialog__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .alert-dialog__trigger:focus-visible:not([data-focused]), .alert-dialog__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .alert-dialog__trigger:disabled, .alert-dialog__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .alert-dialog__trigger:active, .alert-dialog__trigger[data-pressed="true"] {
    transform: scale(.97);
  }

  .alert-dialog__backdrop {
    z-index: var(--z-index-overlay);
    height: var(--visual-viewport-height);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .alert-dialog__backdrop[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    --tw-enter-opacity: 0;
  }

  .alert-dialog__backdrop[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out);
    transition-duration: .1s;
    transition-timing-function: var(--ease-out);
    --tw-exit-opacity: 0;
  }

  .alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"] {
    will-change: opacity;
  }

  :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.alert-dialog__backdrop[data-exiting="true"], .alert-dialog__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .alert-dialog__backdrop--transparent {
    background-color: #0000;
  }

  .alert-dialog__backdrop--opaque {
    background-color: var(--backdrop);
  }

  .alert-dialog__backdrop--blur {
    background-color: var(--backdrop);
    --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, );
  }

  .alert-dialog__container {
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: 0;
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
  }

  @media (min-width: 40rem) {
    .alert-dialog__container {
      width: fit-content;
    }

    .alert-dialog__container {
      padding: calc(var(--spacing) * 10);
    }
  }

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

  .alert-dialog__container[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .25s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-enter-opacity: 0;
    --tw-enter-scale: calc(105*1%);
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .alert-dialog__container[data-entering="true"][data-placement="auto"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  @media (min-width: 40rem) {
    .alert-dialog__container[data-entering="true"][data-placement="auto"] {
      --tw-enter-translate-y: calc(0*100%);
    }

    .alert-dialog__container[data-entering="true"][data-placement="auto"] {
      --tw-enter-translate-y: calc(0*100%);
    }
  }

  .alert-dialog__container[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .alert-dialog__container[data-entering="true"][data-placement="center"] {
    --tw-enter-translate-y: calc(0*-100%);
  }

  .alert-dialog__container[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .alert-dialog__container[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.alert-dialog__container[data-exiting="true"], .alert-dialog__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .alert-dialog__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    width: 100%;
    min-height: 0;
    max-height: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .alert-dialog__dialog[data-placement="auto"] {
    margin-top: auto;
  }

  @media (min-width: 40rem) {
    .alert-dialog__dialog[data-placement="auto"] {
      margin-block: auto;
    }
  }

  .alert-dialog__dialog[data-placement="center"] {
    margin-block: auto;
  }

  .alert-dialog__dialog[data-placement="bottom"] {
    margin-top: auto;
  }

  .alert-dialog__dialog[data-placement="top"] {
    margin-top: 0;
  }

  .alert-dialog__dialog--xs {
    max-width: var(--container-xs);
  }

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

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

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

  .alert-dialog__dialog--cover {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .alert-dialog__header {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  .alert-dialog__header > .modal__icon {
    margin-bottom: 0;
  }

  .alert-dialog__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .alert-dialog__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alert-dialog__icon [data-slot="alert-dialog-default-icon"] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .alert-dialog__icon--default {
    background-color: var(--default);
    color: var(--foreground);
  }

  .alert-dialog__icon--accent {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }

  .alert-dialog__icon--success {
    background-color: var(--success-soft);
    color: var(--success-soft-foreground);
  }

  .alert-dialog__icon--warning {
    background-color: var(--warning-soft);
    color: var(--warning-soft-foreground);
  }

  .alert-dialog__icon--danger {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }

  .alert-dialog__body {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    min-height: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: var(--muted);
    margin: -3px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    margin-block: 0;
    padding: 3px;
    line-height: 1.43;
    overflow-y: auto;
  }

  .alert-dialog__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    margin-top: 0;
    display: flex;
  }

  .alert-dialog__close-trigger {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    position: absolute;
  }

  .alert-dialog__header + .alert-dialog__body {
    margin-top: calc(var(--spacing) * 2);
  }

  .alert-dialog__header + .alert-dialog__footer, .alert-dialog__body + .alert-dialog__footer {
    margin-top: calc(var(--spacing) * 5);
  }

  .drawer__trigger {
    cursor: var(--cursor-interactive);
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-block;
  }

  .drawer__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .drawer__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .drawer__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .drawer__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .drawer__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .drawer__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .drawer__trigger:focus-visible:not([data-focused]), .drawer__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .drawer__trigger:disabled, .drawer__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .drawer__trigger:active, .drawer__trigger[data-pressed="true"] {
    transform: scale(.97);
  }

  .drawer__backdrop {
    z-index: var(--z-index-overlay);
    height: var(--visual-viewport-height);
    opacity: 1;
    width: 100%;
    transition: opacity .25s cubic-bezier(.32, .72, 0, 1);
    position: fixed;
    inset: 0;
  }

  .drawer__backdrop[data-entering="true"] {
    opacity: 0;
  }

  .drawer__backdrop[data-exiting="true"] {
    opacity: 0;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  .drawer__backdrop[data-exiting="true"], .drawer__backdrop[data-entering="true"] {
    will-change: opacity;
  }

  @media (prefers-reduced-motion: reduce) {
    .drawer__backdrop {
      transition: none;
    }
  }

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

  .drawer__backdrop--opaque {
    background-color: var(--backdrop);
  }

  .drawer__backdrop--blur {
    background-color: var(--backdrop);
    --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, );
  }

  .drawer__content {
    pointer-events: none;
    z-index: var(--z-index-overlay);
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: 0;
    display: flex;
    position: fixed;
    inset: 0;
  }

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

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

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

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

  .drawer__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    --drawer-enter-duration: .25s;
    --drawer-exit-duration: .2s;
    --drawer-enter-ease: cubic-bezier(.32, .72, 0, 1);
    --drawer-exit-ease: cubic-bezier(.32, .72, 0, 1);
    will-change: translate;
    transition: translate var(--drawer-enter-duration) var(--drawer-enter-ease);
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (prefers-reduced-motion: reduce) {
    .drawer__dialog {
      transition: none;
    }
  }

  .drawer__dialog[data-placement="bottom"] {
    border-start-start-radius: min(32px, var(--radius-2xl));
    border-start-end-radius: min(32px, var(--radius-2xl));
    width: 100%;
    max-height: 85vh;
  }

  .drawer__dialog[data-placement="top"] {
    border-end-end-radius: min(32px, var(--radius-2xl));
    border-end-start-radius: min(32px, var(--radius-2xl));
    width: 100%;
    max-height: 85vh;
  }

  .drawer__dialog[data-placement="left"] {
    height: 100%;
    width: calc(var(--spacing) * 80);
    border-radius: 0;
    max-width: 85vw;
  }

  @media (min-width: 40rem) {
    .drawer__dialog[data-placement="left"] {
      width: calc(var(--spacing) * 96);
    }
  }

  .drawer__dialog[data-placement="right"] {
    height: 100%;
    width: calc(var(--spacing) * 80);
    border-radius: 0;
    max-width: 85vw;
  }

  @media (min-width: 40rem) {
    .drawer__dialog[data-placement="right"] {
      width: calc(var(--spacing) * 96);
    }
  }

  [data-exiting="true"] .drawer__dialog {
    transition-duration: var(--drawer-exit-duration);
    transition-timing-function: var(--drawer-exit-ease);
  }

  .drawer__content--left .drawer__dialog, .drawer__content--right .drawer__dialog, .drawer__content--top .drawer__dialog, .drawer__content--bottom .drawer__dialog {
    translate: 0;
  }

  .drawer__content--left[data-entering="true"] .drawer__dialog, .drawer__content--left[data-exiting="true"] .drawer__dialog {
    translate: -100%;
  }

  .drawer__content--right[data-entering="true"] .drawer__dialog, .drawer__content--right[data-exiting="true"] .drawer__dialog {
    translate: 100%;
  }

  .drawer__content--top[data-entering="true"] .drawer__dialog, .drawer__content--top[data-exiting="true"] .drawer__dialog {
    translate: 0 -100%;
  }

  .drawer__content--bottom[data-entering="true"] .drawer__dialog, .drawer__content--bottom[data-exiting="true"] .drawer__dialog {
    translate: 0 100%;
  }

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

  .drawer__dialog--top .drawer__handle {
    padding-bottom: 0;
  }

  .drawer__header {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  .drawer__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .drawer__body {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    min-height: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: var(--muted);
    margin: -3px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    margin-block: 0;
    padding: 3px;
    line-height: 1.43;
    overflow-y: auto;
  }

  .drawer__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    margin-top: 0;
    display: flex;
  }

  .drawer__handle {
    padding-bottom: calc(var(--spacing) * 2);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .drawer__handle > [data-slot="drawer-handle-bar"] {
    height: var(--spacing);
    width: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) * .25);
    background-color: var(--separator);
  }

  .drawer__close-trigger {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    position: absolute;
  }

  .drawer__header + .drawer__body {
    margin-top: calc(var(--spacing) * 2);
  }

  .drawer__header + .drawer__footer, .drawer__body + .drawer__footer {
    margin-top: calc(var(--spacing) * 5);
  }

  .drawer__handle + .drawer__header, .drawer__handle + .drawer__body {
    margin-top: 0;
  }

  .modal__trigger {
    cursor: var(--cursor-interactive);
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-block;
  }

  .modal__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .modal__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .modal__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .modal__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .modal__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .modal__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .modal__trigger:focus-visible:not([data-focused]), .modal__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .modal__trigger:disabled, .modal__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .modal__trigger:active, .modal__trigger[data-pressed="true"] {
    transform: scale(.97);
  }

  .modal__backdrop {
    z-index: var(--z-index-overlay);
    height: var(--visual-viewport-height);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .modal__backdrop[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    --tw-enter-opacity: 0;
  }

  .modal__backdrop[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out);
    transition-duration: .1s;
    transition-timing-function: var(--ease-out);
    --tw-exit-opacity: 0;
  }

  .modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"] {
    will-change: opacity;
  }

  :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.modal__backdrop[data-exiting="true"], .modal__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

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

  .modal__backdrop--opaque {
    background-color: var(--backdrop);
  }

  .modal__backdrop--blur {
    background-color: var(--backdrop);
    --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, );
  }

  .modal__container {
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: 0;
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
  }

  @media (min-width: 40rem) {
    .modal__container {
      width: fit-content;
    }

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

  .modal__container {
    pointer-events: none;
  }

  .modal__container[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .25s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-enter-opacity: 0;
    --tw-enter-scale: calc(105*1%);
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .modal__container[data-entering="true"][data-placement="auto"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  @media (min-width: 40rem) {
    .modal__container[data-entering="true"][data-placement="auto"] {
      --tw-enter-translate-y: calc(0*100%);
    }

    .modal__container[data-entering="true"][data-placement="auto"] {
      --tw-enter-translate-y: calc(0*100%);
    }
  }

  .modal__container[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .modal__container[data-entering="true"][data-placement="center"] {
    --tw-enter-translate-y: calc(0*-100%);
  }

  .modal__container[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .modal__container[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .modal__container[data-exiting="true"], .modal__container[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.modal__container[data-exiting="true"], .modal__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .modal__container--scroll-outside {
    height: auto;
    min-height: var(--visual-viewport-height);
    overflow-y: visible;
  }

  .modal__backdrop:has(.modal__container--scroll-outside) {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    overflow-y: auto;
  }

  .modal__container--full {
    padding: 0;
  }

  @media (min-width: 40rem) {
    .modal__container--full {
      padding: 0;
    }
  }

  .modal__container--full[data-entering="true"] {
    --tw-enter-translate-y: calc(0*100%);
    --tw-enter-scale: 1;
  }

  @media (min-width: 40rem) {
    .modal__container--full[data-entering="true"] {
      --tw-enter-translate-y: calc(0*100%);
    }

    .modal__container--full[data-entering="true"] {
      --tw-enter-translate-y: calc(0*100%);
    }
  }

  .modal__container--full[data-exiting="true"] {
    --tw-exit-scale: 1;
  }

  .modal__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .modal__dialog[data-placement="auto"] {
    margin-top: auto;
  }

  @media (min-width: 40rem) {
    .modal__dialog[data-placement="auto"] {
      margin-block: auto;
    }
  }

  .modal__dialog[data-placement="center"] {
    margin-block: auto;
  }

  .modal__dialog[data-placement="bottom"] {
    margin-top: auto;
  }

  .modal__dialog[data-placement="top"] {
    margin-top: 0;
  }

  .modal__dialog--scroll-inside {
    min-height: 0;
    max-height: 100%;
    overflow: clip;
  }

  .modal__dialog--scroll-outside {
    flex-shrink: 0;
    height: auto;
    min-height: 0;
  }

  .modal__dialog--xs {
    max-width: var(--container-xs);
  }

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

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

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

  .modal__dialog--cover {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .modal__dialog--full {
    --tw-shadow: 0 0 #0000;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 0;
  }

  .modal__header {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  .modal__header > .modal__icon {
    margin-bottom: 0;
  }

  .modal__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .modal__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .modal__body {
    min-height: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: var(--muted);
    margin: -3px;
    flex: 1;
    margin-block: 0;
    padding: 3px;
    line-height: 1.43;
    overflow: visible;
  }

  .modal__body--scroll-inside {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }

  .modal__body--scroll-outside {
    overflow-y: visible;
  }

  .modal__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    margin-top: 0;
    display: flex;
  }

  .modal__close-trigger {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    position: absolute;
  }

  .modal__header + .modal__body {
    margin-top: calc(var(--spacing) * 2);
  }

  .modal__header + .modal__footer, .modal__body + .modal__footer {
    margin-top: calc(var(--spacing) * 5);
  }

  .popover {
    transform-origin: var(--trigger-anchor-point);
    background-color: var(--overlay);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
    padding: 0;
  }

  .popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .9;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .popover[data-exiting="true"], .popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .popover [data-slot="popover-overlay-arrow"] {
    fill: var(--overlay);
  }

  .popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

  .popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

  .popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

  .popover__dialog {
    padding: calc(var(--spacing) * 4);
    --tw-outline-style: none;
    outline-style: none;
  }

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

  .popover__trigger {
    transition: color .15s var(--ease-smooth), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-block;
  }

  .popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .popover__trigger {
    cursor: var(--cursor-interactive);
  }

  .popover__trigger:focus-visible:not([data-focused]), .popover__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .popover__trigger:disabled, .popover__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .tooltip {
    max-width: var(--container-xs);
    transform-origin: var(--trigger-anchor-point);
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    word-break: break-all;
    border-radius: min(32px, var(--radius-xl));
    box-shadow: var(--overlay-shadow);
  }

  .tooltip[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .9;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .tooltip[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .tooltip[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .tooltip[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .tooltip[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .tooltip[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .tooltip[data-exiting="true"], .tooltip[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .tooltip [data-slot="overlay-arrow"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tooltip [data-slot="overlay-arrow"] {
      stroke: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .tooltip [data-slot="overlay-arrow"] {
    fill: var(--overlay);
  }

  .tooltip[data-placement="bottom"] [data-slot="overlay-arrow"] {
    rotate: 180deg;
  }

  .tooltip[data-placement="left"] [data-slot="overlay-arrow"] {
    rotate: -90deg;
  }

  .tooltip[data-placement="right"] [data-slot="overlay-arrow"] {
    rotate: 90deg;
  }

  .tooltip__trigger {
    transition: color .15s var(--ease-smooth), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    display: inline-block;
  }

  .tooltip__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .tooltip__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .tooltip__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .tooltip__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .tooltip__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .tooltip__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .tooltip__trigger:focus-visible:not([data-focused]), .tooltip__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .combo-box {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.combo-box[data-invalid="true"], .combo-box[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .combo-box [data-slot="label"] {
    width: fit-content;
  }

  .combo-box [data-slot="input"] {
    flex: 1;
    min-width: 0;
  }

  .combo-box [data-slot="input"]:has( + .combo-box__trigger) {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  .combo-box [data-slot="input"]:focus, .combo-box [data-slot="input"][data-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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .combo-box [data-slot="input"]:disabled, .combo-box [data-slot="input"][data-disabled], .combo-box [data-slot="input"][aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .combo-box__input-group {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .combo-box__value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: break-word;
    color: var(--field-foreground, var(--foreground));
  }

  .combo-box__value:empty {
    display: none;
  }

  .combo-box__value[data-placeholder="true"] {
    color: var(--field-placeholder, var(--muted));
  }

  .combo-box__value [data-slot="list-box-item-indicator"] {
    display: none;
  }

  .combo-box__trigger {
    inset-inline-end: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    height: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    color: var(--field-placeholder, var(--muted));
    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));
    --tw-duration: .15s;
    -webkit-tap-highlight-color: transparent;
    --tw-border-style: none;
    --tw-outline-style: none;
    background-color: #0000;
    border-style: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding-inline-end: calc(var(--spacing) * 2);
    transition-duration: .15s;
    display: flex;
    position: absolute;
    top: 50%;
  }

  @media (hover: hover) {
    .combo-box__trigger:hover, .combo-box__trigger[data-hovered="true"] {
      color: var(--field-foreground, var(--foreground));
    }
  }

  .combo-box__trigger:focus-visible:not([data-focused]), .combo-box__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-radius: .25rem;
    outline-style: none;
  }

  .combo-box__trigger[data-pressed="true"] {
    opacity: .7;
  }

  .combo-box__trigger:disabled, .combo-box__trigger[data-disabled], .combo-box__trigger[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .5;
  }

  .combo-box__trigger [data-slot="combo-box-trigger-default-icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .combo-box__trigger [data-slot="combo-box-trigger-default-icon"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .combo-box__trigger[data-open="true"] [data-slot="combo-box-trigger-default-icon"] {
    rotate: 180deg;
  }

  .combo-box__popover {
    min-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: var(--spacing);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
    padding: 0;
    overflow-y: auto;
  }

  .combo-box__popover:focus-visible:not([data-focused]), .combo-box__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .combo-box__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .combo-box__popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .combo-box__popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .combo-box__popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .combo-box__popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .combo-box__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .combo-box__popover[data-exiting="true"], .combo-box__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .combo-box__popover [data-slot="popover-overlay-arrow"] {
    fill: var(--overlay);
  }

  .combo-box__popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

  .combo-box__popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

  .combo-box__popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

  .combo-box__popover [data-slot="list-box"] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }

  .combo-box__popover [data-slot="list-box-item"] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .combo-box__popover [data-slot="list-box-item"] [data-slot="list-box-item-indicator--checkmark"] {
    transition-property: none;
  }

  .combo-box--full-width, .combo-box__input-group--full-width {
    width: 100%;
  }

  .select {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  :is(.select[data-invalid="true"], .select[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .select [data-slot="label"] {
    width: fit-content;
  }

  .select__trigger {
    isolation: isolate;
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .select__trigger {
    cursor: var(--cursor-interactive);
    border-width: var(--border-width-field);
    border-color: var(--field-border);
  }

  .select__trigger:has(.select__indicator) {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  @media (hover: hover) {
    :is(.select__trigger:hover:not(:has(.select__clear-button:hover)), .select__trigger[data-hovered="true"]:not(:has(.select__clear-button:hover))) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .select__trigger:focus-visible:not([data-focused]), .select__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger):focus, :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger):focus-visible, :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger)[data-focused="true"], :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger)[data-focus-visible="true"], :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger):focus-within, :is(.select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger {
    background-color: var(--field-focus);
  }

  .select__trigger:disabled, .select__trigger[data-disabled="true"], .select__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .select--secondary .select__trigger {
    --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);
    background-color: var(--select-trigger-bg);
    --select-trigger-bg: var(--default);
    --select-trigger-bg-hover: var(--default-hover);
    --select-trigger-bg-focus: var(--default);
  }

  @media (hover: hover) {
    :is(.select--secondary .select__trigger:hover:not(:has(.select__clear-button:hover)), .select--secondary .select__trigger[data-hovered="true"]:not(:has(.select__clear-button:hover))) {
      background-color: var(--select-trigger-bg-hover);
    }
  }

  .select--secondary .select__trigger:focus-visible:not([data-focused]), .select--secondary .select__trigger[data-focus-visible="true"], .select[data-invalid="true"] :is(.select--secondary .select__trigger), .select[aria-invalid="true"] :is(.select--secondary .select__trigger) {
    background-color: var(--select-trigger-bg-focus);
  }

  .select__value {
    text-align: start;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    overflow-wrap: break-word;
    color: currentColor;
    flex: 1;
  }

  @media (min-width: 40rem) {
    .select__value {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .select__value[data-placeholder="true"] {
    color: var(--field-placeholder, var(--muted));
  }

  .select__value [data-slot="list-box-item-indicator"] {
    display: none;
  }

  .select__clear-button {
    isolation: isolate;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    transform-origin: center;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    border-radius: calc(var(--radius) + 4px);
    padding: var(--spacing);
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    background-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .select__clear-button:after {
    inset: calc(var(--spacing) * -.5);
    content: "";
    position: absolute;
  }

  .select__clear-button:not([data-empty="true"]) {
    transition: opacity .15s var(--ease-smooth);
  }

  .select__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .select__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .select__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .select__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .select__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .select__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .select__clear-button[data-empty="true"] {
    pointer-events: none;
    opacity: 0;
  }

  .select__clear-button [data-slot="select-clear-button-icon"] {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  @media (hover: hover) {
    .select__clear-button:hover, .select__clear-button[data-hovered="true"] {
      background-color: var(--default-hover);
    }
  }

  .select__clear-button:active, .select__clear-button[data-pressed="true"] {
    transform: scale(.93);
  }

  .select__indicator {
    color: var(--field-placeholder, var(--muted));
    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));
    --tw-duration: .15s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    transition-duration: .15s;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .select__indicator[data-open="true"] {
    rotate: 180deg;
  }

  .select__indicator[data-slot="select-default-indicator"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .select__popover {
    min-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: var(--spacing);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
    padding: 0;
    overflow-y: auto;
  }

  .select__popover:focus-visible:not([data-focused]), .select__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .select__popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .select__popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .select__popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .select__popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .select__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .select__popover[data-exiting="true"], .select__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .select__popover [data-slot="popover-overlay-arrow"] {
    fill: var(--overlay);
  }

  .select__popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

  .select__popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

  .select__popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

  .select__popover [data-slot="list-box"] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }

  .select__popover [data-slot="list-box-item"] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .select__popover [data-slot="list-box"]:not([aria-multiselectable="true"]) [data-slot="list-box-item-indicator"], .select__popover [data-slot="list-box"]:not([aria-multiselectable="true"]) [data-slot="list-box-item-indicator"] [data-slot="list-box-item-indicator--checkmark"] {
    transition-property: none;
  }

  .select--full-width, .select__trigger--full-width {
    width: 100%;
  }

  .autocomplete {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .autocomplete__trigger {
    isolation: isolate;
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .autocomplete__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .autocomplete__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .autocomplete__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .autocomplete__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .autocomplete__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .autocomplete__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .autocomplete__trigger {
    cursor: var(--cursor-interactive);
    border-width: var(--border-width-field);
    border-color: var(--field-border);
  }

  .autocomplete__trigger:has(.autocomplete__indicator) {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  @media (hover: hover) {
    :is(.autocomplete__trigger:hover:not(:has(.autocomplete__clear-button:hover)), .autocomplete__trigger[data-hovered="true"]:not(:has(.autocomplete__clear-button:hover))) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }

  .autocomplete__trigger:focus-visible:not([data-focused]), .autocomplete__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }

  .autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger):focus, :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger):focus-visible, :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger)[data-focused="true"], :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger)[data-focus-visible="true"], :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger):focus-within, :is(.autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .autocomplete[data-invalid="true"] .autocomplete__trigger, .autocomplete[aria-invalid="true"] .autocomplete__trigger {
    background-color: var(--field-focus);
  }

  .autocomplete__trigger:disabled, .autocomplete__trigger[data-disabled="true"], .autocomplete__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .autocomplete--secondary .autocomplete__trigger {
    --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);
    background-color: var(--autocomplete-trigger-bg);
    --autocomplete-trigger-bg: var(--default);
    --autocomplete-trigger-bg-hover: var(--default-hover);
    --autocomplete-trigger-bg-focus: var(--default);
  }

  @media (hover: hover) {
    :is(.autocomplete--secondary .autocomplete__trigger:hover:not(:has(.autocomplete__clear-button:hover)), .autocomplete--secondary .autocomplete__trigger[data-hovered="true"]:not(:has(.autocomplete__clear-button:hover))) {
      background-color: var(--autocomplete-trigger-bg-hover);
    }
  }

  .autocomplete--secondary .autocomplete__trigger:focus-visible:not([data-focused]), .autocomplete--secondary .autocomplete__trigger[data-focus-visible="true"], .autocomplete[data-invalid="true"] :is(.autocomplete--secondary .autocomplete__trigger), .autocomplete[aria-invalid="true"] :is(.autocomplete--secondary .autocomplete__trigger) {
    background-color: var(--autocomplete-trigger-bg-focus);
  }

  .autocomplete__value {
    text-align: start;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    overflow-wrap: break-word;
    color: currentColor;
    flex: 1;
  }

  @media (min-width: 40rem) {
    .autocomplete__value {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .autocomplete__value[data-placeholder="true"] {
    color: var(--field-placeholder, var(--muted));
  }

  .autocomplete__value [data-slot="list-box-item-indicator"] {
    display: none;
  }

  .autocomplete__indicator {
    color: var(--field-placeholder, var(--muted));
    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));
    --tw-duration: .15s;
    cursor: var(--cursor-interactive);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    transition-duration: .15s;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .autocomplete__indicator[data-open="true"] {
    rotate: 180deg;
  }

  .autocomplete__indicator[data-slot="autocomplete-default-indicator"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .autocomplete__popover {
    width: var(--trigger-width);
    max-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: var(--spacing);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: 0;
    padding-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .autocomplete__popover:focus, .autocomplete__popover:focus-visible:not([data-focused]), .autocomplete__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .autocomplete__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .25s;
    --tw-ease: cubic-bezier(.32, .72, 0, 1);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  .autocomplete__popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .autocomplete__popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .autocomplete__popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .autocomplete__popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .autocomplete__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    pointer-events: none;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .autocomplete__popover[data-exiting="true"], .autocomplete__popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: opacity,transform;
  }

  .autocomplete__popover [data-slot="popover-overlay-arrow"] {
    fill: var(--overlay);
  }

  .autocomplete__popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

  .autocomplete__popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

  .autocomplete__popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

  .autocomplete__popover [data-slot="list-box"] {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    min-height: 0;
    max-height: 320px;
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
    overflow-y: auto;
  }

  .autocomplete__popover [data-slot="list-box-item"] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .autocomplete__popover [role="presentation"] > [data-slot="list-box-item"] {
    width: calc(100% - var(--spacing) * 3);
  }

  .autocomplete__popover [data-slot="list-box"]:not([aria-multiselectable="true"]) [data-slot="list-box-item-indicator"], .autocomplete__popover [data-slot="list-box"]:not([aria-multiselectable="true"]) [data-slot="list-box-item-indicator"] [data-slot="list-box-item-indicator--checkmark"] {
    transition-property: none;
  }

  .autocomplete__popover [data-slot="search-field"] {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    --tw-outline-style: none;
    outline-style: none;
    flex-shrink: 0;
  }

  .autocomplete__popover [data-slot="empty-state"] {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--overlay-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .autocomplete__popover [data-slot="empty-state"] {
      color: color-mix(in oklab, var(--overlay-foreground) 60%, transparent);
    }
  }

  .autocomplete--full-width, .autocomplete__trigger--full-width {
    width: 100%;
  }

  .autocomplete__clear-button {
    isolation: isolate;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    transform-origin: center;
    border-radius: calc(var(--radius) + 4px);
    padding: var(--spacing);
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    cursor: var(--cursor-interactive);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    background-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-inline-end: 0;
    display: inline-flex;
    position: relative;
  }

  .autocomplete__clear-button:not([data-empty="true"]) {
    transition: opacity .15s var(--ease-smooth);
  }

  .autocomplete__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .autocomplete__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .autocomplete__clear-button:not([data-empty="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .autocomplete__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .autocomplete__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .autocomplete__clear-button:not([data-empty="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .autocomplete__clear-button[data-empty="true"] {
    pointer-events: none;
    opacity: 0;
  }

  .autocomplete__clear-button [data-slot="autocomplete-clear-button-icon"] {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  @media (hover: hover) {
    .autocomplete__clear-button:hover, .autocomplete__clear-button[data-hovered="true"] {
      background-color: var(--default-hover);
    }
  }

  .autocomplete__clear-button:active, .autocomplete__clear-button[data-pressed="true"] {
    transform: scale(.93);
  }

  .kbd {
    height: calc(var(--spacing) * 6);
    align-items: center;
    display: inline-flex;
  }

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

  .kbd {
    border-radius: var(--radius);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 2);
    text-align: center;
    font-family: var(--font-geist-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--muted);
  }

  :where(.kbd:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .kbd {
    word-spacing: -.25rem;
  }

  .kbd__abbr {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
  }

  .kbd__content {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .kbd--light {
    background-color: #0000;
  }

  .typography, .typography-prose {
    color: var(--foreground);
  }

  .typography-prose h1 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose h2 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose h6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography-prose p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .typography-prose code {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-family: var(--font-geist-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }

  .typography-prose a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--link);
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }

  .typography-prose blockquote {
    margin-top: calc(var(--spacing) * 4);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
    border-color: var(--border);
    color: var(--muted);
    padding-inline-start: calc(var(--spacing) * 4);
    font-style: italic;
  }

  .typography-prose ul {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: disc;
  }

  :where(.typography-prose ul > :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)));
  }

  .typography-prose ul {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .typography-prose ol {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: decimal;
  }

  :where(.typography-prose ol > :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)));
  }

  .typography-prose ol {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .typography-prose li {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .typography-prose hr {
    margin-block: calc(var(--spacing) * 8);
    border-color: var(--separator);
  }

  .typography-prose pre {
    margin-block: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--default);
    padding: calc(var(--spacing) * 4);
    font-family: var(--font-geist-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-x: auto;
  }

  .typography-prose strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--foreground);
  }

  .typography-prose em {
    font-style: italic;
  }

  .typography-prose img {
    margin-block: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
  }

  .typography--h1 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--h2 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--h6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .typography--body {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .typography--body-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .typography--body-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .typography--code {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-family: var(--font-geist-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }

  .typography--align-start {
    text-align: start;
  }

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

  .typography--align-end {
    text-align: end;
  }

  .typography--align-justify {
    text-align: justify;
  }

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

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

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

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

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

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

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

  .scroll-shadow {
    --scroll-shadow-size: 40px;
    --scroll-shadow-scrollbar-size: 10px;
    --scroll-shadow-offset: 0px;
    position: relative;
  }

  @property --scroll-shadow-start-fade {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }

  @property --scroll-shadow-end-fade {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }

  @keyframes scroll-shadow-start-fade {
    from {
      --scroll-shadow-start-fade: 0px;
    }

    to {
      --scroll-shadow-start-fade: var(--scroll-shadow-size);
    }
  }

  @keyframes scroll-shadow-end-fade {
    from {
      --scroll-shadow-end-fade: var(--scroll-shadow-size);
    }

    to {
      --scroll-shadow-end-fade: 0px;
    }
  }

  .scroll-shadow--vertical {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overflow-y: auto;
  }

  .scroll-shadow--horizontal {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overflow-x: auto;
  }

  .scroll-shadow--fade.scroll-shadow--vertical:where([data-top-scroll="true"], [data-bottom-scroll="true"], [data-top-bottom-scroll="true"], [data-scroll-shadow-mode="auto"]) {
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    -webkit-mask-position: 0 0, 100% 0;
    mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: calc(100% - var(--scroll-shadow-scrollbar-size)) 100%, var(--scroll-shadow-scrollbar-size) 100%;
    mask-size: calc(100% - var(--scroll-shadow-scrollbar-size)) 100%, var(--scroll-shadow-scrollbar-size) 100%;
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    -webkit-mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: calc(100% - var(--scroll-shadow-scrollbar-size)) 100%, var(--scroll-shadow-scrollbar-size) 100%;
  }

  .scroll-shadow--fade.scroll-shadow--vertical[data-top-scroll="true"] {
    --scroll-linear-gradient: 0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--vertical[data-bottom-scroll="true"] {
    --scroll-linear-gradient: 180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--vertical[data-top-bottom-scroll="true"] {
    --scroll-linear-gradient: #000, #000, transparent 0, #000 var(--scroll-shadow-size),
      #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--horizontal:where([data-left-scroll="true"], [data-right-scroll="true"], [data-left-right-scroll="true"], [data-scroll-shadow-mode="auto"]) {
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    -webkit-mask-position: 0 0, 0 100%;
    mask-position: 0 0, 0 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% calc(100% - var(--scroll-shadow-scrollbar-size)), 100% var(--scroll-shadow-scrollbar-size);
    mask-size: 100% calc(100% - var(--scroll-shadow-scrollbar-size)), 100% var(--scroll-shadow-scrollbar-size);
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
    -webkit-mask-position: 0 0, 0 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% calc(100% - var(--scroll-shadow-scrollbar-size)), 100% var(--scroll-shadow-scrollbar-size);
  }

  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-scroll="true"] {
    --scroll-linear-gradient: 270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-scroll="true"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    --scroll-linear-gradient: 90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--horizontal[data-right-scroll="true"] {
    --scroll-linear-gradient: 90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--horizontal[data-right-scroll="true"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    --scroll-linear-gradient: 270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-right-scroll="true"] {
    --scroll-linear-gradient: to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size),
      #000 calc(100% - var(--scroll-shadow-size)), transparent;
  }

  .scroll-shadow--hide-scrollbar {
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    --scroll-shadow-scrollbar-size: 0px;
  }

  @supports (animation-timeline: scroll(self)) {
    .scroll-shadow.scroll-shadow--fade[data-scroll-shadow-mode="auto"] {
      animation: linear both scroll-shadow-start-fade, linear both scroll-shadow-end-fade;
      animation-range: var(--scroll-shadow-offset) calc(var(--scroll-shadow-offset) + var(--scroll-shadow-size)), calc(100% - var(--scroll-shadow-size) - var(--scroll-shadow-offset)) calc(100% - var(--scroll-shadow-offset));
    }

    .scroll-shadow.scroll-shadow--fade.scroll-shadow--vertical[data-scroll-shadow-mode="auto"] {
      --scroll-linear-gradient: 180deg, transparent 0, #000 var(--scroll-shadow-start-fade),
      #000 calc(100% - var(--scroll-shadow-end-fade)), transparent 100%;
      animation-timeline: scroll(self), scroll(self);
    }

    .scroll-shadow.scroll-shadow--fade.scroll-shadow--horizontal[data-scroll-shadow-mode="auto"] {
      --scroll-linear-gradient: 90deg, transparent 0, #000 var(--scroll-shadow-start-fade),
      #000 calc(100% - var(--scroll-shadow-end-fade)), transparent 100%;
      animation-timeline: scroll(self inline), scroll(self inline);
    }

    .scroll-shadow.scroll-shadow--fade.scroll-shadow--horizontal[data-scroll-shadow-mode="auto"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      --scroll-linear-gradient: 270deg, transparent 0, #000 var(--scroll-shadow-start-fade),
        #000 calc(100% - var(--scroll-shadow-end-fade)), transparent 100%;
    }
  }

  .app-layout__body {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .app-layout__header {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 40;
    flex-shrink: 0;
    position: sticky;
  }

  .app-layout__toolbar {
    --navbar-height: 56px;
    top: var(--navbar-height);
    z-index: 39;
    flex-shrink: 0;
    position: sticky;
  }

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

  .app-layout__menu-toggle {
    margin-inline-start: -.5rem;
    display: none;
  }

  @media (max-width: 768px) {
    .app-layout__menu-toggle {
      display: inline-flex;
    }
  }

  [data-app-layout] [data-slot="sidebar-trigger"] {
    margin-inline-start: -.5rem;
  }

  .app-layout__main {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 1;
  }

  [data-app-layout][data-scroll-mode="content"] {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  [data-app-layout][data-scroll-mode="content"] .app-layout__main {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior-y: contain;
    min-height: 0;
    overflow-y: auto;
  }

  [data-app-layout][data-scroll-mode="content"] .app-layout__main:focus-visible {
    outline: none;
  }

  .app-layout__aside {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    --app-layout-aside-width: 320px;
    --app-layout-aside-duration: .2s;
    height: 100dvh;
    width: var(--app-layout-aside-width);
    transition: width var(--app-layout-aside-duration) ease, border-color var(--app-layout-aside-duration) ease;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .app-layout__aside > * {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    width: var(--app-layout-aside-width);
    height: 100%;
    transition: translate var(--app-layout-aside-duration) ease;
    overflow-y: auto;
  }

  .app-layout__aside[data-state="closed"] {
    border-inline-start-color: #0000;
    width: 0;
  }

  .app-layout__aside[data-state="closed"] > * {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .app-layout__aside[data-state="closed"] > :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .app-layout__aside, .app-layout__aside > * {
      transition: none;
    }
  }

  @media (max-width: 1024px) {
    .app-layout__aside {
      display: none;
    }
  }

  .app-layout__aside-trigger {
    margin-inline-end: -.5rem;
  }

  @media (max-width: 1024px) {
    .app-layout__aside-trigger {
      display: none;
    }
  }

  @media (max-width: 768px) {
    [data-app-layout] > [data-slot="sidebar"], [data-app-layout] [data-slot="sidebar-trigger"] {
      display: none;
    }
  }

  .navbar[data-in-app-layout="true"] {
    z-index: auto;
    width: 100%;
    height: 100%;
    position: static;
  }

  .navbar[data-in-app-layout="true"].navbar--sticky, .navbar[data-in-app-layout="true"].navbar--static, .navbar[data-in-app-layout="true"].navbar--floating {
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 0;
    position: static;
  }

  [data-app-layout][data-resizable] {
    min-height: calc(var(--spacing, .25rem) * 0);
    flex-direction: row;
    height: 100dvh;
    display: flex;
  }

  .app-layout__resizable {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 1;
    height: 100%;
    display: flex;
  }

  .app-layout__sidebar-panel {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    position: relative;
    overflow: hidden;
  }

  .app-layout__aside-panel {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    border-style: var(--tw-border-style);
    border-width: 0;
    position: relative;
    overflow: hidden;
  }

  .app-layout__main-panel {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  [data-app-layout][data-resizable] [data-slot="sidebar"], [data-app-layout][data-resizable] .sidebar__offcanvas-wrapper {
    width: 100%;
    transition: none;
  }

  [data-app-layout][data-resizable] .sidebar--default, [data-app-layout][data-resizable] .sidebar--default.sidebar--right {
    box-shadow: none;
  }

  [data-app-layout][data-resizable] .app-layout__aside, [data-app-layout][data-resizable] .app-layout__aside-panel {
    border-left-color: #0000;
    border-right-color: #0000;
  }

  [data-app-layout][data-resizable] .app-layout__aside-panel > aside, [data-app-layout][data-resizable] .app-layout__aside-panel > [data-slot="aside"], [data-app-layout][data-resizable] .app-layout__aside-panel > div {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }

  .app-layout__mobile-aside-sheet {
    width: 100%;
    max-width: min(360px, 88vw);
  }

  .app-layout__mobile-aside-dialog {
    height: 100dvh;
    padding: 0;
  }

  .app-layout__mobile-aside {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  .action-bar {
    pointer-events: none;
    inset-inline: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 6);
    z-index: 50;
    justify-content: center;
    display: flex;
    position: fixed;
  }

  .action-bar [data-slot="toolbar"] {
    border-radius: calc(var(--radius) * 3);
  }

  .action-bar__wrapper {
    pointer-events: auto;
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding: 6px 12px;
  }

  .action-bar__prefix {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    display: flex;
  }

  .action-bar__content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .action-bar__suffix {
    align-items: center;
    display: flex;
  }

  .action-bar__label {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  @media (max-width: 639px) {
    .action-bar__wrapper {
      padding: 4px 8px;
    }

    .action-bar__prefix {
      gap: calc(var(--spacing, .25rem) * 1.5);
    }

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

  .agenda {
    --agenda-slot-height: 60px;
    --agenda-time-column-width: 58px;
    --agenda-current-time-color: var(--color-danger);
    --agenda-day-header-height: calc(var(--spacing) * 10);
    --agenda-all-day-min-height: calc(var(--spacing) * 8);
    --agenda-event-radius: var(--radius-md);
    --agenda-month-event-height: 20px;
    --agenda-month-event-gap: 2px;
    --agenda-month-date-offset: 20px;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .agenda__header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .agenda__heading {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    --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, );
    flex: 1;
  }

  .agenda__navigation {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .agenda__nav-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) svg {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .agenda__today-button {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .agenda__view-selector {
    width: fit-content;
  }

  .agenda__body {
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .agenda__body--month {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overflow: auto;
  }

  .agenda__week-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    padding-inline-start: var(--agenda-time-column-width);
    display: flex;
  }

  .agenda__day-header {
    min-width: calc(var(--spacing, .25rem) * 0);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    height: var(--agenda-day-header-height);
    flex-direction: row;
    flex: 1;
    display: flex;
  }

  .agenda__day-header-name {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    text-transform: capitalize;
  }

  .agenda__day-header-name[data-today="true"] {
    color: var(--foreground);
  }

  .agenda__day-header-date {
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .agenda__day-header-date[data-today="true"] {
    background-color: var(--danger);
    color: var(--color-white, #fff);
  }

  .agenda__all-day-section {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    min-height: var(--agenda-all-day-min-height);
    padding-inline-start: var(--agenda-time-column-width);
    grid-auto-rows: min-content;
    align-items: start;
    gap: 2px 0;
    padding-top: 4px;
    padding-bottom: 4px;
    display: grid;
    position: relative;
  }

  .agenda__all-day-toggle {
    z-index: 10;
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    border-radius: calc(var(--radius) * .5);
    color: var(--muted);
    --tw-outline-style: none;
    inset-inline-start: calc(var(--agenda-time-column-width) - var(--spacing) * 6);
    top: calc(var(--spacing) * 3);
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    transform: translateY(-50%);
  }

  .agenda__all-day-toggle svg {
    transition: rotate .15s;
  }

  .agenda__all-day-toggle[data-expanded] svg {
    rotate: none;
  }

  .agenda__all-day-toggle:not([data-expanded]) svg {
    rotate: -90deg;
  }

  .agenda__all-day-toggle:not([data-expanded]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) svg {
    rotate: 90deg;
  }

  @media (hover: hover) {
    .agenda__all-day-toggle:hover {
      background-color: var(--default);
    }
  }

  .agenda__all-day-toggle: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__all-day-label {
    color: var(--muted);
    width: var(--agenda-time-column-width);
    text-align: end;
    top: 50%;
    padding-inline-end: 8px;
    font-size: 11px;
    position: absolute;
    inset-inline-start: 0;
    transform: translateY(-50%);
  }

  .agenda__all-day-summary {
    color: var(--muted);
    justify-content: center;
    align-items: center;
    min-height: 22px;
    font-size: 11px;
    display: flex;
  }

  .agenda__all-day-event {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: calc(var(--radius) * .75);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    background-color: var(--agenda-event-accent, var(--color-accent));
    color: #fff;
    z-index: 1;
    min-height: 22px;
    cursor: var(--cursor-interactive);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    margin: 0 2px;
    line-height: 22px;
    display: block;
    overflow: hidden;
  }

  @media (hover: hover) {
    .agenda__all-day-event:hover, .agenda__all-day-event[data-hovered="true"] {
      opacity: .8;
    }
  }

  .agenda__all-day-event:focus-visible:not(:focus), .agenda__all-day-event[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__all-day-event[data-status="unconfirmed"] {
    border: 1px dashed var(--agenda-event-accent, var(--color-accent));
    color: var(--agenda-event-accent, var(--color-accent));
    background-color: #0000;
  }

  .agenda__all-day-dividers {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    display: flex;
    position: absolute;
    inset-inline-start: var(--agenda-time-column-width);
  }

  .agenda__all-day-divider {
    min-width: calc(var(--spacing, .25rem) * 0);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--separator);
    flex: 1;
  }

  .agenda__all-day-divider[data-weekend] {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .agenda__all-day-divider[data-weekend] {
      background-color: color-mix(in oklab, var(--default) 40%, transparent);
    }
  }

  .agenda__time-grid {
    scrollbar-width: none;
    scrollbar-color: auto;
    scrollbar-gutter: auto;
    -ms-overflow-style: none;
    flex: 1;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow-y: auto;
  }

  .agenda__time-grid--day .agenda__day-column, .agenda__time-grid--week .agenda__day-column {
    min-width: calc(var(--spacing, .25rem) * 0);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--separator);
    flex: 1;
  }

  .agenda__time-grid--week .agenda__day-column:first-child {
    border-inline-start: none;
  }

  .agenda__time-labels {
    z-index: 10;
    width: var(--agenda-time-column-width);
    height: fit-content;
    flex-direction: column;
    flex-shrink: 0;
    display: flex;
    position: sticky;
    inset-inline-start: calc(var(--spacing, .25rem) * 0);
  }

  .agenda__time-label {
    text-align: end;
    --tw-leading: 1;
    color: var(--muted);
    height: var(--agenda-slot-height);
    padding-inline-end: calc(var(--spacing, .25rem) * 2);
    font-size: 11px;
    line-height: 1;
    position: relative;
  }

  .agenda__time-label span {
    inset-inline-end: calc(var(--spacing, .25rem) * 2);
    top: calc(var(--spacing, .25rem) * 0);
    position: absolute;
    transform: translateY(-50%);
  }

  .agenda__day-column {
    position: relative;
  }

  .agenda__day-column[data-weekend] {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .agenda__day-column[data-weekend] {
      background-color: color-mix(in oklab, var(--default) 40%, transparent);
    }
  }

  .agenda__time-slot {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    height: var(--agenda-slot-height);
    cursor: var(--cursor-interactive);
  }

  .agenda__time-slot[data-last] {
    border-bottom: none;
  }

  .agenda__event {
    right: calc(var(--spacing, .25rem) * .5);
    left: calc(var(--spacing, .25rem) * .5);
    z-index: 20;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--agenda-event-radius);
    cursor: var(--cursor-interactive);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--agenda-event-color, var(--color-accent-soft));
    border-inline-start: 3px solid var(--agenda-event-accent, var(--color-accent));
    outline-style: none;
    min-height: 20px;
    transition: opacity .15s;
    position: absolute;
    overflow: hidden;
  }

  .agenda__event:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .agenda__event:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .agenda__event:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .agenda__event:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .agenda__event:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .agenda__event:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .agenda__event:hover, .agenda__event[data-hovered="true"] {
      opacity: .8;
    }
  }

  .agenda__event[data-selected="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--agenda-event-accent, var(--color-accent));
  }

  .agenda__event:focus-visible:not(:focus), .agenda__event[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__event[data-dragging="true"] {
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    opacity: .9;
    cursor: grabbing;
  }

  .agenda__event[data-resizing="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--agenda-event-accent, var(--color-accent));
  }

  .agenda__event[data-status="unconfirmed"] {
    border-inline-start: none;
    border: 1px dashed var(--agenda-event-accent, var(--color-accent));
    color: var(--agenda-event-accent, var(--color-accent));
    background-color: #0000;
  }

  .agenda__event-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    display: block;
    overflow: hidden;
  }

  .agenda__event-time {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-leading: var(--leading-tight, 1.25);
    font-size: 10px;
    line-height: var(--leading-tight, 1.25);
    color: var(--muted);
    display: block;
    overflow: hidden;
  }

  .agenda__resize-handle {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    cursor: row-resize;
    height: 8px;
    position: absolute;
  }

  .agenda__resize-handle:after {
    content: "";
    bottom: calc(var(--spacing, .25rem) * .5);
    height: calc(var(--spacing, .25rem) * .5);
    background-color: var(--agenda-event-accent, var(--color-accent));
    opacity: 0;
    border-radius: 3.40282e38px;
    width: 24px;
    transition: opacity .15s;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }

  .agenda__resize-handle:hover:after, .agenda__resize-handle:active:after {
    opacity: .6;
  }

  .agenda__create-preview {
    pointer-events: none;
    right: calc(var(--spacing, .25rem) * .5);
    left: calc(var(--spacing, .25rem) * .5);
    z-index: 10;
    border-radius: var(--agenda-event-radius);
    background-color: var(--color-accent-soft);
    border: 1px dashed var(--color-accent);
    opacity: .6;
    position: absolute;
  }

  .agenda__drop-preview {
    pointer-events: none;
    right: calc(var(--spacing, .25rem) * .5);
    left: calc(var(--spacing, .25rem) * .5);
    z-index: 10;
    border-radius: var(--agenda-event-radius);
    opacity: .5;
    border: 2px solid;
    position: absolute;
  }

  .agenda__current-time-indicator {
    pointer-events: none;
    right: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 30;
    align-items: center;
    height: 0;
    display: flex;
    position: absolute;
  }

  .agenda__current-time-label {
    padding-inline: calc(var(--spacing, .25rem) * .5);
    padding-block: calc(var(--spacing, .25rem) * .5);
    --tw-leading: 1;
    white-space: nowrap;
    background-color: var(--agenda-current-time-color);
    color: #fff;
    border-radius: var(--radius-md);
    font-size: 10px;
    line-height: 1;
  }

  .agenda__current-time-label-wrap {
    width: var(--agenda-time-column-width);
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    padding-inline-end: 1px;
    display: flex;
  }

  .agenda__current-time-track {
    flex: 1;
    height: 2px;
    position: relative;
  }

  .agenda__current-time-line--faded {
    inset: calc(var(--spacing, .25rem) * 0);
    background-color: var(--agenda-current-time-color);
    opacity: .2;
    position: absolute;
  }

  .agenda__current-time-line--active {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--agenda-current-time-color);
    position: absolute;
  }

  .agenda__current-time-line--active:before {
    content: "";
    background-color: var(--agenda-current-time-color);
    inset-inline-start: 0;
    border-radius: 2px;
    width: 2px;
    height: 8px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .agenda__month-grid {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .agenda__month-weekday-header {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 20;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    background-color: var(--background);
    display: flex;
    position: sticky;
  }

  .agenda__month-weekday {
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 11px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .agenda__month-weekday[data-today="true"] {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .agenda__month-row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    flex: 1;
    min-height: 100px;
    display: flex;
    position: relative;
  }

  .agenda__month-row:has([data-dragging]) {
    z-index: 40;
    overflow: visible;
  }

  .agenda__month-row:last-child {
    border-bottom: none;
  }

  .agenda__month-cell {
    padding: calc(var(--spacing, .25rem) * 1);
    padding-top: calc(var(--agenda-month-spanning-zone, 0px) + var(--agenda-month-date-offset) + 2px);
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .agenda__month-cell:has([data-dragging]) {
    z-index: 40;
    overflow: visible;
  }

  .agenda__month-cell + .agenda__month-cell {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--separator);
  }

  .agenda__month-cell[data-weekend] {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .agenda__month-cell[data-weekend] {
      background-color: color-mix(in oklab, var(--default) 40%, transparent);
    }
  }

  .agenda__month-cell[data-drop-target] {
    box-shadow: inset 0 0 0 2px var(--agenda-drop-color, var(--color-accent));
    border-radius: var(--radius-md);
  }

  .agenda__month-cell[data-outside-month="true"] {
    opacity: .4;
  }

  .agenda__month-spanning-event {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: calc(var(--radius) * .75);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 10px;
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--agenda-event-accent, var(--color-accent));
    color: #fff;
    cursor: var(--cursor-interactive);
    z-index: 1;
    outline-style: none;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  @media (hover: hover) {
    .agenda__month-spanning-event:hover, .agenda__month-spanning-event[data-hovered="true"] {
      opacity: .8;
    }
  }

  .agenda__month-spanning-event:focus-visible:not(:focus), .agenda__month-spanning-event[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__month-spanning-event[data-status="unconfirmed"] {
    border: 1px dashed var(--agenda-event-accent, var(--color-accent));
    color: var(--agenda-event-accent, var(--color-accent));
    background-color: #0000;
  }

  .agenda__month-cell-date {
    inset-inline-end: calc(var(--spacing, .25rem) * 1);
    top: calc(var(--spacing, .25rem) * 1);
    z-index: 10;
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * .5);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 11px;
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @media (hover: hover) {
    .agenda__month-cell-date:hover {
      background-color: var(--default);
    }
  }

  .agenda__month-cell-date: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__month-cell-date[data-today="true"] {
    background-color: var(--danger);
    color: var(--color-white, #fff);
  }

  @media (hover: hover) {
    .agenda__month-cell-date[data-today="true"]:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .agenda__month-cell-date[data-today="true"]:hover {
        background-color: color-mix(in oklab, var(--danger) 80%, transparent);
      }
    }
  }

  .agenda__month-cell-more {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: calc(var(--radius) * .5);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 1);
    text-align: start;
    --tw-leading: var(--leading-tight, 1.25);
    font-size: 10px;
    line-height: var(--leading-tight, 1.25);
    color: var(--muted);
    --tw-outline-style: none;
    cursor: var(--cursor-interactive);
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    margin-top: 1px;
    padding-block: 1px;
    overflow: hidden;
  }

  @media (hover: hover) {
    .agenda__month-cell-more:hover {
      background-color: var(--default);
    }
  }

  .agenda__month-cell-more: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__month-event {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: calc(var(--radius) * .5);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    --tw-leading: var(--leading-tight, 1.25);
    font-size: 10px;
    line-height: var(--leading-tight, 1.25);
    cursor: var(--cursor-interactive);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--agenda-event-color, var(--color-accent-soft));
    color: var(--agenda-event-text, var(--color-accent-soft-foreground));
    outline-style: none;
    padding-block: 1px;
    overflow: hidden;
  }

  .agenda__month-event + .agenda__month-event {
    margin-top: 1px;
  }

  @media (hover: hover) {
    .agenda__month-event:hover, .agenda__month-event[data-hovered="true"] {
      opacity: .8;
    }
  }

  .agenda__month-event:focus-visible:not(:focus), .agenda__month-event[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .agenda__month-event[data-dragging] {
    z-index: 50;
    cursor: grabbing;
  }

  .agenda__month-event[data-status="unconfirmed"] {
    border: 1px dashed var(--agenda-event-text, var(--color-accent));
    color: var(--agenda-event-text, var(--color-accent));
    background-color: #0000;
  }

  .agenda--month .agenda__time-grid, .agenda--month .agenda__all-day-section, .agenda--month .agenda__week-header {
    display: none;
  }

  @media (max-width: 639px) {
    .agenda {
      --agenda-slot-height: 48px;
      --agenda-time-column-width: 58px;
      --agenda-month-event-height: 16px;
      --agenda-month-event-gap: 1px;
      --agenda-month-date-offset: 16px;
    }

    .agenda__header {
      padding-inline: calc(var(--spacing, .25rem) * 3);
      padding-top: calc(var(--spacing, .25rem) * 3);
      padding-bottom: calc(var(--spacing, .25rem) * 1);
      grid-template-rows: auto auto;
      grid-template-columns: 1fr auto;
      gap: 8px;
      display: grid;
    }

    .agenda__heading {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
      grid-area: 1 / 1;
    }

    .agenda__navigation {
      grid-area: 1 / 2;
    }

    .agenda__view-selector {
      grid-area: 2 / 1;
    }

    .agenda__time-label {
      font-size: 9px;
    }

    .agenda__event {
      padding-inline: calc(var(--spacing, .25rem) * 1);
      padding-block: calc(var(--spacing, .25rem) * .5);
    }

    .agenda__event-title {
      font-size: 10px;
    }

    .agenda__event-time, .agenda__resize-handle {
      display: none;
    }

    .agenda__day-header-name {
      font-size: 10px;
    }

    .agenda__day-header-date {
      font-size: var(--text-xs, .75rem);
      line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    }

    .agenda__all-day-event {
      min-height: 18px;
      font-size: 10px;
      line-height: 18px;
    }

    .agenda__month-row {
      min-height: 72px;
    }

    .agenda__month-cell-date, .agenda__month-event, .agenda__month-spanning-event {
      font-size: 9px;
    }

    .agenda__current-time-label {
      padding-inline: calc(var(--spacing, .25rem) * 1);
      padding-block: calc(var(--spacing, .25rem) * .5);
      font-size: 9px;
    }

    .agenda__create-preview {
      display: none;
    }
  }

  .area-chart {
    width: 100%;
  }

  .area-chart .recharts-cartesian-axis-tick-value {
    font-size: 10px;
    fill: var(--muted) !important;
  }

  .area-chart .recharts-cartesian-axis-line, .area-chart .recharts-cartesian-axis-tick-line {
    stroke: none !important;
  }

  .area-chart .recharts-cartesian-grid line {
    stroke: var(--muted);
    stroke-opacity: .15;
  }

  .area-chart .recharts-tooltip-cursor {
    stroke: var(--muted);
    stroke-dasharray: 4 4;
    stroke-width: 1px;
  }

  .area-chart .recharts-tooltip-wrapper {
    z-index: 10;
  }

  .area-chart .recharts-active-dot circle {
    stroke: var(--surface);
    stroke-width: 2px;
  }

  .bar-chart {
    width: 100%;
  }

  .bar-chart .recharts-cartesian-axis-tick-value {
    font-size: 10px;
    fill: var(--muted) !important;
  }

  .bar-chart .recharts-cartesian-axis-line, .bar-chart .recharts-cartesian-axis-tick-line {
    stroke: none !important;
  }

  .bar-chart .recharts-cartesian-grid line {
    stroke: var(--muted);
    stroke-opacity: .15;
  }

  .bar-chart .recharts-tooltip-cursor {
    fill: currentColor;
    opacity: .05;
  }

  .carousel {
    --tw-outline-style: none;
    --carousel-gap: calc(var(--spacing) * 4);
    outline-style: none;
  }

  .carousel:focus-visible:not(:focus), .carousel[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .carousel__viewport-wrapper {
    position: relative;
  }

  .carousel__viewport {
    overflow: hidden;
  }

  .carousel__content {
    display: flex;
  }

  .carousel__content--horizontal {
    flex-direction: row;
    margin-inline-start: calc(var(--carousel-gap) * -1);
  }

  .carousel__item {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 0 0 100%;
    position: relative;
  }

  .carousel__item--horizontal {
    padding-inline-start: var(--carousel-gap);
  }

  .carousel__previous, .carousel__next {
    z-index: 10;
    position: absolute;
  }

  :is(.carousel__previous:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) svg, .carousel__next:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) svg) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .carousel__previous--in-place, .carousel__next--in-place {
    top: 50%;
    translate: 0 -50%;
  }

  .carousel__previous--in-place {
    inset-inline-start: calc(var(--spacing) * 5);
  }

  .carousel__next--in-place {
    inset-inline-end: calc(var(--spacing) * 5);
  }

  .carousel__previous--modal, .carousel__next--modal {
    top: 50%;
    translate: 0 -50%;
  }

  .carousel__previous--modal {
    inset-inline-start: calc(var(--spacing) * -15);
  }

  .carousel__next--modal {
    inset-inline-end: calc(var(--spacing) * -15);
  }

  .carousel__previous--miniatures, .carousel__next--miniatures {
    top: auto;
    flex-shrink: 0;
    position: relative;
    inset-inline: auto;
    transform: none;
  }

  .carousel__dots {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    margin-top: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .carousel__dot {
    width: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--default);
    border-radius: calc(var(--radius) * 9999);
    cursor: var(--cursor-interactive);
    outline-style: none;
    transition: background-color .2s;
  }

  @media (hover: hover) {
    .carousel__dot:hover, .carousel__dot[data-hovered="true"] {
      background-color: var(--default-hover);
    }
  }

  .carousel__dot:focus-visible:not(:focus), .carousel__dot[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .carousel__dot[data-selected="true"] {
    background-color: var(--accent);
  }

  .carousel__thumbnails {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    margin-inline: calc(var(--spacing, .25rem) * -1);
    margin-top: calc(var(--spacing, .25rem) * 4);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * 1);
    cursor: var(--cursor-interactive);
    display: flex;
  }

  .carousel__thumbnails--miniatures {
    margin-top: calc(var(--spacing, .25rem) * 0);
    justify-content: center;
  }

  .carousel__thumbnail {
    width: calc(var(--spacing, .25rem) * 16);
    height: calc(var(--spacing, .25rem) * 16);
    border-radius: calc(var(--radius) * 2);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-shrink: 0;
    transition: box-shadow .15s, opacity .15s, transform .15s;
    position: relative;
  }

  .carousel__thumbnail img {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    border-radius: calc(var(--radius) * 2);
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  @media (hover: hover) {
    .carousel__thumbnail:hover, .carousel__thumbnail[data-hovered="true"] {
      opacity: .85;
    }
  }

  .carousel__thumbnail:active, .carousel__thumbnail[data-pressed="true"] {
    transform: scale(.95);
  }

  .carousel__thumbnail:focus-visible:not(:focus), .carousel__thumbnail[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .carousel__thumbnail[data-selected="true"] {
    box-shadow: 0 0 0 2px var(--color-accent);
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel__thumbnail {
      transition: none;
    }
  }

  .carousel--modal {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .carousel--miniatures {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .chain-of-thought {
    width: 100%;
    max-width: none;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .chain-of-thought__trigger {
    width: fit-content;
    cursor: var(--cursor-interactive);
    justify-content: flex-start;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--muted);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    background-color: #0000;
    transform: none;
  }

  @media (hover: hover) {
    .chain-of-thought__trigger:hover, .chain-of-thought__trigger[data-hovered="true"] {
      color: var(--foreground);
      background-color: #0000;
    }
  }

  .chain-of-thought__trigger:active, .chain-of-thought__trigger[data-pressed="true"] {
    background-color: #0000;
    transform: none;
  }

  .chain-of-thought--streaming .chain-of-thought__trigger {
    color: var(--foreground);
  }

  .chain-of-thought__steps {
    gap: calc(var(--spacing, .25rem) * 3);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--default);
    flex-direction: column;
    padding-inline-start: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .chain-of-thought__step {
    gap: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: flex;
  }

  .chain-of-thought__step-header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .chain-of-thought__step-indicator {
    width: calc(var(--spacing, .25rem) * 1.5);
    height: calc(var(--spacing, .25rem) * 1.5);
    background-color: var(--muted);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .chain-of-thought__step-indicator {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .chain-of-thought__step-label {
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    --tw-tracking: var(--tracking-wide, .025em);
    letter-spacing: var(--tracking-wide, .025em);
    color: var(--muted);
  }

  .chain-of-thought__step-content {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--foreground);
  }

  .chat-attachment {
    border-radius: calc(var(--radius) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: #0000;
    flex-shrink: 0;
    position: relative;
  }

  .chat-attachment[data-variant="media"] {
    width: calc(var(--spacing, .25rem) * 16);
    height: calc(var(--spacing, .25rem) * 16);
    overflow: hidden;
  }

  .chat-attachment[data-variant="file"] {
    height: calc(var(--spacing, .25rem) * 16);
    max-width: calc(var(--spacing, .25rem) * 64);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .chat-attachment__preview {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .chat-attachment[data-variant="media"] .chat-attachment__preview {
    width: 100%;
    height: 100%;
  }

  .chat-attachment[data-variant="file"] .chat-attachment__preview {
    width: auto;
    height: auto;
    color: var(--muted);
    flex-shrink: 0;
  }

  .chat-attachment__preview-image, .chat-attachment__preview-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .chat-attachment__icon {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .chat-attachment__icon svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .chat-attachment[data-variant="file"] > .chat-attachment__info, .chat-attachment[data-variant="file"] > .chat-attachment__name {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 1;
  }

  .chat-attachment[data-variant="file"] .chat-attachment__info {
    justify-content: center;
    gap: calc(var(--spacing, .25rem) * .5);
    flex-direction: column;
    display: flex;
  }

  .chat-attachment[data-variant="media"] > .chat-attachment__info, .chat-attachment[data-variant="media"] > .chat-attachment__name {
    pointer-events: none;
    inset-inline: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .chat-attachment[data-variant="media"] > .chat-attachment__info, .chat-attachment[data-variant="media"] > .chat-attachment__name {
      --tw-gradient-from: color-mix(in oklab, var(--color-black, #000) 75%, transparent);
    }
  }

  .chat-attachment[data-variant="media"] > .chat-attachment__info, .chat-attachment[data-variant="media"] > .chat-attachment__name {
    --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));
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-top: calc(var(--spacing, .25rem) * 5);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    position: absolute;
  }

  .chat-attachment[data-variant="media"]:hover > .chat-attachment__info, .chat-attachment[data-variant="media"]:hover > .chat-attachment__name, .chat-attachment[data-variant="media"]:focus-within > .chat-attachment__info, .chat-attachment[data-variant="media"]:focus-within > .chat-attachment__name {
    opacity: 1;
  }

  .chat-attachment__name {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    display: block;
    overflow: hidden;
  }

  .chat-attachment[data-variant="file"] .chat-attachment__name {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
  }

  .chat-attachment[data-variant="media"] .chat-attachment__name {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-white, #fff);
  }

  .chat-attachment__size {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    --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, );
    display: block;
  }

  .chat-attachment[data-variant="media"] .chat-attachment__size {
    display: none;
  }

  .chat-attachment__remove {
    background-color: var(--default);
    color: var(--muted);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  @media (hover: hover) {
    .chat-attachment__remove:hover {
      background-color: var(--default-hover);
      color: var(--foreground);
    }
  }

  .chat-attachment[data-variant="media"] .chat-attachment__remove {
    inset-inline-end: calc(var(--spacing, .25rem) * 1.5);
    top: calc(var(--spacing, .25rem) * 1.5);
    opacity: .7;
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-sm, 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, );
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    position: absolute;
  }

  .chat-attachment[data-variant="file"] .chat-attachment__remove {
    background-color: #0000;
    flex-shrink: 0;
  }

  .chat-attachment[data-variant="media"] [data-slot="chat-attachment-remove"] {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .chat-attachment[data-variant="media"] [data-slot="chat-attachment-remove"] svg {
    width: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
  }

  .chat-attachment[data-variant="file"] [data-slot="chat-attachment-remove"] {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .chat-attachment[data-variant="file"] [data-slot="chat-attachment-remove"] svg {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  @media (hover: hover) {
    .chat-attachment[data-variant="media"] .chat-attachment__remove {
      opacity: 0;
    }

    .chat-attachment[data-variant="media"]:hover .chat-attachment__remove, .chat-attachment[data-variant="media"]:focus-within .chat-attachment__remove {
      opacity: 1;
    }
  }

  .chat-attachment-group {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .chat-conversation {
    min-height: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    --chat-conversation-shadow-size: 32px;
    --chat-conversation-scrollbar-mask-size: 10px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--chat-conversation-shadow-size), black calc(100% - var(--chat-conversation-shadow-size)), transparent), linear-gradient(black, black);
    mask-image: linear-gradient(to bottom, transparent, black var(--chat-conversation-shadow-size), black calc(100% - var(--chat-conversation-shadow-size)), transparent), linear-gradient(black, black);
    -webkit-mask-position: 0 0, 100% 0;
    mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: calc(100% - var(--chat-conversation-scrollbar-mask-size)) 100%, var(--chat-conversation-scrollbar-mask-size) 100%;
    mask-size: calc(100% - var(--chat-conversation-scrollbar-mask-size)) 100%, var(--chat-conversation-scrollbar-mask-size) 100%;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--chat-conversation-shadow-size), black calc(100% - var(--chat-conversation-shadow-size)), transparent), linear-gradient(black, black);
    -webkit-mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: calc(100% - var(--chat-conversation-scrollbar-mask-size)) 100%, var(--chat-conversation-scrollbar-mask-size) 100%;
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
    overflow-y: auto;
  }

  .chat-conversation__content {
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
    display: flex;
  }

  .chat-conversation__scroll-anchor {
    width: 100%;
    height: 1px;
    scroll-margin-top: calc(var(--spacing, .25rem) * 4);
    flex-shrink: 0;
  }

  .chat-conversation__scroll-button-container {
    bottom: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    width: max-content;
    margin-inline: auto;
    position: sticky;
  }

  .chat-conversation__scroll-button-container[data-state="hidden"] {
    pointer-events: none;
    visibility: hidden;
  }

  .chat-conversation__scroll-button {
    border-style: var(--tw-border-style);
    background-color: var(--surface);
    color: var(--foreground);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
    border-color: #0000;
  }

  .chat-conversation__scroll-button:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *), .chat-conversation__scroll-button:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):before, .chat-conversation__scroll-button:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):after {
    border-color: var(--border);
  }

  @media (prefers-color-scheme: dark) {
    .chat-conversation__scroll-button:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .chat-conversation__scroll-button, .chat-conversation__scroll-button:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .chat-conversation__scroll-button:before, .chat-conversation__scroll-button:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .chat-conversation__scroll-button:after {
      border-color: var(--border);
    }
  }

  .chat-conversation__scroll-button {
    --button-bg: var(--surface);
    --button-bg-hover: var(--surface);
    --button-bg-pressed: var(--surface);
    --button-fg: var(--foreground);
  }

  .chat-list-view {
    width: 100%;
  }

  .chat-list-view__icon {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    flex-shrink: 0;
  }

  .chat-list-view__text {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    display: flex;
  }

  .chat-list-view__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    overflow: hidden;
  }

  .chat-list-view__preview {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    overflow: hidden;
  }

  .chat-list-view__meta {
    color: var(--muted);
    flex-shrink: 0;
    margin-inline-start: auto;
    font-size: 11px;
  }

  .chat-list-view--compact .chat-list-view__preview, .chat-list-view--compact .chat-list-view__meta {
    display: none;
  }

  @keyframes chat-loader-bounce {
    0%, 80%, to {
      opacity: .35;
      transform: scale(.85);
    }

    40% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes chat-loader-pulse {
    0%, to {
      opacity: .45;
      transform: scale(.92);
    }

    50% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .chat-loader__dots {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: inline-flex;
  }

  .chat-loader__dot {
    background-color: var(--muted);
    border-radius: 3.40282e38px;
    width: .375rem;
    height: .375rem;
    animation: 1.2s ease-in-out infinite both chat-loader-bounce;
  }

  .chat-loader__dot:first-child {
    animation-delay: -.24s;
  }

  .chat-loader__dot:nth-child(2) {
    animation-delay: -.12s;
  }

  .chat-loader__dots--sm .chat-loader__dot {
    width: .3125rem;
    height: .3125rem;
  }

  .chat-loader__dots--lg .chat-loader__dot {
    width: .5rem;
    height: .5rem;
  }

  .chat-loader__pulse {
    background-color: var(--accent);
    border-radius: 3.40282e38px;
    width: .5rem;
    height: .5rem;
    animation: 1.4s ease-in-out infinite chat-loader-pulse;
  }

  .chat-loader__pulse--sm {
    width: .375rem;
    height: .375rem;
  }

  .chat-loader__pulse--lg {
    width: .625rem;
    height: .625rem;
  }

  .chat-loader__skeleton {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    width: 100%;
    display: flex;
  }

  .chat-loader__skeleton-avatar {
    background-color: var(--default);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
  }

  .chat-loader__skeleton-avatar--sm {
    width: 1.5rem;
    height: 1.5rem;
  }

  .chat-loader__skeleton-avatar--lg {
    width: 2.25rem;
    height: 2.25rem;
  }

  .chat-loader__skeleton-block {
    min-width: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .chat-loader__skeleton-line {
    height: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * .75);
    background-color: var(--default);
    width: 100%;
  }

  .chat-loader__skeleton-line--sm {
    height: calc(var(--spacing, .25rem) * 2.5);
  }

  .chat-loader__skeleton-line--lg {
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .chat-loader__skeleton-line:nth-child(2) {
    width: 85%;
  }

  .chat-loader__skeleton-line:nth-child(3) {
    width: 65%;
  }

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

  @media (prefers-reduced-motion: reduce) {
    .chat-loader__dot, .chat-loader__pulse {
      opacity: .7;
      animation: none;
    }
  }

  .chat-source {
    height: calc(var(--spacing, .25rem) * 5);
    align-items: center;
    display: inline-flex;
  }

  .chat-source__trigger {
    height: calc(var(--spacing, .25rem) * 5);
    align-items: center;
    max-width: 100%;
    display: inline-flex;
  }

  .chat-source .hover-card__trigger {
    height: calc(var(--spacing, .25rem) * 5);
    align-items: center;
    display: inline-flex;
  }

  .chat-source__trigger-link {
    height: calc(var(--spacing, .25rem) * 5);
    max-width: calc(var(--spacing, .25rem) * 32);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    background-color: var(--default);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: 1;
    color: var(--muted);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .15s;
    border-radius: 3.40282e38px;
    line-height: 1;
    text-decoration-line: none;
    transition-duration: .15s;
    display: inline-flex;
    overflow: hidden;
  }

  @media (hover: hover) {
    .chat-source__trigger-link:hover {
      background-color: var(--default-hover);
      color: var(--foreground);
    }
  }

  .chat-source__icon, .chat-source__document-icon {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
    object-fit: cover;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  .chat-source__icon-fallback {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
    background-color: var(--muted);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 10px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .chat-source__title {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    overflow: hidden;
  }

  .chat-source__preview {
    width: calc(var(--spacing, .25rem) * 80);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .chat-source__preview-link {
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    text-decoration-line: none;
    display: flex;
  }

  .chat-source__preview-header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    display: flex;
  }

  .chat-source__preview-title {
    -webkit-line-clamp: 2;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .chat-source__preview-description {
    -webkit-line-clamp: 2;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .chat-sources, .chat-sources [data-slot="disclosure-heading"] {
    width: 100%;
  }

  .chat-sources__trigger {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 8);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    width: fit-content;
    padding-inline: calc(var(--spacing, .25rem) * 0);
    padding-block: calc(var(--spacing, .25rem) * 1);
    text-align: start;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    display: inline-flex;
  }

  @media (hover: hover) {
    .chat-sources__trigger:hover {
      color: var(--foreground);
    }
  }

  .chat-sources__trigger {
    -webkit-tap-highlight-color: transparent;
    transition: color .1s var(--ease-out);
  }

  .chat-sources .chat-sources__content {
    transition: height .15s var(--ease-out-quad), opacity .15s var(--ease-out);
  }

  .chat-sources [data-slot="disclosure-indicator"] {
    transition-duration: .15s;
  }

  @media (prefers-reduced-motion: reduce) {
    .chat-sources .chat-sources__content, .chat-sources [data-slot="disclosure-indicator"] {
      transition: none;
    }
  }

  .chat-sources__content {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-color: var(--default);
  }

  .chat-sources__content[data-expanded="true"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .chat-sources__content-body {
    padding-top: calc(var(--spacing, .25rem) * 2);
  }

  .chat-sources__list {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .chat-sources__trigger-label {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .chat-tool {
    border-radius: calc(var(--radius) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--default);
    width: 100%;
    overflow: hidden;
  }

  .chat-tool [data-slot="disclosure-heading"], .chat-tool-group [data-slot="disclosure-heading"] {
    width: 100%;
  }

  .chat-tool__trigger, .chat-tool-group__trigger {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 9);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    text-align: start;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--foreground);
    -webkit-tap-highlight-color: transparent;
    border-radius: 0;
    display: inline-flex;
  }

  @media (hover: hover) {
    .chat-tool__trigger:hover, .chat-tool__trigger[data-hovered="true"], .chat-tool-group__trigger:hover, .chat-tool-group__trigger[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .chat-tool__trigger:active, .chat-tool__trigger[data-pressed="true"], .chat-tool-group__trigger:active, .chat-tool-group__trigger[data-pressed="true"] {
    background-color: var(--default);
  }

  .chat-tool__trigger[data-expandable="false"], .chat-tool__trigger[data-expandable="false"]:hover, .chat-tool__trigger[data-expandable="false"][data-hovered="true"], .chat-tool__trigger[data-expandable="false"]:active, .chat-tool__trigger[data-expandable="false"][data-pressed="true"] {
    cursor: default;
    background-color: #0000;
  }

  .chat-tool--streaming .chat-tool__trigger, .chat-tool--running .chat-tool__trigger {
    color: var(--foreground);
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .chat-tool--error {
      border-color: color-mix(in oklab, var(--danger) 30%, transparent);
    }
  }

  .chat-tool--requires-action {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .chat-tool--requires-action {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .chat-tool__trigger-label {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    display: flex;
  }

  .chat-tool__trigger-label > .text-shimmer {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .chat-tool__content {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-color: var(--default);
  }

  .chat-tool__content:not([data-expanded="true"]), .chat-tool-group__content:not([data-expanded="true"]) {
    opacity: 0;
    height: 0 !important;
  }

  .chat-tool__content-body {
    gap: calc(var(--spacing, .25rem) * 1);
    padding: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: flex;
  }

  .chat-tool__args-label, .chat-tool__result-label, .chat-tool__error-label {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 10px;
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-wide, .025em);
    letter-spacing: var(--tracking-wide, .025em);
    color: var(--muted);
    text-transform: uppercase;
  }

  .chat-tool__args, .chat-tool__result, .chat-tool__error {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .chat-tool__args .code-block, .chat-tool__result .code-block {
    margin-block: calc(var(--spacing, .25rem) * 1);
    border-radius: calc(var(--radius) * 1.5);
  }

  .chat-tool__args .code-block__code, .chat-tool__result .code-block__code {
    --tw-leading: calc(var(--spacing, .25rem) * 5);
    font-size: 11px;
    line-height: calc(var(--spacing, .25rem) * 5);
  }

  .chat-tool__args .code-block__code pre, .chat-tool__result .code-block__code pre {
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
  }

  .chat-tool__error {
    color: var(--danger);
  }

  .chat-tool__approval {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-top: calc(var(--spacing, .25rem) * 3);
    flex-direction: column;
    display: flex;
  }

  .chat-tool__approval-actions {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .chat-tool__meta {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--default);
    padding-top: calc(var(--spacing, .25rem) * 2);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .chat-tool__status {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
    color: var(--muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .chat-tool-group {
    border-radius: calc(var(--radius) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--default);
    width: 100%;
    overflow: hidden;
  }

  .chat-tool-group__content {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-color: var(--default);
  }

  .chat-tool-group__content-body {
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: flex;
  }

  .chat-tool-group__trigger-label {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    display: flex;
  }

  .chat-message-actions {
    align-items: flex-start;
    display: flex;
  }

  .chat-message--user {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .chat-message--assistant {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    width: 100%;
    padding-block: calc(var(--spacing, .25rem) * 2);
    flex-direction: row;
    display: flex;
  }

  .chat-message__body {
    min-width: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    flex: 1;
    padding-inline-end: calc(var(--spacing, .25rem) * 12);
    display: flex;
  }

  .chat-message__bubble {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--default);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--foreground);
  }

  .chat-message__content {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--foreground);
  }

  .chat-message--assistant .chat-message__content {
    width: 100%;
    max-width: none;
  }

  .chat-message__media {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .chat-message__actions {
    opacity: .5;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    align-items: flex-start;
    display: flex;
  }

  @media (hover: hover) {
    .chat-message--assistant:hover .chat-message__actions, .chat-message--user:hover .chat-message__actions {
      opacity: 1;
    }
  }

  .chat-message__action {
    color: var(--muted);
  }

  .chat-message__avatar {
    flex-shrink: 0;
    align-self: flex-start;
  }

  .chat-message__avatar-spacer {
    width: calc(var(--spacing, .25rem) * 8);
    height: calc(var(--spacing, .25rem) * 8);
    flex-shrink: 0;
    align-self: flex-start;
  }

  .cell-color-picker {
    --cell-color-picker-swatch-size: 1.25rem;
    display: flex;
  }

  .cell-color-picker .cell-color-picker__trigger {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: flex;
  }

  .cell-color-picker .cell-color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .cell-color-picker .cell-color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .cell-color-picker .cell-color-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cell-color-picker .cell-color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .cell-color-picker .cell-color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .cell-color-picker .cell-color-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .cell-color-picker .cell-color-picker__trigger {
    border-width: var(--border-width-field);
    border-color: var(--color-field-border);
    padding-inline-end: .75rem;
  }

  @media (hover: hover) {
    .cell-color-picker .cell-color-picker__trigger:hover, .cell-color-picker .cell-color-picker__trigger[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--color-field-border-hover);
    }
  }

  .cell-color-picker .cell-color-picker__trigger:focus-visible:not(:focus), .cell-color-picker .cell-color-picker__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
    outline-style: none;
  }

  .cell-color-picker .cell-color-picker__trigger:disabled, .cell-color-picker .cell-color-picker__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .cell-color-picker .cell-color-picker__trigger--secondary {
    --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);
    background-color: var(--color-default);
  }

  @media (hover: hover) {
    .cell-color-picker .cell-color-picker__trigger--secondary:hover, .cell-color-picker .cell-color-picker__trigger--secondary[data-hovered="true"] {
      background-color: var(--color-default-hover);
    }
  }

  .cell-color-picker .cell-color-picker__trigger--secondary:focus-visible:not(:focus), .cell-color-picker .cell-color-picker__trigger--secondary[data-focus-visible="true"] {
    background-color: var(--color-default);
  }

  .cell-color-picker .cell-color-picker__label {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    flex: 1;
    overflow: hidden;
  }

  .cell-color-picker .cell-color-picker__value-display {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: end;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    flex-shrink: 0;
    margin-inline-start: auto;
    overflow: hidden;
  }

  .cell-color-picker .cell-color-picker__swatch {
    width: var(--cell-color-picker-swatch-size);
    height: var(--cell-color-picker-swatch-size);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  .cell-color-picker .cell-color-picker__popover {
    min-width: var(--trigger-width);
  }

  .cell-select {
    --cell-select-indicator-size: .75rem;
  }

  .cell-select .cell-select__trigger {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: flex;
  }

  .cell-select .cell-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .cell-select .cell-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .cell-select .cell-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cell-select .cell-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .cell-select .cell-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .cell-select .cell-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .cell-select .cell-select__trigger {
    border-width: var(--border-width-field);
    border-color: var(--color-field-border);
    padding-inline-end: .75rem;
  }

  @media (hover: hover) {
    .cell-select .cell-select__trigger:hover, .cell-select .cell-select__trigger[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--color-field-border-hover);
    }
  }

  .cell-select .cell-select__trigger:focus-visible:not(:focus), .cell-select .cell-select__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
    outline-style: none;
  }

  .cell-select .cell-select__trigger:disabled, .cell-select .cell-select__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .cell-select .cell-select__trigger--secondary {
    --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);
    background-color: var(--color-default);
  }

  @media (hover: hover) {
    .cell-select .cell-select__trigger--secondary:hover, .cell-select .cell-select__trigger--secondary[data-hovered="true"] {
      background-color: var(--color-default-hover);
    }
  }

  .cell-select .cell-select__trigger--secondary:focus-visible:not(:focus), .cell-select .cell-select__trigger--secondary[data-focus-visible="true"] {
    background-color: var(--color-default);
  }

  .cell-select .cell-select__label {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    flex: 1;
    overflow: hidden;
  }

  .cell-select .cell-select__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: end;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    flex-shrink: 0;
    margin-inline-start: auto;
    overflow: hidden;
  }

  .cell-select .cell-select__indicator {
    margin-block: calc(var(--spacing, .25rem) * 0);
    color: var(--muted);
    width: var(--cell-select-indicator-size);
    height: var(--cell-select-indicator-size);
    flex-shrink: 0;
    position: static;
  }

  .cell-select .cell-select__indicator[data-open="true"] {
    rotate: none;
  }

  .cell-select .cell-select__popover {
    min-width: var(--trigger-width);
  }

  .cell-switch {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    gap: 0;
  }

  .cell-switch .cell-switch__trigger {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    display: flex;
  }

  .cell-switch .cell-switch__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .cell-switch .cell-switch__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .cell-switch .cell-switch__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cell-switch .cell-switch__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .cell-switch .cell-switch__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .cell-switch .cell-switch__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .cell-switch .cell-switch__trigger {
    border-width: var(--border-width-field);
    border-color: var(--color-field-border);
    padding-inline-end: .75rem;
  }

  .cell-switch .cell-switch__trigger--secondary {
    --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);
    background-color: var(--color-default);
  }

  .cell-switch .cell-switch__control--secondary {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .cell-switch .cell-switch__control--secondary {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .cell-switch .cell-switch__label {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    flex: 1;
    overflow: hidden;
  }

  .cell-switch .cell-switch__control {
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .cell-switch .cell-switch__trigger[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--color-field-border-hover);
    }

    .cell-switch .cell-switch__trigger--secondary[data-hovered="true"] {
      background-color: var(--color-default-hover);
    }

    .cell-switch .cell-switch__trigger[data-hovered="true"] .cell-switch__control--secondary {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .cell-switch .cell-switch__trigger[data-hovered="true"] .cell-switch__control--secondary {
        background-color: color-mix(in oklab, var(--muted) 20%, transparent);
      }
    }
  }

  .cell-switch .cell-switch__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
    outline-style: none;
  }

  .cell-switch .cell-switch__trigger--secondary[data-focus-visible="true"] {
    background-color: var(--color-default);
  }

  .cell-switch[data-disabled="true"] .cell-switch__trigger, .cell-switch .cell-switch__trigger[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .cell-switch .cell-switch__trigger[data-pressed="true"] .cell-switch__control--secondary {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .cell-switch .cell-switch__trigger[data-pressed="true"] .cell-switch__control--secondary {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .cell-slider {
    --cell-slider-thumb-width: 2px;
    --cell-slider-thumb-height: 16px;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    grid-template: none;
    gap: 0;
    display: block;
  }

  .cell-slider .cell-slider__track {
    height: calc(var(--spacing, .25rem) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .cell-slider .cell-slider__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .cell-slider .cell-slider__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .cell-slider .cell-slider__track:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cell-slider .cell-slider__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .cell-slider .cell-slider__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .cell-slider .cell-slider__track:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .cell-slider .cell-slider__track {
    border-width: var(--border-width-field);
    border-color: var(--color-field-border);
    padding-right: .75rem;
  }

  @media (hover: hover) {
    .cell-slider .cell-slider__track:hover, .cell-slider .cell-slider__track[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--color-field-border-hover);
    }
  }

  .cell-slider .cell-slider__track[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
    outline-style: none;
  }

  .cell-slider .cell-slider__track--secondary {
    --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);
    background-color: var(--color-default);
  }

  @media (hover: hover) {
    .cell-slider .cell-slider__track--secondary:hover, .cell-slider .cell-slider__track--secondary[data-hovered="true"] {
      background-color: var(--color-surface-tertiary);
    }
  }

  .cell-slider .cell-slider__track--secondary[data-focus-visible="true"] {
    background-color: var(--color-default);
  }

  .cell-slider .cell-slider__track--secondary .cell-slider__fill {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .cell-slider .cell-slider__track--secondary .cell-slider__fill {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .cell-slider .cell-slider__fill {
    pointer-events: none;
    inset-block: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    background-color: var(--color-default);
    border-radius: 0;
    position: absolute;
  }

  .cell-slider .cell-slider__thumb {
    top: calc(var(--spacing, .25rem) * 0);
    --tw-translate-y: calc(1 / 2 * 100%);
    height: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-outline-style: none;
    z-index: 2;
    width: calc(var(--cell-slider-thumb-width) * 2);
    box-shadow: none;
    cursor: var(--cursor-interactive);
    background: none;
    border: none;
    border-radius: 0;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .cell-slider .cell-slider__thumb:after {
    content: "";
    width: var(--cell-slider-thumb-width);
    height: var(--cell-slider-thumb-height);
    border-radius: var(--radius-md);
    background-color: var(--color-foreground);
    opacity: 0;
    box-shadow: none;
    transition: opacity .15s var(--ease-smooth), transform .12s var(--ease-smooth);
    display: block;
  }

  .cell-slider .cell-slider__thumb:after:is() {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cell-slider .cell-slider__thumb:after:not(:is()) {
      transition-property: none;
    }
  }

  .cell-slider .cell-slider__thumb[data-focus-visible="true"] {
    box-shadow: none;
    outline: none;
  }

  .cell-slider .cell-slider__thumb[data-focus-visible="true"]:after {
    opacity: .7;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    transform: scaleY(1.2);
  }

  .cell-slider .cell-slider__thumb[data-dragging="true"] {
    cursor: var(--cursor-interactive);
  }

  .cell-slider .cell-slider__thumb[data-dragging="true"]:after {
    opacity: .7;
    transform: scaleY(1.5);
  }

  @media (hover: hover) {
    .cell-slider .cell-slider__track:hover .cell-slider__thumb:not([data-dragging="true"]):after, .cell-slider .cell-slider__track[data-hovered="true"] .cell-slider__thumb:not([data-dragging="true"]):after {
      opacity: .4;
    }
  }

  .cell-slider .cell-slider__label {
    pointer-events: none;
    max-width: 60%;
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    z-index: 1;
    inset-inline-start: calc(var(--spacing, .25rem) * 3);
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
  }

  .cell-slider .cell-slider__output {
    pointer-events: none;
    text-align: end;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--muted);
    z-index: 1;
    font-variant-numeric: tabular-nums;
    inset-inline-end: calc(var(--spacing, .25rem) * 3);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .cell-slider[data-disabled="true"] .cell-slider__track, .cell-slider[aria-disabled="true"] .cell-slider__track {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .cell-slider[data-orientation="horizontal"] {
    flex-direction: row;
  }

  .cell-slider[data-orientation="horizontal"] .cell-slider__track {
    height: calc(var(--spacing, .25rem) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-inline-width: 0;
  }

  .cell-slider[data-orientation="horizontal"] .cell-slider__fill, .cell-slider[data-orientation="horizontal"] .cell-slider__thumb {
    height: 100%;
  }

  .cell-slider[data-orientation="horizontal"] .cell-slider__thumb {
    width: 1.25rem;
    top: 0;
  }

  .cell-slider[data-orientation="horizontal"] .cell-slider__thumb:after {
    width: var(--cell-slider-thumb-width);
    height: var(--cell-slider-thumb-height);
  }

  .chart-tooltip {
    gap: calc(var(--spacing, .25rem) * 1.5);
    border-radius: calc(var(--radius) * 1);
    border-style: var(--tw-border-style);
    background-color: var(--overlay);
    min-width: 140px;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    border-width: 1px;
    border-color: var(--separator);
    box-shadow: var(--overlay-shadow);
    font-variant-numeric: tabular-nums;
    flex-direction: column;
    display: flex;
  }

  .chart-tooltip__header {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
  }

  .chart-tooltip__item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

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

  .chart-tooltip__indicator--dot {
    width: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
    border-radius: 3.40282e38px;
  }

  .chart-tooltip__indicator--line {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 1);
    border-radius: 3.40282e38px;
  }

  .chart-tooltip__label {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    flex: 1;
  }

  .chart-tooltip__value {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .checkbox-button-group {
    gap: calc(var(--spacing, .25rem) * 3);
    --checkbox-button-group-item-radius: var(--radius-2xl);
    display: flex;
  }

  .checkbox-button-group--grid {
    display: grid;
  }

  .checkbox-button-group > [data-slot="checkbox-button-group-item"] {
    display: contents;
  }

  .checkbox-button-group__item {
    align-items: stretch;
    gap: calc(var(--spacing, .25rem) * 4);
    padding-inline: calc(var(--spacing, .25rem) * 5);
    padding-block: calc(var(--spacing, .25rem) * 4);
    --tw-ring-color: transparent;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--surface);
    border-radius: var(--checkbox-button-group-item-radius);
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .checkbox-button-group__item[data-selected="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--accent);
    border-color: #0000;
  }

  .checkbox-button-group__item:focus-visible:not(:focus), .checkbox-button-group__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .checkbox-button-group__item[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .checkbox-button-group__indicator {
    inset-inline-end: calc(var(--spacing, .25rem) * 4);
    top: calc(var(--spacing, .25rem) * 3);
    position: absolute;
  }

  .checkbox-button-group__indicator[data-custom="true"] {
    color: var(--accent);
    opacity: 0;
    transition: opacity .15s ease-out;
  }

  .checkbox-button-group__indicator[data-custom="true"] svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  [data-selected="true"] > .checkbox-button-group__indicator[data-custom="true"] {
    opacity: 1;
  }

  .checkbox-button-group__item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    display: flex;
  }

  .checkbox-button-group__item-icon {
    flex-shrink: 0;
  }

  .checkbox-button-group__item-icon svg {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

  .code-block {
    margin-block: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 2);
    background-color: var(--surface-secondary);
    width: 100%;
    color: var(--surface-secondary-foreground);
    flex-direction: column;
    display: flex;
    overflow: clip;
  }

  .code-block__header {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .code-block__code {
    --tw-leading: var(--leading-relaxed, 1.625);
    width: 100%;
    font-size: 13px;
    line-height: var(--leading-relaxed, 1.625);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overflow-x: auto;
  }

  .code-block__code pre {
    margin: calc(var(--spacing, .25rem) * 0);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    background: none !important;
  }

  .code-block__code code {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  }

  .code-block__code .line {
    padding-inline: 0 !important;
  }

  .code-block__code .shiki, .code-block__code .shiki span {
    color: var(--shiki-light, var(--color-surface-secondary-foreground));
  }

  :is(.dark, .glass-dark, .mouve-dark, .brutalism-dark, [data-theme="dark"], [data-theme$="-dark"]) .code-block__code .shiki, :is(.dark, .glass-dark, .mouve-dark, .brutalism-dark, [data-theme="dark"], [data-theme$="-dark"]) .code-block__code .shiki span {
    color: var(--shiki-dark, var(--color-surface-secondary-foreground));
  }

  .code-block__copy-button {
    cursor: var(--cursor-interactive);
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    flex-shrink: 0;
  }

  .code-block__copy-button.button--icon-only.button--sm {
    width: 24px;
    height: 24px;
  }

  .code-block__copy-button.button--icon-only.button--sm svg {
    width: 12px;
    height: 12px;
    margin: 0;
  }

  .code-block__copy-button:focus-visible:not(:focus), .code-block__copy-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .code-block__copy-button:disabled, .code-block__copy-button[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .code-block__copy-button:hover, .code-block__copy-button[data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .composed-chart {
    width: 100%;
  }

  .composed-chart .recharts-cartesian-axis-tick-value {
    font-size: 10px;
    fill: var(--muted) !important;
  }

  .composed-chart .recharts-cartesian-axis-line, .composed-chart .recharts-cartesian-axis-tick-line {
    stroke: none !important;
  }

  .composed-chart .recharts-cartesian-grid line {
    stroke: var(--muted);
    stroke-opacity: .15;
  }

  .composed-chart .recharts-tooltip-cursor {
    stroke: var(--muted);
    stroke-dasharray: 4 4;
    stroke-width: 1px;
  }

  .composed-chart .recharts-active-dot circle {
    stroke: var(--surface);
    stroke-width: 2px;
  }

  .command__backdrop {
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 50;
    height: var(--visual-viewport-height);
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: fixed;
  }

  .command__backdrop[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .15s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-enter-opacity: 0;
  }

  .command__backdrop[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .1s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-exit-opacity: 0;
  }

  .command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"] {
    will-change: opacity;
  }

  :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.command__backdrop[data-exiting="true"], .command__backdrop[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

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

  .command__backdrop--opaque {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--opaque {
      background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
    }
  }

  .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
    }
  }

  .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):before, .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):after {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):before, .command__backdrop--opaque:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):after {
      background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
    }
  }

  @media (prefers-color-scheme: dark) {
    .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque {
        background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
      }
    }

    .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque:before, .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque:after {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque:before, .command__backdrop--opaque:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--opaque:after {
        background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
      }
    }
  }

  .command__backdrop--blur {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--blur {
      background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
    }
  }

  .command__backdrop--blur {
    --tw-backdrop-blur: blur(var(--blur-md, 12px));
    -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, );
  }

  .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
    }
  }

  .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):before, .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):after {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):before, .command__backdrop--blur:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):after {
      background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
    }
  }

  @media (prefers-color-scheme: dark) {
    .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur {
        background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
      }
    }

    .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur:before, .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur:after {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur:before, .command__backdrop--blur:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) .command__backdrop--blur:after {
        background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
      }
    }
  }

  .command__container {
    height: var(--visual-viewport-height);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    pointer-events: none;
    justify-content: center;
    align-items: flex-start;
    padding-top: 15vh;
    display: flex;
  }

  .command__container[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .2s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .command__container[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .command__container[data-exiting="true"], .command__container[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.command__container[data-exiting="true"], .command__container[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .command__dialog {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    pointer-events: auto;
    interpolate-size: allow-keywords;
    outline-style: none;
    flex-direction: column;
    transition: height .2s cubic-bezier(.16, 1, .3, 1);
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .command__dialog:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .command__dialog:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .command__dialog:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .command__dialog:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .command__dialog:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .command__dialog:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .command__input-group {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    width: 100%;
    display: flex;
  }

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

  .command__input-group [data-slot="command-input-group-input"] {
    min-width: calc(var(--spacing, .25rem) * 0);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--foreground);
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
    flex: 1;
  }

  .command__input-group [data-slot="command-input-group-input"]::placeholder {
    color: var(--muted);
  }

  .command__input-group [data-slot="command-input-group-input"]::-webkit-search-cancel-button {
    appearance: none;
  }

  .command__input-group [data-slot="command-input-group-input"]::-webkit-search-decoration {
    appearance: none;
  }

  .command__input-group:has([data-slot="command-input-group-prefix"]) [data-slot="command-input-group-input"] {
    padding-inline-start: calc(var(--spacing, .25rem) * 0);
  }

  .command__input-group:has([data-slot="command-input-group-suffix"]) [data-slot="command-input-group-input"] {
    padding-inline-end: calc(var(--spacing, .25rem) * 0);
  }

  .command__input-group[data-empty="true"] [data-slot="command-input-group-clear-button"] {
    pointer-events: none;
    opacity: 0;
  }

  .command__input-group-clear-button {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    flex-shrink: 0;
    margin-inline-end: calc(var(--spacing, .25rem) * 3);
  }

  .command__input-group-clear-button [data-slot="close-button-icon"] {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .command__input-group-prefix {
    color: var(--muted);
    flex-shrink: 0;
    align-items: center;
    padding-inline-start: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .command__input-group-prefix svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .command__input-group-suffix {
    color: var(--muted);
    flex-shrink: 0;
    align-items: center;
    padding-inline-end: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .command__input-group-suffix svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .command__list {
    overscroll-behavior: contain;
    padding: calc(var(--spacing, .25rem) * 1.5);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    --tw-outline-style: none;
    -webkit-overflow-scrolling: touch;
    outline-style: none;
    flex: 1;
    overflow-y: auto;
  }

  .command__item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    border-radius: calc(var(--radius) * 1);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .command__item:hover, .command__item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .command__item[data-focused="true"] {
    background-color: var(--default);
  }

  .command__item:active, .command__item[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .command__item[data-disabled="true"] {
    opacity: .5;
    cursor: default;
  }

  .command__item svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    flex-shrink: 0;
  }

  .command__item kbd {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    margin-inline-start: auto;
  }

  .command__group + .command__group {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .command__group-heading {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
  }

  .command__separator {
    margin-inline: calc(var(--spacing, .25rem) * 3);
    margin-block: calc(var(--spacing, .25rem) * 1);
    background-color: var(--separator);
    height: 1px;
  }

  .command__header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    display: flex;
  }

  .command__footer {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    width: 100%;
    display: flex;
  }

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

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

  @supports (color: color-mix(in lab, red, red)) {
    .command__footer {
      background-color: color-mix(in oklab, var(--default) 50%, transparent);
    }
  }

  .command__footer {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .command__empty {
    height: 100%;
    padding-block: calc(var(--spacing, .25rem) * 6);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .command__dialog--sm {
    width: 100%;
    max-width: var(--container-sm, 24rem);
    max-height: min(80vh, 300px);
  }

  .command__dialog--md {
    width: 100%;
    max-width: var(--container-lg, 32rem);
    max-height: min(80vh, 356px);
  }

  .command__dialog--lg {
    width: 100%;
    max-width: var(--container-xl, 36rem);
    max-height: min(80vh, 440px);
  }

  .context-menu__trigger {
    -webkit-touch-callout: none;
    display: inline-block;
    position: relative;
  }

  .context-menu__popover {
    max-width: 48svw;
    scroll-padding-block: calc(var(--spacing, .25rem) * 1);
    overscroll-behavior: contain;
    border-radius: calc(var(--radius) * 3);
    background-color: var(--overlay);
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    --tw-outline-style: none;
    outline-style: none;
    overflow-y: auto;
  }

  @media (min-width: 48rem) {
    .context-menu__popover {
      min-width: calc(var(--spacing, .25rem) * 55);
    }
  }

  .context-menu__popover {
    box-shadow: var(--shadow-overlay);
    transform-origin: var(--trigger-anchor-point, center);
  }

  .context-menu__popover:focus-visible:not(:focus), .context-menu__popover[data-focus-visible="true"] {
    --tw-outline-style: none;
    outline-style: none;
  }

  .context-menu__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: .9;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .context-menu__popover[data-entering="true"][data-placement="top"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .context-menu__popover[data-entering="true"][data-placement="bottom"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .context-menu__popover[data-entering="true"][data-placement="left"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .context-menu__popover[data-entering="true"][data-placement="right"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .context-menu__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: ease;
    --tw-exit-scale: .95;
    --tw-exit-opacity: 0;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

  .context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.context-menu__popover[data-exiting="true"], .context-menu__popover[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .context-menu__popover [data-slot="context-menu-menu"] {
    padding: calc(var(--spacing, .25rem) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }

  .context-menu__popover [data-slot="context-menu-separator"] {
    width: 94%;
    margin-left: 3%;
  }

  .context-menu__menu {
    gap: calc(var(--spacing, .25rem) * .5);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .context-menu__separator {
    margin-block: calc(var(--spacing, .25rem) * 1);
    background-color: var(--separator);
    width: 100%;
    height: 1px;
  }

  .data-grid {
    --data-grid-selection-column-width: 40px;
    --data-grid-drag-handle-column-width: 32px;
    --data-grid-tree-toggle-size: 24px;
    --data-grid-tree-gap: 4px;
    width: 100%;
    position: relative;
  }

  .data-grid__selection-column {
    width: var(--data-grid-selection-column-width);
    padding-inline-end: calc(var(--spacing, .25rem) * 0);
  }

  .data-grid__selection-column:after {
    content: none;
  }

  .data-grid__selection-cell {
    width: var(--data-grid-selection-column-width);
    padding-inline-end: calc(var(--spacing, .25rem) * 0);
  }

  .data-grid__drag-handle-column {
    width: var(--data-grid-drag-handle-column-width);
    padding-inline: calc(var(--spacing, .25rem) * 0);
  }

  .data-grid__drag-handle-column:after {
    content: none;
  }

  .data-grid__drag-handle-cell {
    width: var(--data-grid-drag-handle-column-width);
    padding-inline: calc(var(--spacing, .25rem) * 0);
  }

  .data-grid__drag-handle {
    cursor: grab;
    width: 100%;
    height: 100%;
    padding: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    --tw-border-style: none;
    --tw-leading: 1;
    color: var(--muted);
    background-color: #0000;
    border-style: none;
    outline-style: none;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
  }

  .data-grid__drag-handle svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .data-grid__drag-handle:focus-visible:not(:focus), .data-grid__drag-handle[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (hover: hover) {
    .data-grid__drag-handle:hover, .data-grid__drag-handle[data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .data-grid__drag-handle:active, .data-grid__drag-handle[data-pressed="true"] {
    cursor: grabbing;
  }

  .data-grid .react-aria-DropIndicator {
    --tw-outline-style: none;
    outline-style: none;
  }

  .data-grid .react-aria-DropIndicator td {
    padding: calc(var(--spacing, .25rem) * 0);
    height: 2px;
  }

  .data-grid .react-aria-DropIndicator[data-drop-target] td {
    background-color: var(--accent);
  }

  [data-slot="data-grid"] .table__row[data-dragging="true"] {
    opacity: .5;
  }

  .data-grid__sort-icon {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .1s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .1s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    flex-shrink: 0;
    display: inline-flex;
  }

  .data-grid__sort-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .data-grid__sort-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .data-grid__sort-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .data-grid__sort-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .data-grid__sort-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .data-grid__sort-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .data-grid__sort-icon[data-direction="descending"] {
    rotate: 180deg;
  }

  .data-grid__empty-state {
    padding-block: calc(var(--spacing, .25rem) * 12);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  [data-slot="data-grid"][data-vertical-align="top"] .table__cell {
    vertical-align: top;
  }

  [data-slot="data-grid"][data-vertical-align="middle"] .table__cell {
    vertical-align: middle;
  }

  [data-slot="data-grid"][data-vertical-align="bottom"] .table__cell {
    vertical-align: bottom;
  }

  [data-slot="data-grid"][data-vertical-align="top"] .table__body:not(tbody) [data-slot="table-cell"] {
    align-items: flex-start;
    display: flex;
  }

  [data-slot="data-grid"][data-vertical-align="middle"] .table__body:not(tbody) [data-slot="table-cell"] {
    align-items: center;
    display: flex;
  }

  [data-slot="data-grid"][data-vertical-align="bottom"] .table__body:not(tbody) [data-slot="table-cell"] {
    align-items: flex-end;
    display: flex;
  }

  [data-slot="data-grid"] [data-align="end"] {
    text-align: end;
  }

  [data-slot="data-grid"] [data-align="center"] {
    text-align: center;
  }

  [data-slot="data-grid"] [data-pinned] {
    z-index: 2;
    position: sticky;
  }

  [data-slot="data-grid"] .table__column[data-pinned], [data-slot="data-grid"] .data-grid__selection-column[data-pinned], [data-slot="data-grid"] .data-grid__drag-handle-column[data-pinned] {
    background-color: var(--surface-secondary);
  }

  [data-slot="data-grid"] .table__cell[data-pinned], [data-slot="data-grid"] .data-grid__selection-cell[data-pinned], [data-slot="data-grid"] .data-grid__drag-handle-cell[data-pinned] {
    background-color: var(--surface);
  }

  [data-slot="data-grid"] [data-pinned]:after {
    content: none;
  }

  @media (hover: hover) {
    [data-slot="data-grid"] .table__row:hover [data-pinned].table__cell, [data-slot="data-grid"] .table__row[data-hovered="true"] [data-pinned].table__cell {
      background-color: var(--color-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      [data-slot="data-grid"] .table__row:hover [data-pinned].table__cell, [data-slot="data-grid"] .table__row[data-hovered="true"] [data-pinned].table__cell {
        background-color: color-mix(in oklch, var(--color-surface) 40%, var(--color-surface-secondary));
      }
    }
  }

  [data-slot="data-grid"] .table__row[data-selected="true"] [data-pinned].table__cell {
    background-color: var(--color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-slot="data-grid"] .table__row[data-selected="true"] [data-pinned].table__cell {
      background-color: color-mix(in oklch, var(--color-surface) 10%, var(--color-surface-secondary));
    }
  }

  [data-slot="data-grid"][data-pinned-start-detached] [data-pinned="start"][data-pinned-edge]:after {
    content: "";
    pointer-events: none;
    inset-inline-end: calc(var(--spacing, .25rem) * 0);
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    --tw-translate-y: calc(var(--spacing, .25rem) * 0);
    width: 1px;
    height: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background: var(--color-separator);
    position: absolute;
  }

  [data-slot="data-grid"][data-pinned-end-detached] [data-pinned="end"][data-pinned-edge]:after {
    content: "";
    pointer-events: none;
    inset-inline-start: calc(var(--spacing, .25rem) * 0);
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    --tw-translate-y: calc(var(--spacing, .25rem) * 0);
    width: 1px;
    height: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background: var(--color-separator);
    position: absolute;
  }

  [data-slot="data-grid"][data-pinned-start-detached] .table__body tr:first-child td:first-child[data-pinned="start"][data-pinned-edge], [data-slot="data-grid"][data-pinned-start-detached] .table__body tr:last-child td:first-child[data-pinned="start"][data-pinned-edge], [data-slot="data-grid"][data-pinned-end-detached] .table__body tr:first-child td:last-child[data-pinned="end"][data-pinned-edge], [data-slot="data-grid"][data-pinned-end-detached] .table__body tr:last-child td:last-child[data-pinned="end"][data-pinned-edge] {
    border-radius: 0;
  }

  .table-root--secondary [data-pinned].table__cell {
    background-color: var(--background);
  }

  .table-root--secondary .table__column[data-pinned] {
    background-color: var(--surface-secondary);
  }

  .data-grid__tree-cell {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: var(--data-grid-tree-gap);
    display: flex;
  }

  .data-grid__tree-toggle {
    width: var(--data-grid-tree-toggle-size);
    height: var(--data-grid-tree-toggle-size);
    flex-shrink: 0;
  }

  .data-grid__tree-toggle-icon {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .15s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  }

  .data-grid__tree-toggle-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .data-grid__tree-toggle-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .data-grid__tree-toggle-icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .data-grid__tree-toggle-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .data-grid__tree-toggle-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .data-grid__tree-toggle-icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .data-grid__tree-toggle-icon[data-expanded] {
    rotate: 90deg;
  }

  .data-grid__tree-toggle-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not([data-expanded]) {
    rotate: 180deg;
  }

  .data-grid__tree-toggle-spacer {
    width: var(--data-grid-tree-toggle-size);
    height: var(--data-grid-tree-toggle-size);
    flex-shrink: 0;
    display: inline-block;
  }

  .table__row:last-child .table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .drop-zone {
    gap: calc(var(--spacing, .25rem) * 3);
    --drop-zone-border-style: dashed;
    flex-direction: column;
    display: flex;
  }

  .drop-zone__area {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 8);
    text-align: center;
    --tw-outline-style: none;
    border-width: 1px;
    border-style: var(--drop-zone-border-style);
    border-color: var(--color-border-secondary);
    forced-color-adjust: none;
    outline-style: none;
    flex-direction: column;
    transition: background-color .15s, border-color .15s;
    display: flex;
  }

  .drop-zone__area:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .drop-zone__area:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .drop-zone__area:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .drop-zone__area:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .drop-zone__area:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .drop-zone__area:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .drop-zone__area[data-drop-target] {
    background-color: var(--accent-soft);
    border-color: var(--color-accent);
  }

  .drop-zone__area[data-focus-visible] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .drop-zone__area[data-disabled] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .drop-zone__icon {
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .drop-zone__icon svg {
    width: calc(var(--spacing, .25rem) * 8);
    height: calc(var(--spacing, .25rem) * 8);
  }

  .drop-zone__label {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
  }

  .drop-zone__description {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .drop-zone__trigger {
    isolation: isolate;
    margin-top: calc(var(--spacing, .25rem) * 1);
    height: calc(var(--spacing, .25rem) * 10);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 3);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .drop-zone__trigger {
      height: calc(var(--spacing, .25rem) * 9);
    }
  }

  .drop-zone__trigger {
    border-color: var(--border);
    cursor: var(--cursor-interactive);
    --button-bg: transparent;
    --button-bg-hover: var(--color-default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-zone__trigger {
      --button-bg-hover: color-mix(in srgb, var(--color-default) 60%, transparent);
    }
  }

  .drop-zone__trigger {
    --button-bg-pressed: var(--color-default);
    --button-fg: var(--color-default-foreground);
    background-color: var(--button-bg);
    color: var(--button-fg);
    transition: transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .drop-zone__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .drop-zone__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .drop-zone__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .drop-zone__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .drop-zone__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .drop-zone__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .drop-zone__trigger:hover, .drop-zone__trigger[data-hovered="true"] {
      background-color: var(--button-bg-hover);
    }
  }

  .drop-zone__trigger:active, .drop-zone__trigger[data-pressed="true"] {
    background-color: var(--button-bg-pressed);
    transform: scale(.97);
  }

  .drop-zone__trigger:focus-visible:not(:focus), .drop-zone__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .drop-zone__trigger:disabled, .drop-zone__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .drop-zone__trigger[data-pending="true"] {
    pointer-events: none;
  }

  .drop-zone__trigger svg:not([data-slot="spinner"] svg) {
    pointer-events: none;
    margin-inline: calc(var(--spacing, .25rem) * -.5);
    margin-block: calc(var(--spacing, .25rem) * .5);
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    flex-shrink: 0;
    align-self: center;
  }

  @media (min-width: 40rem) {
    .drop-zone__trigger svg:not([data-slot="spinner"] svg) {
      margin-block: calc(var(--spacing, .25rem) * 1);
      width: calc(var(--spacing, .25rem) * 4);
      height: calc(var(--spacing, .25rem) * 4);
    }
  }

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

  .drop-zone__file-list {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .drop-zone__file-item {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing, .25rem) * 3);
    border-width: 1px;
    border-color: var(--color-border);
    transition: border-color .15s;
    display: flex;
    position: relative;
  }

  .drop-zone__file-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .drop-zone__file-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .drop-zone__file-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .drop-zone__file-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .drop-zone__file-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .drop-zone__file-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .drop-zone__file-item[data-status="failed"] {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-zone__file-item[data-status="failed"] {
      border-color: color-mix(in oklab, var(--danger) 30%, transparent);
    }
  }

  .drop-zone__file-format-icon {
    flex-shrink: 0;
    width: 32px;
    height: 40px;
    position: relative;
  }

  .drop-zone__file-format-icon-badge {
    bottom: calc(var(--spacing, .25rem) * 1);
    left: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 3.5);
    padding-inline: 3px;
    padding-block: calc(var(--spacing, .25rem) * .5);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-size: 8px;
    line-height: 1;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    border-radius: .25rem;
    align-items: center;
    max-width: 32px;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .drop-zone__file-format-icon-badge[data-color="red"] {
    background-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="red"] {
      background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .drop-zone__file-format-icon-badge[data-color="green"] {
    background-color: var(--color-green-500, #00c758);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="green"] {
      background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .drop-zone__file-format-icon-badge[data-color="blue"] {
    background-color: var(--color-blue-500, #3080ff);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="blue"] {
      background-color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
    }
  }

  .drop-zone__file-format-icon-badge[data-color="orange"] {
    background-color: var(--color-orange-500, #fe6e00);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="orange"] {
      background-color: var(--color-orange-500, lab(64.272% 57.1788 90.3583));
    }
  }

  .drop-zone__file-format-icon-badge[data-color="purple"] {
    background-color: var(--color-purple-500, #ac4bff);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="purple"] {
      background-color: var(--color-purple-500, lab(52.0183% 66.11 -78.2316));
    }
  }

  .drop-zone__file-format-icon-badge[data-color="gray"] {
    background-color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .drop-zone__file-format-icon-badge[data-color="gray"] {
      background-color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  .drop-zone__file-info {
    min-width: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * .5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .drop-zone__file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    overflow: hidden;
  }

  .drop-zone__file-meta {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    display: flex;
  }

  .drop-zone__file-progress {
    margin-top: calc(var(--spacing, .25rem) * 1);
    width: 100%;
  }

  .drop-zone__file-item[data-status="complete"] .drop-zone__file-progress .progress-bar__fill {
    --progress-bar-fill: var(--success);
  }

  .drop-zone__file-item[data-status="failed"] .drop-zone__file-progress .progress-bar__fill {
    --progress-bar-fill: var(--danger);
  }

  .drop-zone__file-retry-trigger {
    margin-top: calc(var(--spacing, .25rem) * .5);
    cursor: pointer;
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--danger);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    background-color: #0000;
    outline-style: none;
  }

  @media (hover: hover) {
    .drop-zone__file-retry-trigger:hover, .drop-zone__file-retry-trigger[data-hovered="true"] {
      text-decoration: underline;
    }
  }

  .drop-zone__file-retry-trigger:focus-visible:not(:focus), .drop-zone__file-retry-trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .drop-zone__file-remove-trigger {
    border-radius: calc(var(--radius) * .75);
    padding: calc(var(--spacing, .25rem) * 1);
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: color .15s;
    display: flex;
  }

  .drop-zone__file-remove-trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .drop-zone__file-remove-trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .drop-zone__file-remove-trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .drop-zone__file-remove-trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .drop-zone__file-remove-trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .drop-zone__file-remove-trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .drop-zone__file-remove-trigger svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  @media (hover: hover) {
    .drop-zone__file-remove-trigger:hover, .drop-zone__file-remove-trigger[data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .drop-zone__file-remove-trigger:active, .drop-zone__file-remove-trigger[data-pressed="true"] {
    color: var(--foreground);
  }

  .drop-zone__file-remove-trigger:focus-visible:not(:focus), .drop-zone__file-remove-trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .drop-zone__file-remove-trigger:disabled, .drop-zone__file-remove-trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .emoji-picker__trigger {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    outline-style: none;
  }

  .emoji-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .emoji-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .emoji-picker__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .emoji-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .emoji-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .emoji-picker__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .emoji-picker__trigger {
    cursor: var(--cursor-interactive);
  }

  .emoji-picker__trigger:focus-visible:not(:focus), .emoji-picker__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .emoji-picker__trigger:disabled, .emoji-picker__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .emoji-picker__trigger:active, .emoji-picker__trigger[data-pressed="true"] {
    transform: scale(.97);
  }

  .emoji-picker__value {
    --tw-leading: 1;
    line-height: 1;
  }

  .emoji-picker__popover {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    box-sizing: border-box;
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .emoji-picker__popover[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .15s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  .emoji-picker__popover[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .1s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  .emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"] {
    will-change: opacity,transform;
  }

  :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.emoji-picker__popover[data-entering="true"], .emoji-picker__popover[data-exiting="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .emoji-picker__popover--sm {
    width: 240px;
    height: 280px;
  }

  .emoji-picker__popover--md {
    width: 280px;
    height: 350px;
  }

  .emoji-picker__popover--lg {
    width: 320px;
    height: 420px;
  }

  .emoji-picker__content {
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .emoji-picker__grid {
    padding-top: calc(var(--spacing, .25rem) * 1);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    --tw-outline-style: none;
    -webkit-overflow-scrolling: touch;
    outline-style: none;
    flex: 1;
    scroll-padding: 4px;
    overflow: auto;
  }

  .emoji-picker__grid:has( ~ [data-slot="emoji-picker-footer"]) {
    padding-bottom: calc(var(--spacing, .25rem) * 10);
  }

  .emoji-picker__item {
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .emoji-picker__item:hover, .emoji-picker__item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .emoji-picker__item[data-focused="true"] {
    background-color: var(--default);
  }

  .emoji-picker__item[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .emoji-picker__item:focus-visible:not(:focus), .emoji-picker__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .emoji-picker__item[data-selected="true"] {
    background-color: var(--default-hover);
  }

  .emoji-picker__item:disabled, .emoji-picker__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .emoji-picker__item--sm {
    font-size: 20px;
  }

  .emoji-picker__item--md {
    font-size: 24px;
  }

  .emoji-picker__item--lg {
    font-size: 28px;
  }

  .emoji-picker__footer {
    inset-inline: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    width: 100%;
    display: flex;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .emoji-picker__footer {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .emoji-picker__footer {
    background-color: var(--surface);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .emoji-picker__empty {
    height: 100%;
    padding-block: calc(var(--spacing, .25rem) * 6);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .emoji-picker__skin-tone-options {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .emoji-picker__skin-tone-picker {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
    border-radius: calc(var(--radius) * .75);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: 1;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
  }

  @media (hover: hover) {
    .emoji-picker__skin-tone-picker:hover, .emoji-picker__skin-tone-picker[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .emoji-picker__skin-tone-picker:focus-visible:not(:focus), .emoji-picker__skin-tone-picker[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .emoji-picker__skin-tone-picker:disabled, .emoji-picker__skin-tone-picker[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .emoji-picker__skin-tone-option {
    border-radius: calc(var(--radius) * 2);
    padding: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-leading: 1;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
  }

  @media (hover: hover) {
    .emoji-picker__skin-tone-option:hover, .emoji-picker__skin-tone-option[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .emoji-picker__skin-tone-option:focus-visible:not(:focus), .emoji-picker__skin-tone-option[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .emoji-picker__skin-tone-option[data-selected="true"] {
    background-color: var(--default-hover);
  }

  .emoji-picker__skin-tone-option:disabled, .emoji-picker__skin-tone-option[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .empty-state {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .empty-state--sm {
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 6);
  }

  .empty-state--md {
    gap: calc(var(--spacing, .25rem) * 4);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 8);
  }

  .empty-state--lg {
    gap: calc(var(--spacing, .25rem) * 5);
    padding-inline: calc(var(--spacing, .25rem) * 8);
    padding-block: calc(var(--spacing, .25rem) * 12);
  }

  .empty-state__header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .empty-state__media {
    color: var(--muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state__media[data-variant="icon"] {
    background-color: var(--default);
    color: var(--foreground);
    border-radius: 3.40282e38px;
  }

  .empty-state--sm .empty-state__media[data-variant="icon"] {
    width: calc(var(--spacing, .25rem) * 10);
    height: calc(var(--spacing, .25rem) * 10);
  }

  .empty-state--sm .empty-state__media[data-variant="icon"] svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .empty-state--md .empty-state__media[data-variant="icon"] {
    width: calc(var(--spacing, .25rem) * 12);
    height: calc(var(--spacing, .25rem) * 12);
  }

  .empty-state--md .empty-state__media[data-variant="icon"] svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .empty-state--lg .empty-state__media[data-variant="icon"] {
    width: calc(var(--spacing, .25rem) * 14);
    height: calc(var(--spacing, .25rem) * 14);
  }

  .empty-state--lg .empty-state__media[data-variant="icon"] svg {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

  .empty-state__title {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .empty-state--sm .empty-state__title {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .empty-state--md .empty-state__title {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .empty-state--lg .empty-state__title {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }

  .empty-state__description {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
  }

  .empty-state--sm .empty-state__description {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .empty-state__content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .emoji-reaction-button {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--default);
    -webkit-user-select: none;
    user-select: none;
    transition: transform .2s var(--ease-smooth), background-color .1s var(--ease-out), border-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    border-width: 1px;
    border-color: #0000;
    border-radius: 3.40282e38px;
    outline-style: none;
    display: inline-flex;
  }

  .emoji-reaction-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .emoji-reaction-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .emoji-reaction-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .emoji-reaction-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .emoji-reaction-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .emoji-reaction-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .emoji-reaction-button {
    cursor: var(--cursor-interactive);
  }

  .emoji-reaction-button[data-selected="true"] {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .emoji-reaction-button[data-selected="true"] {
      border-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .emoji-reaction-button[data-selected="true"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .emoji-reaction-button[data-selected="true"] {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  @media (hover: hover) {
    .emoji-reaction-button:hover, .emoji-reaction-button[data-hovered="true"] {
      background-color: var(--default);
    }

    .emoji-reaction-button[data-selected="true"]:hover, .emoji-reaction-button[data-selected="true"][data-hovered="true"] {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .emoji-reaction-button[data-selected="true"]:hover, .emoji-reaction-button[data-selected="true"][data-hovered="true"] {
        background-color: color-mix(in oklab, var(--accent) 15%, transparent);
      }
    }
  }

  .emoji-reaction-button:focus-visible:not(:focus), .emoji-reaction-button[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .emoji-reaction-button:active, .emoji-reaction-button[data-pressed="true"] {
    transform: scale(.95);
  }

  .emoji-reaction-button[data-readonly="true"] {
    pointer-events: none;
    cursor: default;
  }

  .emoji-reaction-button:active[data-readonly="true"], .emoji-reaction-button[data-pressed="true"][data-readonly="true"] {
    transform: none;
  }

  .emoji-reaction-button:disabled, .emoji-reaction-button[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .emoji-reaction-button--sm {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .emoji-reaction-button--md {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .emoji-reaction-button--lg {
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .emoji-reaction-button__emoji {
    --tw-leading: 1;
    line-height: 1;
  }

  .emoji-reaction-button__count {
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    --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, );
  }

  [data-selected="true"] > .emoji-reaction-button__count {
    color: var(--accent);
  }

  .file-tree {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    padding: calc(var(--spacing, .25rem) * 1);
    --tw-outline-style: none;
    forced-color-adjust: none;
    --file-tree-indent: calc(var(--spacing) * 4);
    --file-tree-item-px: 8px;
    --file-tree-guide-color: currentColor;
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow: auto;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .file-tree {
      --file-tree-guide-color: color-mix(in srgb, currentColor 10%, transparent);
    }
  }

  .file-tree {
    --file-tree-chevron-offset: 0px;
  }

  .file-tree:has(.file-tree__drag-handle):not(:has(.file-tree__checkbox)) {
    --file-tree-chevron-offset: 22px;
  }

  .file-tree[data-focus-visible] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .file-tree[data-empty] {
    padding-block: calc(var(--spacing, .25rem) * 6);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    justify-content: center;
    align-items: center;
    min-height: 100px;
    font-style: italic;
    display: flex;
  }

  .file-tree__item {
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: calc(var(--radius) * 1);
    cursor: var(--cursor-interactive);
    outline-style: none;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    :is(.file-tree__item:hover:not(:has(.file-tree__chevron:hover)), .file-tree__item[data-hovered="true"]:not(:has(.file-tree__chevron:hover))) {
      background-color: var(--default);
    }
  }

  .file-tree__item:active, .file-tree__item[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .file-tree__item:focus-visible:not(:focus), .file-tree__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .file-tree__item:disabled, .file-tree__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .file-tree__item[data-selected="true"] {
    background-color: var(--default);
  }

  .file-tree__item[data-selected="true"]:has( + [data-selected="true"]) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .file-tree__item[data-selected="true"] + [data-selected="true"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .file-tree__guide-line {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--file-tree-guide-color);
    width: 1px;
    position: absolute;
    inset-block: 0;
  }

  .file-tree__guide-line--hover {
    opacity: 0;
    transition: opacity .15s;
  }

  .file-tree:hover .file-tree__guide-line--hover {
    opacity: 1;
  }

  .file-tree__guide-line--none {
    display: none;
  }

  .file-tree__item-content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    width: 100%;
    padding-inline-start: calc((var(--tree-item-level) - 1) * var(--file-tree-indent));
    display: flex;
  }

  .file-tree__checkbox {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .file-tree__chevron {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    border-radius: calc(var(--radius) * .75);
    visibility: hidden;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .file-tree__item[data-has-child-items] .file-tree__chevron {
    visibility: visible;
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    .file-tree__item[data-has-child-items] .file-tree__chevron:hover {
      background-color: var(--default-hover);
    }
  }

  .file-tree__indicator {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
    color: var(--muted);
    transition: rotate .15s;
    rotate: none;
  }

  .file-tree__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .file-tree__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .file-tree__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .file-tree__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .file-tree__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .file-tree__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .file-tree__indicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    rotate: 180deg;
  }

  .file-tree__item[data-expanded] .file-tree__indicator {
    rotate: 90deg;
  }

  .file-tree__icon {
    color: var(--muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .file-tree__icon svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .file-tree__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--spacing, .25rem) * .5);
    color: var(--foreground);
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    overflow: hidden;
  }

  .file-tree__section:not(:first-child) {
    margin-top: calc(var(--spacing, .25rem) * 3);
  }

  .file-tree__section-header {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
  }

  .file-tree__drag-handle {
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    opacity: 0;
    cursor: grab;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: opacity .15s;
    display: flex;
  }

  .file-tree__drag-handle svg {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .file-tree__drag-handle:active {
    cursor: grabbing;
  }

  @media (hover: hover) {
    .file-tree__item:hover .file-tree__drag-handle {
      opacity: .4;
    }

    .file-tree__item .file-tree__drag-handle:hover {
      opacity: .7;
    }
  }

  .file-tree__item[data-dragging] {
    opacity: .4;
  }

  .file-tree__item[data-drop-target] {
    background-color: var(--accent-soft);
    outline: 2px solid var(--color-accent);
    outline-offset: -2px;
  }

  .file-tree .react-aria-DropIndicator {
    --tw-outline-style: none;
    outline-style: none;
  }

  .file-tree .react-aria-DropIndicator[data-drop-target] {
    outline: 1px solid var(--color-accent);
  }

  .file-tree--sm {
    --file-tree-indent: calc(var(--spacing) * 2.5);
    --file-tree-item-px: 10px;
  }

  .file-tree__item--sm {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .file-tree__item--sm .file-tree__icon svg {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .file-tree--md {
    --file-tree-indent: calc(var(--spacing) * 3);
    --file-tree-item-px: 12px;
  }

  .file-tree__item--md {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .file-tree__item--md .file-tree__icon svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .file-tree--lg {
    --file-tree-indent: calc(var(--spacing) * 6);
    --file-tree-item-px: 8px;
  }

  .file-tree__item--lg {
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .file-tree__item--lg .file-tree__icon svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .floating-toc__trigger {
    padding: calc(var(--spacing, .25rem) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    --floating-toc-bar-width: 16px;
    --floating-toc-bar-active-width: 24px;
    --floating-toc-bar-height: 2px;
    --floating-toc-bar-active-height: 2px;
    --floating-toc-bar-level-step: 3px;
    --floating-toc-bar-gap: 12px;
    align-items: flex-end;
    gap: var(--floating-toc-bar-gap);
    outline-style: none;
    flex-direction: column;
    display: inline-flex;
  }

  .floating-toc__trigger[data-placement="left"] {
    align-items: flex-start;
  }

  .floating-toc__trigger:focus-visible:not(:focus), .floating-toc__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .floating-toc__bar {
    width: var(--floating-toc-bar-active-width);
    height: var(--floating-toc-bar-active-height);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  [data-placement="left"] > .floating-toc__bar {
    justify-content: flex-start;
  }

  .floating-toc__bar:after {
    content: "";
    border-radius: calc(var(--radius) * .5);
    background-color: var(--border);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .15s;
    width: calc(var(--floating-toc-bar-width) - (var(--floating-toc-level, 1) - 1) * var(--floating-toc-bar-level-step));
    height: var(--floating-toc-bar-height);
    transition-duration: .15s;
    display: block;
  }

  .floating-toc__bar[data-active="true"]:after {
    background-color: var(--accent);
    width: calc(var(--floating-toc-bar-active-width) - (var(--floating-toc-level, 1) - 1) * var(--floating-toc-bar-level-step));
    height: var(--floating-toc-bar-active-height);
  }

  .floating-toc__content {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    padding: calc(var(--spacing, .25rem) * 1.5);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    overscroll-behavior: contain;
    --floating-toc-item-indent: .75rem;
    outline-style: none;
    max-height: min(60vh, 400px);
    overflow-y: auto;
  }

  .floating-toc__content[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .15s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-enter-opacity: 0;
    --tw-enter-scale: .97;
  }

  .floating-toc__content[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .1s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-exit-opacity: 0;
    --tw-exit-scale: .97;
  }

  .floating-toc__content[data-placement="bottom"][data-entering="true"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .floating-toc__content[data-placement="top"][data-entering="true"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .floating-toc__content[data-placement="left"][data-entering="true"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .floating-toc__content[data-placement="right"][data-entering="true"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.floating-toc__content[data-exiting="true"], .floating-toc__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .floating-toc__item {
    border-radius: calc(var(--radius) * 1);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    white-space: nowrap;
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    align-items: center;
    padding-inline-start: calc(.75rem + (var(--floating-toc-level, 1) - 1) * var(--floating-toc-item-indent));
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .floating-toc__item:hover, .floating-toc__item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .floating-toc__item[data-focused="true"] {
    background-color: var(--default);
  }

  .floating-toc__item:active, .floating-toc__item[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .floating-toc__item:focus-visible:not(:focus), .floating-toc__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .floating-toc__item:disabled, .floating-toc__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .floating-toc__item[data-active="true"] {
    color: var(--accent);
  }

  .holo-card {
    width: fit-content;
    perspective: var(--holo-card-perspective);
    transform-origin: 50%;
    transform-style: preserve-3d;
    touch-action: pan-y pinch-zoom;
    --holo-card-width: 302px;
    --holo-card-height: 453px;
    --holo-card-radius: 20px;
    --holo-card-bleed: 36px;
    --holo-card-perspective: 600px;
    --holo-card-gradient: linear-gradient(140deg, #3a3730 0%, #302f2c 18%, #282829 38%, #212226 58%, #1a1b22 78%, #12131c 100%);
    --holo-card-inset-color: #ffffff0f;
    --holo-card-pattern: repeating-linear-gradient(115deg, #ff7773d9 0px, #ffed5fd9 3px, #a8ff5fd9 6px, #83fff7d9 9px, #7894ffd9 12px, #d875ffd9 15px, #ff7773d9 18px), repeating-linear-gradient(90deg, #0006 0px, #0006 1px, transparent 1px, transparent 3px);
    --holo-card-pattern-size: auto;
    --holo-card-pattern-opacity: .9;
    --holo-card-texture-opacity: .1;
    --holo-card-pointer-x: 50%;
    --holo-card-pointer-y: 50%;
    --holo-card-background-x: 50%;
    --holo-card-background-y: 50%;
    --holo-card-opacity: 0;
    display: grid;
  }

  .holo-card__rotator {
    transform-origin: 50%;
    transform-style: preserve-3d;
    will-change: transform;
    pointer-events: auto;
    display: grid;
  }

  .holo-card__frame {
    width: calc(var(--holo-card-width) + var(--holo-card-bleed) * 2);
    height: calc(var(--holo-card-height) + var(--holo-card-bleed) * 2);
    grid-area: 1 / 1;
    position: relative;
    overflow: clip;
  }

  .holo-card__surface {
    width: var(--holo-card-width);
    height: var(--holo-card-height);
    z-index: 1;
    border-radius: var(--holo-card-radius);
    background: var(--holo-card-gradient);
    box-shadow: 0 4px 16px rgb(0 0 0 / calc(.12 * var(--holo-card-opacity))), 0 12px 32px rgb(0 0 0 / calc(.08 * var(--holo-card-opacity)));
    transition: box-shadow .15s;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: clip;
    transform: translate(-50%, -50%);
  }

  .holo-card__rotator, .holo-card__frame, .holo-card__surface, .holo-card__inset {
    outline: 1px solid #0000;
  }

  .holo-card__image {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none;
    z-index: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .holo-card__inset {
    border: 1px solid var(--holo-card-inset-color);
    border-radius: calc(var(--holo-card-radius) - 8px);
    z-index: 1;
    position: absolute;
    inset: 8px;
    overflow: clip;
  }

  .holo-card__pattern {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 2;
    mix-blend-mode: overlay;
    opacity: var(--holo-card-texture-opacity);
    background-image: var(--holo-card-pattern);
    background-size: var(--holo-card-pattern-size);
    border-radius: inherit;
    background-repeat: repeat;
    position: absolute;
  }

  .holo-card__content {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 20;
    text-shadow: 0 4px 24px rgb(0 0 0 / calc(.55 * var(--holo-card-opacity)));
    display: flex;
    position: absolute;
  }

  .holo-card__content > * {
    pointer-events: auto;
  }

  .holo-card__shine {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 6;
    border-radius: inherit;
    filter: brightness(1.25) contrast(1.1) saturate(1.2);
    mix-blend-mode: color-dodge;
    opacity: var(--holo-card-opacity);
    will-change: opacity;
    display: grid;
    position: absolute;
    overflow: hidden;
  }

  .holo-card__shine > * {
    grid-area: 1 / 1;
  }

  .holo-card__shine:before, .holo-card__shine:after {
    content: "";
    border-radius: inherit;
    grid-area: 1 / 1;
  }

  .holo-card__shine:before {
    background-blend-mode: screen;
    filter: brightness(0) contrast(1.1);
    mix-blend-mode: hard-light;
    background: #fff;
  }

  .holo-card__shine:after {
    background-image: radial-gradient(farthest-corner circle at var(--holo-card-pointer-x) var(--holo-card-pointer-y), #b8b8b8 0%, #c7c7c730 25%, #000 90%);
    mix-blend-mode: luminosity;
    filter: brightness(.5) contrast(2);
    background-position: 50%;
    background-size: cover;
  }

  .holo-card__shine-pattern {
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 2;
    mix-blend-mode: soft-light;
    opacity: var(--holo-card-pattern-opacity);
    background-image: var(--holo-card-pattern);
    background-size: var(--holo-card-pattern-size);
    background-repeat: repeat;
    background-position: calc(((50% - var(--holo-card-background-x)) * 2.6) + 50%) calc(((50% - var(--holo-card-background-y)) * 3.5) + 50%);
    border-radius: inherit;
    position: absolute;
  }

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

  .hover-card__content {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    max-width: var(--container-sm, 24rem);
    padding: calc(var(--spacing, .25rem) * 4);
    outline-style: none;
  }

  .hover-card__content[data-entering="true"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .15s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .15s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-enter-opacity: 0;
    --tw-enter-scale: .97;
  }

  .hover-card__content[data-exiting="true"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    --tw-duration: .1s;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-duration: .1s;
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    --tw-exit-opacity: 0;
    --tw-exit-scale: .97;
  }

  .hover-card__content[data-placement="bottom"][data-entering="true"] {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .hover-card__content[data-placement="top"][data-entering="true"] {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .hover-card__content[data-placement="left"][data-entering="true"] {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }

  .hover-card__content[data-placement="right"][data-entering="true"] {
    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
  }

  .hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"] {
    will-change: opacity,transform;
  }

  :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.hover-card__content[data-exiting="true"], .hover-card__content[data-entering="true"]):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .hover-card__arrow {
    display: block;
  }

  .hover-card__arrow svg {
    fill: var(--overlay);
  }

  .hover-card__arrow[data-placement="bottom"] svg {
    rotate: 180deg;
  }

  .hover-card__arrow[data-placement="left"] svg {
    rotate: -90deg;
  }

  .hover-card__arrow[data-placement="right"] svg {
    rotate: 90deg;
  }

  .inline-select {
    --inline-select-value-max-width: 12rem;
    --inline-select-indicator-size: .75rem;
    flex-shrink: 0;
  }

  .inline-select .inline-select__trigger {
    min-height: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * .75);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    --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);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .1s;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    transition-duration: .1s;
  }

  .inline-select .inline-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .inline-select .inline-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .inline-select .inline-select__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .inline-select .inline-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .inline-select .inline-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .inline-select .inline-select__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .inline-select .inline-select__trigger {
    cursor: var(--cursor-interactive);
    border-width: 0;
    padding-inline-end: .25rem;
  }

  @media (hover: hover) {
    .inline-select .inline-select__trigger:hover, .inline-select .inline-select__trigger[data-hovered="true"] {
      color: var(--foreground);
      background-color: #0000;
      border-color: #0000;
    }
  }

  .inline-select .inline-select__trigger:focus-visible:not(:focus), .inline-select .inline-select__trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    background-color: #0000;
    border-color: #0000;
    outline-style: none;
  }

  .inline-select .inline-select__trigger:disabled, .inline-select .inline-select__trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .inline-select .inline-select__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--inline-select-value-max-width);
    overflow: hidden;
  }

  .inline-select .inline-select__indicator {
    margin-block: calc(var(--spacing, .25rem) * 0);
    color: var(--muted);
    width: var(--inline-select-indicator-size);
    height: var(--inline-select-indicator-size);
    position: static;
  }

  .inline-select .inline-select__indicator[data-open="true"] {
    rotate: none;
  }

  .inline-select .inline-select__popover {
    min-width: calc(var(--spacing, .25rem) * 48);
  }

  .kanban {
    --ring-offset-width: 0px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--kanban-column-min-width), 1fr);
    gap: var(--kanban-column-gap);
    --kanban-column-min-width: 280px;
    --kanban-column-gap: 16px;
    --kanban-column-height: 480px;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    display: grid;
    overflow-x: auto;
  }

  .kanban__column {
    scroll-snap-align: center;
    gap: calc(var(--spacing, .25rem) * 2);
    min-width: var(--kanban-column-min-width);
    flex-direction: column;
    display: flex;
  }

  .kanban__column-body {
    background-color: var(--default);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kanban__column-body {
      background-color: color-mix(in oklab, var(--default) 40%, transparent);
    }
  }

  .kanban__column-body {
    border-radius: calc(var(--radius-2xl) + var(--radius-sm));
    min-height: 100px;
  }

  .kanban__column-header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    display: flex;
  }

  .kanban__column-actions {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    opacity: 0;
    flex-shrink: 0;
    margin-inline-start: auto;
    transition: opacity .15s;
    display: flex;
  }

  .kanban__column-actions:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .kanban__column-actions:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .kanban__column-actions:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .kanban__column-actions:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .kanban__column-actions:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .kanban__column-actions:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .kanban__column-header:hover .kanban__column-actions {
      opacity: 1;
    }
  }

  .kanban__column-actions:focus-within {
    opacity: 1;
  }

  .kanban__column-actions:has([aria-expanded="true"]) {
    opacity: 1;
  }

  .kanban__column-actions:has([data-open]) {
    opacity: 1;
  }

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

  .kanban__column-indicator:empty {
    width: calc(var(--spacing, .25rem) * 2.5);
    height: calc(var(--spacing, .25rem) * 2.5);
    background-color: var(--default);
    border-radius: 3.40282e38px;
  }

  .kanban__column-indicator:not(:empty) {
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .kanban__column-indicator:not(:empty) svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .kanban__column-title {
    margin: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .kanban__column-count {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
  }

  .kanban__card-list {
    gap: calc(var(--spacing, .25rem) * 2);
    min-height: 100%;
    padding: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .kanban__card-list[data-focus-visible] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .kanban__card-list[data-empty] {
    justify-content: center;
    align-items: center;
  }

  .kanban__card {
    border-radius: calc(var(--radius) * 1.5);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    transition: opacity .2s;
    position: relative;
  }

  .kanban__card:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .kanban__card:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .kanban__card:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .kanban__card:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .kanban__card:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .kanban__card:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .kanban__card[data-focused="true"]:not([data-focus-visible="true"]) {
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
  }

  .kanban__card:focus-visible:not(:focus), .kanban__card[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    --tw-ring-color: var(--color-separator);
    outline-style: none;
  }

  .kanban__card:disabled, .kanban__card[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .kanban__card[data-dragging] {
    opacity: .5;
  }

  .kanban__card-content {
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--overlay);
    flex-direction: column;
    transition: box-shadow .15s;
    display: flex;
    overflow: hidden;
  }

  .kanban__card-content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .kanban__card-content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .kanban__card-content:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .kanban__card-content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .kanban__card-content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .kanban__card-content:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .kanban__card:hover > .kanban__card-content, .kanban__card[data-hovered="true"] > .kanban__card-content {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .kanban__card[data-selected="true"] > .kanban__card-content {
    background-color: var(--accent-soft);
  }

  .kanban__scroll-shadow {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 1.5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .kanban__card-list .react-aria-DropIndicator {
    --tw-outline-style: none;
    outline-style: none;
  }

  .kanban__card-list .react-aria-DropIndicator[data-drop-target] {
    outline: 1px solid var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kanban__card-list .react-aria-DropIndicator[data-drop-target] {
      outline: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);
    }
  }

  .kanban__card-list .react-aria-DropIndicator[data-drop-target] {
    border-radius: 1px;
  }

  .kanban__drop-indicator {
    --tw-outline-style: none;
    outline-style: none;
  }

  .kanban__drop-indicator[data-drop-target] {
    border-radius: calc(var(--radius) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--separator);
    height: var(--kanban-drop-height, 2.5rem);
    flex-shrink: 0;
    transition: height .15s ease-out;
  }

  .kanban__drop-indicator[data-drop-target]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .kanban__drop-indicator[data-drop-target]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .kanban__drop-indicator[data-drop-target]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .kanban__drop-indicator[data-drop-target]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .kanban__drop-indicator[data-drop-target]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .kanban__drop-indicator[data-drop-target]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .kanban__drag-handle {
    padding: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    --tw-border-style: none;
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: 1;
    color: var(--muted);
    clip-path: inset(50%);
    white-space: nowrap;
    background-color: #0000;
    border-style: none;
    border-width: 0;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    line-height: 1;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .kanban__drag-handle:focus, .kanban__drag-handle:focus-visible, .kanban__drag-handle[data-focus-visible="true"] {
    clip-path: none;
    white-space: normal;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    width: auto;
    height: auto;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .kanban__card[data-focus-visible="true"] .kanban__drag-handle {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .kanban__empty {
    padding-block: calc(var(--spacing, .25rem) * 8);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .kanban--sm {
    --kanban-column-min-width: 240px;
    --kanban-column-gap: 12px;
  }

  .kanban__card-content--sm {
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .kanban--md {
    --kanban-column-min-width: 280px;
    --kanban-column-gap: 16px;
  }

  .kanban__card-content--md {
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .kanban--lg {
    --kanban-column-min-width: 320px;
    --kanban-column-gap: 20px;
  }

  .kanban__card-content--lg {
    gap: calc(var(--spacing, .25rem) * 3);
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .kpi {
    border-radius: calc(var(--radius) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .kpi__header {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .kpi__content {
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 2);
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    display: grid;
  }

  .kpi__icon {
    width: calc(var(--spacing, .25rem) * 8);
    height: calc(var(--spacing, .25rem) * 8);
    border-radius: calc(var(--radius) * 1);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .kpi__icon svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .kpi__icon[data-status="success"] {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kpi__icon[data-status="success"] {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .kpi__icon[data-status="success"] {
    color: var(--success);
  }

  .kpi__icon[data-status="warning"] {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kpi__icon[data-status="warning"] {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .kpi__icon[data-status="warning"] {
    color: var(--warning);
  }

  .kpi__icon[data-status="danger"] {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kpi__icon[data-status="danger"] {
      background-color: color-mix(in oklab, var(--danger) 10%, transparent);
    }
  }

  .kpi__icon[data-status="danger"] {
    color: var(--danger);
  }

  .kpi__actions {
    top: calc(var(--spacing) * 4 - var(--spacing) * 1.5);
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 4 - var(--spacing) * 1.5);
  }

  .kpi__title {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted);
  }

  .kpi__value {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-tight, -.025em);
    letter-spacing: var(--tracking-tight, -.025em);
    color: var(--foreground);
  }

  .kpi__trend {
    flex-shrink: 0;
  }

  .kpi__progress {
    margin-top: calc(var(--spacing, .25rem) * 1);
    grid-column: 1 / -1;
  }

  .kpi__chart {
    --kpi-chart-fade: 10%;
    --kpi-chart-mask: linear-gradient(to right, transparent 0%, black var(--kpi-chart-fade), black calc(100% - var(--kpi-chart-fade)), transparent 100%);
    -webkit-mask-image: var(--kpi-chart-mask);
    -webkit-mask-image: var(--kpi-chart-mask);
    mask-image: var(--kpi-chart-mask);
    overflow: hidden;
  }

  .kpi__chart[data-has-tooltip] {
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .kpi__chart[data-has-tooltip] .recharts-surface {
    -webkit-mask-image: var(--kpi-chart-mask);
    -webkit-mask-image: var(--kpi-chart-mask);
    mask-image: var(--kpi-chart-mask);
  }

  .kpi > .kpi__chart {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-right: calc(var(--spacing, .25rem) * -4);
    margin-bottom: calc(var(--spacing, .25rem) * -4);
    margin-left: calc(var(--spacing, .25rem) * -4);
    border-bottom-right-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
  }

  .kpi > .kpi__chart:has( + .kpi__separator,  + .kpi__footer) {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
    border-radius: 0;
  }

  .kpi__separator {
    margin-right: calc(var(--spacing, .25rem) * -4);
    margin-left: calc(var(--spacing, .25rem) * -4);
    width: calc(100% + var(--spacing) * 8);
  }

  .kpi__footer {
    margin-bottom: calc(var(--spacing, .25rem) * -1);
  }

  .kpi__separator + .kpi__footer {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .kpi-group {
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    overflow: hidden;
  }

  .kpi-group--horizontal {
    border-radius: calc(var(--radius) * 2);
    flex-direction: row;
    display: flex;
  }

  .kpi-group--horizontal > [data-slot="kpi"] {
    border-style: var(--tw-border-style);
    --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);
    border-width: 0;
    border-radius: 0;
    flex: 1;
  }

  .kpi-group--vertical {
    border-radius: calc(var(--radius) * 2);
    flex-direction: column;
    display: flex;
  }

  .kpi-group--vertical > [data-slot="kpi"] {
    border-style: var(--tw-border-style);
    --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);
    border-width: 0;
    border-radius: 0;
  }

  .kpi-group__separator {
    background-color: var(--separator);
    flex-shrink: 0;
  }

  .kpi-group--horizontal > .kpi-group__separator {
    margin-block: calc(var(--spacing, .25rem) * 4);
    align-self: stretch;
    width: 1px;
  }

  .kpi-group--vertical > .kpi-group__separator {
    align-self: stretch;
    height: 1px;
  }

  .line-chart {
    width: 100%;
  }

  .line-chart .recharts-cartesian-axis-tick-value {
    font-size: 10px;
    fill: var(--muted) !important;
  }

  .line-chart .recharts-cartesian-axis-line, .line-chart .recharts-cartesian-axis-tick-line {
    stroke: none !important;
  }

  .line-chart .recharts-cartesian-grid line {
    stroke: var(--muted);
    stroke-opacity: .15;
  }

  .line-chart .recharts-tooltip-cursor {
    stroke: var(--muted);
    stroke-dasharray: 4 4;
    stroke-width: 1px;
  }

  .line-chart .recharts-active-dot circle {
    stroke: var(--surface);
    stroke-width: 2px;
  }

  .list-view {
    min-height: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    position: relative;
  }

  .list-view--primary {
    background-color: var(--surface-secondary);
    padding: calc(var(--spacing, .25rem) * 1);
    border-radius: calc(var(--radius) * 2.5);
  }

  .list-view__item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: flex;
  }

  .list-view__item:focus-visible, .list-view__item[data-focus-visible="true"] {
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--color-focus);
    outline-style: none;
  }

  .list-view__item:disabled, .list-view__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .list-view__item[data-dragging="true"] {
    opacity: .5;
  }

  .list-view--primary .list-view__item {
    background-color: var(--surface);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .list-view--primary .list-view__item {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }

  .list-view--primary .list-view__item:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .list-view--primary .list-view__item:hover, .list-view--primary .list-view__item[data-hovered="true"] {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .list-view--primary .list-view__item:hover, .list-view--primary .list-view__item[data-hovered="true"] {
        background-color: color-mix(in oklab, var(--surface) 40%, transparent);
      }
    }
  }

  .list-view--primary .list-view__item[data-selected="true"] {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .list-view--primary .list-view__item[data-selected="true"] {
      background-color: color-mix(in oklab, var(--surface) 10%, transparent);
    }
  }

  .list-view--primary:not([data-virtualized]) .list-view__item:first-child {
    border-top-left-radius: calc(var(--radius) * 2);
    border-top-right-radius: calc(var(--radius) * 2);
  }

  .list-view--primary:not([data-virtualized]) .list-view__item:last-child {
    border-bottom-right-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
  }

  .list-view--primary[data-virtualized] {
    overflow: hidden;
  }

  .list-view--secondary .list-view__item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .list-view--secondary .list-view__item {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }

  .list-view--secondary .list-view__item {
    background-color: #0000;
  }

  .list-view--secondary .list-view__item:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .list-view--secondary .list-view__item:hover, .list-view--secondary .list-view__item[data-hovered="true"] {
      background-color: var(--default);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .list-view--secondary .list-view__item:hover, .list-view--secondary .list-view__item[data-hovered="true"] {
        background-color: color-mix(in oklab, var(--default) 50%, transparent);
      }
    }
  }

  .list-view--secondary .list-view__item[data-selected="true"] {
    background-color: var(--accent-soft);
  }

  @media (hover: hover) {
    .list-view--secondary .list-view__item[data-selected="true"]:hover, .list-view--secondary .list-view__item[data-selected="true"][data-hovered="true"] {
      background-color: var(--accent-soft-hover);
    }
  }

  .list-view__selection-cell {
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }

  .list-view__item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    flex: 1;
    display: flex;
  }

  .list-view__item-content svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    flex-shrink: 0;
  }

  .list-view__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    overflow: hidden;
  }

  .list-view__description {
    margin-top: calc(var(--spacing, .25rem) * .5);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    overflow: hidden;
  }

  .list-view__item-action {
    flex-shrink: 0;
    margin-inline-start: auto;
    padding-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  .list-view__empty-state {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 8);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .list-view__load-more {
    padding-block: calc(var(--spacing, .25rem) * 3);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .map {
    --map-control-size: calc(var(--spacing) * 8);
    --map-control-offset: calc(var(--spacing) * 2);
    --map-control-attribution-clearance: calc(var(--spacing) * 12);
    --map-popup-max-width: 248px;
    --map-marker-color: var(--accent);
    --map-marker-ring-color: var(--surface);
    --map-route-color: #4285f4;
    --map-route-opacity: .8;
    --map-route-width: 3;
    background-color: var(--default);
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .map.maplibregl-map {
    -webkit-tap-highlight-color: #0000;
    font: 12px / 20px Helvetica Neue, Arial, Helvetica, sans-serif;
  }

  .map .maplibregl-canvas {
    top: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    outline-style: none;
    position: absolute;
  }

  .map .maplibregl-canvas:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .map .maplibregl-canvas-container.maplibregl-interactive {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
  }

  .map .maplibregl-canvas-container.maplibregl-interactive:active {
    cursor: grabbing;
  }

  .map .maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer {
    cursor: pointer;
  }

  .map .maplibregl-canvas-container.maplibregl-touch-zoom-rotate, .map .maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
    touch-action: pan-x pan-y;
  }

  .map .maplibregl-canvas-container.maplibregl-touch-drag-pan, .map .maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: pinch-zoom;
  }

  .map .maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan, .map .maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: none;
  }

  .map .maplibregl-marker {
    top: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    will-change: transform;
    transition: opacity .2s;
    position: absolute;
  }

  .map .maplibregl-popup {
    top: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    pointer-events: none;
    will-change: transform;
    display: flex;
    position: absolute;
  }

  .map .maplibregl-popup-anchor-top, .map .maplibregl-popup-anchor-top-left, .map .maplibregl-popup-anchor-top-right {
    flex-direction: column;
  }

  .map .maplibregl-popup-anchor-bottom, .map .maplibregl-popup-anchor-bottom-left, .map .maplibregl-popup-anchor-bottom-right {
    flex-direction: column-reverse;
  }

  .map .maplibregl-popup-anchor-left {
    flex-direction: row;
  }

  .map .maplibregl-popup-anchor-right {
    flex-direction: row-reverse;
  }

  .map .maplibregl-popup-content {
    padding: calc(var(--spacing, .25rem) * 0);
    --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);
    pointer-events: auto;
    background-color: #0000;
    border-radius: 0;
    position: relative;
  }

  .map .maplibregl-popup-tip {
    display: none;
  }

  .map .maplibregl-ctrl-top-left, .map .maplibregl-ctrl-top-right, .map .maplibregl-ctrl-bottom-left, .map .maplibregl-ctrl-bottom-right {
    z-index: 10;
    pointer-events: none;
    position: absolute;
  }

  .map .maplibregl-ctrl-top-left {
    top: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
  }

  .map .maplibregl-ctrl-top-right {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
  }

  .map .maplibregl-ctrl-bottom-left {
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
  }

  .map .maplibregl-ctrl-bottom-right {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
  }

  .map .maplibregl-ctrl {
    clear: both;
    pointer-events: auto;
    transform: translate(0);
  }

  .map .maplibregl-ctrl-top-left .maplibregl-ctrl {
    float: left;
    margin-top: calc(var(--spacing, .25rem) * 2.5);
    margin-left: calc(var(--spacing, .25rem) * 2.5);
  }

  .map .maplibregl-ctrl-top-right .maplibregl-ctrl {
    float: right;
    margin-top: calc(var(--spacing, .25rem) * 2.5);
    margin-right: calc(var(--spacing, .25rem) * 2.5);
  }

  .map .maplibregl-ctrl-bottom-left .maplibregl-ctrl {
    float: left;
    margin-bottom: calc(var(--spacing, .25rem) * 2.5);
    margin-left: calc(var(--spacing, .25rem) * 2.5);
  }

  .map .maplibregl-ctrl-bottom-right .maplibregl-ctrl {
    float: right;
    margin-right: calc(var(--spacing, .25rem) * 2.5);
    margin-bottom: calc(var(--spacing, .25rem) * 2.5);
  }

  .map .maplibregl-ctrl-attrib {
    margin: calc(var(--spacing, .25rem) * 0);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 0);
    border-radius: var(--radius-full);
    color: #161616;
    color: lab(7.22637% -.0000149012 0);
    background-color: #ffffffd1;
    background-color: lab(100% 0 0 / .82);
    line-height: 20px;
  }

  .map .maplibregl-ctrl-attrib.maplibregl-compact {
    box-sizing: content-box;
    min-height: calc(var(--spacing, .25rem) * 5);
    padding: 2px 28px 2px 8px;
    position: relative;
  }

  .map .maplibregl-ctrl-attrib-button {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing, .25rem) * 0);
    color: #020202;
    color: lab(.462488% 0 0);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .map .maplibregl-ctrl-attrib-button:before {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: #fff;
    color: lab(100% 0 0);
    content: "i";
    background-color: #020202;
    background-color: lab(.462488% 0 0);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    font-family: ui-sans-serif, system-ui, sans-serif;
    display: flex;
  }

  .map .maplibregl-ctrl-attrib-button: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .map .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button {
    appearance: none;
    list-style: none;
  }

  .map .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker {
    display: none;
  }

  .map .maplibregl-ctrl-attrib-inner {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: inline-flex;
  }

  .map .maplibregl-ctrl-attrib a {
    color: inherit;
    text-decoration: none;
  }

  .map .maplibregl-ctrl-attrib a:hover {
    text-decoration: underline;
  }

  .map .maplibregl-attrib-empty {
    display: none;
  }

  .map__loader {
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 10;
    --tw-backdrop-blur: blur(var(--blur-xs, 4px));
    -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, );
    background-color: var(--overlay);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .map__loader {
      background-color: color-mix(in oklab, var(--overlay) 50%, transparent);
    }
  }

  .map__loader-spinner {
    color: var(--muted);
  }

  .map__marker {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .map__marker-content {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .map__default-marker {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    border-style: var(--tw-border-style);
    background-color: var(--map-marker-color);
    border-width: 2px;
    border-color: var(--map-marker-ring-color);
    box-shadow: var(--overlay-shadow);
    border-radius: 3.40282e38px;
    display: block;
    position: relative;
  }

  .map__marker-label {
    pointer-events: none;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-size: 10px;
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    color: var(--foreground);
    position: absolute;
    left: 50%;
  }

  .map__marker-label--top {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    bottom: 100%;
  }

  .map__marker-label--bottom {
    margin-top: calc(var(--spacing, .25rem) * 1);
    top: 100%;
  }

  .map__popup-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    background-color: var(--overlay);
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--overlay-shadow);
    color: var(--foreground);
    max-width: var(--map-popup-max-width);
    overflow-wrap: anywhere;
    position: relative;
  }

  .map__popup-content > * {
    max-width: 100%;
    min-width: calc(var(--spacing, .25rem) * 0);
  }

  .map__popup-content[data-close-button="true"] {
    padding-right: calc(var(--spacing) * 10);
  }

  .map__popup-close-button {
    top: calc(var(--spacing, .25rem) * 2);
    right: calc(var(--spacing, .25rem) * 2);
    z-index: 10;
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    position: absolute;
  }

  .map__popup-close-button [data-slot="close-button-icon"] {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .map__tooltip {
    pointer-events: none;
    border-radius: calc(var(--radius) * .75);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    background-color: var(--foreground);
    box-shadow: var(--overlay-shadow);
    color: var(--background);
    max-width: var(--map-popup-max-width);
  }

  .map__controls {
    z-index: 10;
    gap: calc(var(--spacing, .25rem) * 1.5);
    flex-direction: column;
    display: flex;
    position: absolute;
  }

  .map__controls--top-left {
    top: var(--map-control-offset);
    left: var(--map-control-offset);
  }

  .map__controls--top-right {
    top: var(--map-control-offset);
    right: var(--map-control-offset);
  }

  .map__controls--bottom-left {
    bottom: calc(var(--map-control-offset) + var(--map-control-attribution-clearance));
    left: var(--map-control-offset);
  }

  .map__controls--bottom-right {
    right: var(--map-control-offset);
    bottom: calc(var(--map-control-offset) + var(--map-control-attribution-clearance));
  }

  .map__control-button {
    color: var(--foreground);
  }

  .map__control-button.button {
    padding: calc(var(--spacing, .25rem) * 0);
    width: var(--map-control-size);
    height: var(--map-control-size);
    min-width: var(--map-control-size);
  }

  .map__control-icon {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .map__control-spinner {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: currentColor;
  }

  .map__compass-icon {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transform-style: preserve-3d;
    transition-duration: .2s;
  }

  .map__compass-icon [data-needle="north-right"] {
    fill: #fb2c36;
    fill: lab(55.4814% 75.0732 48.8528);
  }

  .map__compass-icon [data-needle="north-left"] {
    fill: #ff6568;
    fill: lab(63.7053% 60.745 31.3109);
  }

  .map__compass-icon [data-needle="south-right"] {
    fill: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .map__compass-icon [data-needle="south-right"] {
      fill: color-mix(in oklch, var(--muted) 70%, transparent);
    }
  }

  .map__compass-icon [data-needle="south-left"] {
    fill: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .map__compass-icon [data-needle="south-left"] {
      fill: color-mix(in oklch, var(--muted) 38%, transparent);
    }
  }

  .markdown {
    width: 100%;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--foreground);
  }

  .markdown p {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
  }

  .markdown p:last-child {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .markdown h1, .markdown h2, .markdown h3, .markdown h4 {
    margin-top: calc(var(--spacing, .25rem) * 4);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  :is(.markdown h1, .markdown h2, .markdown h3, .markdown h4):first-child {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .markdown h1 {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  .markdown h2 {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }

  .markdown h3 {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .markdown ul, .markdown ol {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    list-style-position: inside;
  }

  :where(:is(.markdown ul, .markdown ol) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .markdown ul, .markdown ol {
    padding-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  :is(.markdown ul, .markdown ol):last-child {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

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

  .markdown ul li::marker {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markdown ul li::marker {
      color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .markdown ol {
    list-style-type: decimal;
  }

  .markdown li {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .markdown a {
    color: var(--link);
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }

  .markdown blockquote {
    margin-block: calc(var(--spacing, .25rem) * 3);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
    border-color: var(--border);
    color: var(--muted);
    padding-inline-start: calc(var(--spacing, .25rem) * 4);
    font-style: italic;
  }

  .markdown hr {
    margin-block: calc(var(--spacing, .25rem) * 4);
    border-color: var(--border);
  }

  .markdown table {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-collapse: collapse;
    width: 100%;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .markdown th, .markdown td {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    text-align: start;
  }

  .markdown th {
    background-color: var(--surface-secondary);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .markdown__block {
    width: 100%;
  }

  .markdown__inline-code {
    border-radius: calc(var(--radius) * .5);
    background-color: var(--default);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    color: var(--foreground);
    font-size: .875em;
  }

  @keyframes sd-fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes sd-blurIn {
    0% {
      opacity: 0;
      filter: blur(4px);
    }

    to {
      opacity: 1;
      filter: blur();
    }
  }

  @keyframes sd-slideUp {
    0% {
      opacity: 0;
      transform: translateY(4px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .markdown [data-sd-animate] {
    animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, .15s) var(--sd-easing, ease) var(--sd-delay, 0s) both;
  }

  .native-select {
    gap: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: inline-flex;
  }

  :is(.native-select[data-invalid="true"], .native-select[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

  .native-select [data-slot="label"] {
    width: fit-content;
  }

  .native-select [data-slot="description"] {
    padding-inline: calc(var(--spacing, .25rem) * 1);
  }

  .native-select__trigger {
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .native-select__select {
    min-height: calc(var(--spacing, .25rem) * 9);
    appearance: none;
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

  .native-select__select:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .native-select__select:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .native-select__select:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .native-select__select:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .native-select__select:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .native-select__select:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .native-select__select {
    cursor: var(--cursor-interactive);
    border-width: var(--border-width-field);
    border-color: var(--color-field-border);
    padding-inline-end: calc(var(--native-select-indicator-offset, .5rem) + var(--native-select-indicator-size, 1rem) + .5rem);
  }

  @media (hover: hover) {
    .native-select__select:hover, .native-select__select[data-hovered="true"] {
      background-color: var(--field-hover);
      border-color: var(--color-field-border-hover);
    }
  }

  .native-select__select:focus-visible:not(:focus), .native-select__select[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
    outline-style: none;
  }

  .native-select__select:focus {
    border-color: var(--color-field-border-focus);
    background-color: var(--color-field-focus);
  }

  .native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }

  :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select):focus, :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select):focus-visible, :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select)[data-focused="true"], :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select)[data-focus-visible="true"], :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select):focus-within, :is(.native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select)[data-focus-within="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }

  .native-select[data-invalid="true"] .native-select__select, .native-select[aria-invalid="true"] .native-select__select {
    background-color: var(--color-field-focus);
  }

  .native-select__select:disabled, .native-select__select[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .native-select__select:has(option[value=""]:checked) {
    color: var(--field-placeholder, var(--muted));
  }

  .native-select__select::-ms-expand {
    display: none;
  }

  .native-select__indicator {
    pointer-events: none;
    inset-block: calc(var(--spacing, .25rem) * 0);
    color: var(--field-placeholder, var(--muted));
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    display: flex;
    position: absolute;
    inset-inline-end: calc(var(--spacing, .25rem) * 2);
  }

  .native-select__indicator svg {
    --native-select-indicator-size: 1rem;
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .native-select--secondary .native-select__select {
    --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);
    background-color: var(--color-default);
  }

  @media (hover: hover) {
    .native-select--secondary .native-select__select:hover, .native-select--secondary .native-select__select[data-hovered="true"] {
      background-color: var(--color-default-hover);
    }
  }

  .native-select--secondary .native-select__select:focus-visible:not(:focus), .native-select--secondary .native-select__select[data-focus-visible="true"], .native-select--secondary .native-select__select:focus {
    background-color: var(--color-default);
  }

  .native-select--full-width, .native-select__trigger--full-width {
    width: 100%;
  }

  .navbar {
    z-index: 40;
    background-color: var(--background);
    --navbar-height: 4rem;
    --navbar-max-width: 1024px;
    --navbar-transition-duration: .3s;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .navbar--sticky {
    top: calc(var(--spacing, .25rem) * 0);
    position: sticky;
  }

  .navbar--static {
    position: static;
  }

  .navbar--floating {
    top: calc(var(--spacing, .25rem) * 2);
    margin-inline: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: sticky;
  }

  .navbar[data-hidden="true"] {
    pointer-events: none;
  }

  .navbar[data-menu-open="true"] {
    border-bottom-color: #0000;
  }

  .navbar--static[data-menu-open="true"] {
    position: relative;
  }

  .navbar__header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 6);
    max-width: var(--navbar-max-width);
    height: var(--navbar-height);
    margin-inline: auto;
    display: flex;
  }

  .navbar__header--max-sm {
    --navbar-max-width: 640px;
  }

  .navbar__header--max-md {
    --navbar-max-width: 768px;
  }

  .navbar__header--max-lg {
    --navbar-max-width: 1024px;
  }

  .navbar__header--max-xl {
    --navbar-max-width: 1280px;
  }

  .navbar__header--max-2xl {
    --navbar-max-width: 1536px;
  }

  .navbar__header--max-full {
    --navbar-max-width: 100%;
  }

  .navbar__header--sm {
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    --navbar-height: 3rem;
  }

  .navbar__header--lg {
    gap: calc(var(--spacing, .25rem) * 5);
    padding-inline: calc(var(--spacing, .25rem) * 8);
    --navbar-height: 5rem;
  }

  .navbar__brand {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-shrink: 0;
    display: flex;
  }

  .navbar__content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .navbar__item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--muted);
    cursor: var(--cursor-interactive);
    outline-style: none;
    padding: 6px 12px;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .navbar__item:hover, .navbar__item[data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .navbar__item:focus-visible:not(:focus), .navbar__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .navbar__item:disabled, .navbar__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .navbar__item:active, .navbar__item[data-pressed="true"], .navbar__item[data-current="true"] {
    color: var(--foreground);
  }

  .navbar__item > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    flex-shrink: 0;
  }

  .navbar__item--sm {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    padding: 4px 8px;
  }

  .navbar__item--sm > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .navbar__item--lg {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    padding: 8px 16px;
  }

  .navbar__item--lg > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

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

  .navbar__spacer {
    flex: 1;
  }

  .navbar__separator {
    height: calc(var(--spacing, .25rem) * 6);
    border-color: var(--separator);
    align-self: center;
  }

  .navbar__menu-toggle {
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    width: calc(var(--spacing, .25rem) * 9);
    height: calc(var(--spacing, .25rem) * 9);
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .navbar__menu-toggle:hover, .navbar__menu-toggle[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .navbar__menu-toggle:focus-visible:not(:focus), .navbar__menu-toggle[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .navbar__menu-toggle:disabled, .navbar__menu-toggle[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .navbar__menu-toggle:active, .navbar__menu-toggle[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .navbar__menu-toggle--sm {
    width: calc(var(--spacing, .25rem) * 7);
    height: calc(var(--spacing, .25rem) * 7);
  }

  .navbar__menu-toggle--lg {
    width: calc(var(--spacing, .25rem) * 11);
    height: calc(var(--spacing, .25rem) * 11);
  }

  .navbar__menu-toggle-icon {
    pointer-events: none;
    width: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .navbar__menu-toggle-icon:before, .navbar__menu-toggle-icon:after {
    height: 1px;
    width: calc(var(--spacing, .25rem) * 6);
    --tw-content: "";
    content: var(--tw-content);
    background-color: currentColor;
    transition: transform .15s;
    display: block;
  }

  .navbar__menu-toggle-icon:before {
    transform: translateY(-4px)rotate(0);
  }

  .navbar__menu-toggle-icon:after {
    transform: translateY(4px)rotate(0);
  }

  .navbar__menu-toggle[data-selected="true"] .navbar__menu-toggle-icon:before {
    transform: translateY(.5px)rotate(45deg);
  }

  .navbar__menu-toggle[data-selected="true"] .navbar__menu-toggle-icon:after {
    transform: translateY(-.5px)rotate(-45deg);
  }

  .navbar__menu-toggle[data-pressed="true"] .navbar__menu-toggle-icon {
    opacity: .7;
  }

  @media (prefers-reduced-motion: reduce) {
    .navbar__menu-toggle-icon:before, .navbar__menu-toggle-icon:after {
      transition: none;
    }
  }

  .navbar__menu {
    inset-inline: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 1);
    background-color: var(--background);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-top: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 6);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 100%;
    overflow: hidden auto;
  }

  .navbar__menu-item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    cursor: var(--cursor-interactive);
    outline-style: none;
    padding: 10px 12px;
    display: flex;
  }

  @media (hover: hover) {
    .navbar__menu-item:hover, .navbar__menu-item[data-hovered="true"] {
      background-color: var(--default);
    }
  }

  .navbar__menu-item:focus-visible:not(:focus), .navbar__menu-item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .navbar__menu-item:disabled, .navbar__menu-item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .navbar__menu-item:active, .navbar__menu-item[data-pressed="true"] {
    background-color: var(--default-hover);
  }

  .navbar__menu-item[data-current="true"] {
    background-color: var(--default);
    color: var(--foreground);
  }

  .navbar__menu-item > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    flex-shrink: 0;
  }

  .navbar__menu-item--sm {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    padding: 8px 10px;
  }

  .navbar__menu-item--sm > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .navbar__menu-item--lg {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    padding: 12px 16px;
  }

  .navbar__menu-item--lg > [data-slot="icon"] {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

  .number-stepper {
    flex-shrink: 0;
    display: inline-flex;
  }

  .number-stepper__group {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 0);
    border-style: var(--tw-border-style);
    background-color: var(--default);
    padding: calc(var(--spacing, .25rem) * 0);
    --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);
    border-width: 0;
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

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

  .number-stepper__decrement-button, .number-stepper__increment-button {
    height: calc(var(--spacing, .25rem) * 9);
    width: calc(var(--spacing, .25rem) * 9);
    border-style: var(--tw-border-style);
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-width: 0;
    border-radius: 3.40282e38px;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .number-stepper__decrement-button, .number-stepper__increment-button {
      height: calc(var(--spacing, .25rem) * 8);
      width: calc(var(--spacing, .25rem) * 8);
    }
  }

  .number-stepper__decrement-button, .number-stepper__increment-button {
    cursor: var(--cursor-interactive);
    transition: background-color .1s var(--ease-out), box-shadow .1s var(--ease-out), transform .25s var(--ease-smooth);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.number-stepper__decrement-button, .number-stepper__increment-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.number-stepper__decrement-button, .number-stepper__increment-button):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.number-stepper__decrement-button, .number-stepper__increment-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.number-stepper__decrement-button, .number-stepper__increment-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.number-stepper__decrement-button, .number-stepper__increment-button):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    flex-shrink: 0;
    transition: color .15s;
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is(.number-stepper__decrement-button, .number-stepper__increment-button) svg:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    :is(:is(.number-stepper__decrement-button, .number-stepper__increment-button):hover, :is(.number-stepper__decrement-button, .number-stepper__increment-button)[data-hovered="true"]) svg {
      color: var(--foreground);
    }
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button):active, :is(.number-stepper__decrement-button, .number-stepper__increment-button)[data-pressed="true"] {
    transform: scale(.97);
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button):focus-visible:not(:focus), :is(.number-stepper__decrement-button, .number-stepper__increment-button)[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.number-stepper__decrement-button, .number-stepper__increment-button):disabled, :is(.number-stepper__decrement-button, .number-stepper__increment-button)[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .number-stepper__value {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    justify-content: center;
    align-items: center;
    line-height: .85;
    display: flex;
  }

  .number-stepper__group--sm {
    gap: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * .5);
    border-radius: 3.40282e38px;
  }

  @media (min-width: 48rem) {
    .number-stepper__group--sm {
      padding: calc(var(--spacing, .25rem) * .5);
    }
  }

  .number-stepper__decrement-button--sm, .number-stepper__increment-button--sm {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
  }

  @media (min-width: 48rem) {
    .number-stepper__decrement-button--sm, .number-stepper__increment-button--sm {
      height: calc(var(--spacing, .25rem) * 7);
      width: calc(var(--spacing, .25rem) * 7);
    }
  }

  :is(.number-stepper__decrement-button--sm, .number-stepper__increment-button--sm) svg {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  :is(.number-stepper__decrement-button--sm, .number-stepper__increment-button--sm):active, :is(.number-stepper__decrement-button--sm, .number-stepper__increment-button--sm)[data-pressed="true"] {
    transform: scale(.98);
  }

  .number-stepper__value--sm {
    min-width: calc(var(--spacing, .25rem) * 6);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  @media (min-width: 48rem) {
    .number-stepper__value--sm {
      min-width: calc(var(--spacing, .25rem) * 5);
    }
  }

  .number-stepper__value--sm {
    height: calc(var(--spacing, .25rem) * 8);
  }

  @media (min-width: 48rem) {
    .number-stepper__value--sm {
      height: calc(var(--spacing, .25rem) * 7);
    }
  }

  .number-stepper__group--md {
    gap: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * .5);
    border-radius: 3.40282e38px;
  }

  @media (min-width: 48rem) {
    .number-stepper__group--md {
      padding: calc(var(--spacing, .25rem) * .5);
    }
  }

  .number-stepper__decrement-button--md, .number-stepper__increment-button--md {
    height: calc(var(--spacing, .25rem) * 9);
    width: calc(var(--spacing, .25rem) * 9);
  }

  @media (min-width: 48rem) {
    .number-stepper__decrement-button--md, .number-stepper__increment-button--md {
      height: calc(var(--spacing, .25rem) * 8);
      width: calc(var(--spacing, .25rem) * 8);
    }
  }

  :is(.number-stepper__decrement-button--md, .number-stepper__increment-button--md) svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  :is(.number-stepper__decrement-button--md, .number-stepper__increment-button--md):active, :is(.number-stepper__decrement-button--md, .number-stepper__increment-button--md)[data-pressed="true"] {
    transform: scale(.98);
  }

  .number-stepper__value--md {
    min-width: calc(var(--spacing, .25rem) * 7);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  @media (min-width: 48rem) {
    .number-stepper__value--md {
      min-width: calc(var(--spacing, .25rem) * 6);
    }
  }

  .number-stepper__value--md {
    height: calc(var(--spacing, .25rem) * 9);
  }

  @media (min-width: 48rem) {
    .number-stepper__value--md {
      height: calc(var(--spacing, .25rem) * 8);
    }
  }

  .number-stepper__group--lg {
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * .5);
    border-radius: 3.40282e38px;
  }

  @media (min-width: 48rem) {
    .number-stepper__group--lg {
      padding: calc(var(--spacing, .25rem) * .5);
    }
  }

  .number-stepper__decrement-button--lg, .number-stepper__increment-button--lg {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
  }

  @media (min-width: 48rem) {
    .number-stepper__decrement-button--lg, .number-stepper__increment-button--lg {
      height: calc(var(--spacing, .25rem) * 9);
      width: calc(var(--spacing, .25rem) * 9);
    }
  }

  :is(.number-stepper__decrement-button--lg, .number-stepper__increment-button--lg) svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  @media (min-width: 48rem) {
    :is(.number-stepper__decrement-button--lg, .number-stepper__increment-button--lg) svg {
      width: calc(var(--spacing, .25rem) * 4);
      height: calc(var(--spacing, .25rem) * 4);
    }
  }

  :is(.number-stepper__decrement-button--lg, .number-stepper__increment-button--lg):active, :is(.number-stepper__decrement-button--lg, .number-stepper__increment-button--lg)[data-pressed="true"] {
    transform: scale(.96);
  }

  .number-stepper__value--lg {
    min-width: calc(var(--spacing, .25rem) * 8);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  @media (min-width: 48rem) {
    .number-stepper__value--lg {
      min-width: calc(var(--spacing, .25rem) * 7);
    }
  }

  .number-stepper__value--lg {
    height: calc(var(--spacing, .25rem) * 10);
  }

  @media (min-width: 48rem) {
    .number-stepper__value--lg {
      height: calc(var(--spacing, .25rem) * 9);
    }
  }

  .pie-chart {
    width: 100%;
  }

  .pie-chart .recharts-pie-sector path {
    stroke: none;
  }

  .pie-chart .recharts-pie-label-text {
    font-size: 11px;
    fill: var(--muted) !important;
  }

  .pie-chart .recharts-pie-label-line {
    stroke: var(--muted);
    stroke-opacity: .3;
  }

  .pie-chart .recharts-label {
    fill: var(--foreground);
  }

  .pie-chart .recharts-tooltip-cursor {
    display: none;
  }

  .pie-chart .recharts-tooltip-wrapper {
    z-index: 10;
  }

  .number-value {
    font-variant-numeric: tabular-nums;
  }

  .item-card {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .item-card--default {
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .item-card--secondary {
    background-color: var(--surface-secondary);
  }

  .item-card--tertiary {
    background-color: var(--surface-tertiary);
  }

  :is(.item-card--secondary, .item-card--tertiary) > [data-slot="item-card-icon"] {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.item-card--secondary, .item-card--tertiary) > [data-slot="item-card-icon"] {
      background-color: color-mix(in oklab, var(--surface) 50%, transparent);
    }
  }

  .item-card--outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: #0000;
  }

  .item-card--transparent {
    --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);
    background-color: #0000;
  }

  .item-card__icon {
    width: calc(var(--spacing, .25rem) * 9);
    height: calc(var(--spacing, .25rem) * 9);
    border-radius: calc(var(--radius) * 1);
    background-color: var(--default);
    color: var(--foreground);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .item-card__icon svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .item-card__content {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .item-card__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    overflow: hidden;
  }

  .item-card__description {
    margin-top: calc(var(--spacing, .25rem) * .5);
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    overflow: hidden;
  }

  .item-card__action {
    flex-shrink: 0;
    margin-inline-start: auto;
    padding-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  .item-card-group {
    border-radius: calc(var(--radius) * 2);
  }

  .item-card-group > [data-slot="item-card"] {
    border-style: var(--tw-border-style);
    --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);
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
  }

  .item-card-group--default {
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .item-card-group--secondary {
    background-color: var(--surface-secondary);
  }

  .item-card-group--tertiary {
    background-color: var(--surface-tertiary);
  }

  :is(.item-card-group--secondary, .item-card-group--tertiary) [data-slot="separator"] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.item-card-group--secondary, .item-card-group--tertiary) [data-slot="separator"] {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  :is(.item-card-group--secondary, .item-card-group--tertiary) > [data-slot="item-card"] > [data-slot="item-card-icon"] {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.item-card-group--secondary, .item-card-group--tertiary) > [data-slot="item-card"] > [data-slot="item-card-icon"] {
      background-color: color-mix(in oklab, var(--surface) 50%, transparent);
    }
  }

  .item-card-group--outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --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);
    background-color: #0000;
  }

  .item-card-group--transparent {
    --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);
    background-color: #0000;
    border-radius: 0;
  }

  .item-card-group__header {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 2);
  }

  .item-card-group__title {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .item-card-group__description {
    margin-top: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .item-card-group--list {
    flex-direction: column;
    display: flex;
  }

  .item-card-group--grid {
    --item-card-group-columns: 2;
  }

  .item-card-group--grid .item-card-group__header {
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .item-card-group--grid {
    gap: calc(var(--spacing, .25rem) * 3);
    --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);
    grid-template-columns: repeat(var(--item-card-group-columns), minmax(0, 1fr));
    background-color: #0000;
    display: grid;
  }

  .item-card-group--grid > [data-slot="item-card-group-header"] {
    grid-column: 1 / -1;
  }

  .item-card-group--grid > [data-slot="item-card"] {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  [data-sheet-drawer] {
    touch-action: none;
    transition: transform .5s cubic-bezier(.32, .72, 0, 1);
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  [data-sheet-drawer][data-entering], [data-sheet-drawer][data-exiting], [data-sheet-drawer].sheet-dragging {
    will-change: transform;
  }

  [data-sheet-drawer][data-exiting] {
    animation-fill-mode: forwards;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="bottom"][data-entering] {
    animation-name: sheet-slideFromBottom;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="bottom"][data-exiting] {
    animation-name: sheet-slideToBottom;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="top"][data-entering] {
    animation-name: sheet-slideFromTop;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="top"][data-exiting] {
    animation-name: sheet-slideToTop;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="left"][data-entering] {
    animation-name: sheet-slideFromLeft;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="left"][data-exiting] {
    animation-name: sheet-slideToLeft;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="right"][data-entering] {
    animation-name: sheet-slideFromRight;
  }

  [data-sheet-drawer][data-sheet-snap-points="false"][data-sheet-drawer-direction="right"][data-exiting] {
    animation-name: sheet-slideToRight;
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="bottom"] {
    transform: translate3d(0, var(--initial-transform, 100%), 0);
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="top"] {
    transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="left"] {
    transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="right"] {
    transform: translate3d(var(--initial-transform, 100%), 0, 0);
  }

  [data-sheet-drawer][data-sheet-delayed-snap-points="true"][data-sheet-drawer-direction="top"], [data-sheet-drawer][data-sheet-delayed-snap-points="true"][data-sheet-drawer-direction="bottom"] {
    transform: translate3d(0, var(--snap-point-height, 0), 0);
  }

  [data-sheet-drawer][data-sheet-delayed-snap-points="true"][data-sheet-drawer-direction="left"], [data-sheet-drawer][data-sheet-delayed-snap-points="true"][data-sheet-drawer-direction="right"] {
    transform: translate3d(var(--snap-point-height, 0), 0, 0);
  }

  [data-sheet-overlay] {
    background: none !important;
  }

  [data-sheet-overlay]:before {
    content: "";
    pointer-events: none;
    position: fixed;
    inset: 0;
  }

  [data-sheet-overlay][data-sheet-snap-points="false"]:before {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  [data-sheet-overlay][data-sheet-snap-points="false"][data-entering]:before {
    animation-name: sheet-fadeIn;
  }

  [data-sheet-overlay][data-sheet-snap-points="false"][data-exiting]:before {
    animation-name: sheet-fadeOut;
    animation-fill-mode: forwards;
  }

  [data-sheet-animate="false"], [data-sheet-animate="false"]:before {
    transition: none !important;
    animation: none !important;
  }

  [data-sheet-overlay][data-sheet-snap-points="true"]:before {
    opacity: var(--sheet-backdrop-opacity, 0);
  }

  [data-sheet-overlay][data-sheet-snap-points="true"][data-sheet-dragging]:before {
    will-change: opacity;
  }

  [data-sheet-overlay][data-sheet-snap-points="true"]:not([data-sheet-dragging]):before {
    transition: opacity .5s cubic-bezier(.32, .72, 0, 1);
  }

  [data-sheet-overlay][data-sheet-snap-points="true"]:not([data-sheet-snap-points-overlay="true"]):not([data-sheet-dragging]):before {
    opacity: 0 !important;
  }

  [data-sheet-drawer]:not([data-sheet-custom-container="true"]):after {
    content: "";
    pointer-events: none;
    background-color: var(--overlay);
    position: absolute;
  }

  [data-sheet-drawer][data-sheet-drawer-direction="top"]:after {
    top: initial;
    height: 200%;
    bottom: 100%;
    left: 0;
    right: 0;
  }

  [data-sheet-drawer][data-sheet-drawer-direction="bottom"]:after {
    top: 100%;
    bottom: initial;
    height: 200%;
    left: 0;
    right: 0;
  }

  [data-sheet-drawer][data-sheet-drawer-direction="left"]:after {
    left: initial;
    width: 200%;
    top: 0;
    bottom: 0;
    right: 100%;
  }

  [data-sheet-drawer][data-sheet-drawer-direction="right"]:after {
    left: 100%;
    right: initial;
    width: 200%;
    top: 0;
    bottom: 0;
  }

  [data-sheet-handle] {
    opacity: .7;
    touch-action: pan-y;
    border-radius: 1rem;
    width: 32px;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  [data-sheet-handle]:hover, [data-sheet-handle]:active {
    opacity: 1;
  }

  [data-slot="sheet-handle-hitarea"] {
    touch-action: inherit;
    align-items: center;
    width: max(100%, 2.75rem);
    height: max(100%, 2.75rem);
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @media (hover: hover) and (pointer: fine) {
    [data-sheet-drawer] {
      -webkit-user-select: none;
      user-select: none;
    }
  }

  @media (pointer: fine) {
    [data-slot="sheet-handle-hitarea"] {
      width: 100%;
      height: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-sheet-drawer] {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
    }

    [data-sheet-overlay] {
      animation-duration: .01ms !important;
    }

    [data-sheet-overlay][data-sheet-snap-points="true"]:not([data-sheet-dragging]):before, .sheet__handle-bar {
      transition-duration: .01ms !important;
    }
  }

  @keyframes sheet-fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes sheet-fadeOut {
    to {
      opacity: 0;
    }
  }

  @keyframes sheet-slideFromBottom {
    0% {
      transform: translate3d(0, var(--initial-transform, 100%), 0);
    }

    to {
      transform: translate(0);
    }
  }

  @keyframes sheet-slideToBottom {
    to {
      transform: translate3d(0, var(--initial-transform, 100%), 0);
    }
  }

  @keyframes sheet-slideFromTop {
    0% {
      transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
    }

    to {
      transform: translate(0);
    }
  }

  @keyframes sheet-slideToTop {
    to {
      transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
    }
  }

  @keyframes sheet-slideFromLeft {
    0% {
      transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
    }

    to {
      transform: translate(0);
    }
  }

  @keyframes sheet-slideToLeft {
    to {
      transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
    }
  }

  @keyframes sheet-slideFromRight {
    0% {
      transform: translate3d(var(--initial-transform, 100%), 0, 0);
    }

    to {
      transform: translate(0);
    }
  }

  @keyframes sheet-slideToRight {
    to {
      transform: translate3d(var(--initial-transform, 100%), 0, 0);
    }
  }

  .sheet__backdrop {
    z-index: 50;
    position: fixed;
    inset: 0;
  }

  .sheet__backdrop--opaque:before {
    background-color: var(--backdrop);
  }

  .sheet__backdrop--blur:before {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sheet__backdrop--blur:before {
      background-color: color-mix(in oklab, var(--background) 1%, transparent);
    }
  }

  .sheet__backdrop--blur:before {
    --tw-backdrop-blur: blur(var(--blur-sm, 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, );
  }

  .sheet__backdrop--transparent:before {
    background: none;
  }

  .sheet__content {
    z-index: 50;
    outline: none;
    position: fixed;
  }

  .sheet__content--bottom {
    border-top-left-radius: calc(var(--radius) * 2);
    border-top-right-radius: calc(var(--radius) * 2);
    max-height: 96vh;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .sheet__content--top {
    border-bottom-right-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
    max-height: 96vh;
    top: 0;
    left: 0;
    right: 0;
  }

  .sheet__content--left {
    border-top-right-radius: calc(var(--radius) * 2);
    border-bottom-right-radius: calc(var(--radius) * 2);
    max-width: 96vw;
    height: 100dvh;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .sheet__content--right {
    border-top-left-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
    max-width: 96vw;
    height: 100dvh;
    top: 0;
    bottom: 0;
    right: 0;
  }

  [data-sheet-detached] {
    border-radius: calc(var(--radius) * 2);
    overflow: hidden;
  }

  [data-sheet-detached] .sheet__dialog {
    border-radius: calc(var(--radius) * 2);
  }

  [data-sheet-detached]:after {
    content: none;
  }

  [data-sheet-detached].sheet__content--bottom {
    bottom: .5rem;
    left: .5rem;
    right: .5rem;
  }

  [data-sheet-detached].sheet__content--top {
    top: .5rem;
    left: .5rem;
    right: .5rem;
  }

  [data-sheet-detached].sheet__content--left {
    top: .5rem;
    bottom: .5rem;
    left: .5rem;
  }

  [data-sheet-detached].sheet__content--right {
    top: .5rem;
    bottom: .5rem;
    right: .5rem;
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="bottom"], [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="top"] {
    flex-direction: column;
    height: 100vh;
    max-height: none;
    display: flex;
  }

  [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="left"], [data-sheet-drawer][data-sheet-snap-points="true"][data-sheet-drawer-direction="right"] {
    flex-direction: row;
    width: 100vw;
    max-width: none;
    display: flex;
  }

  .sheet__dialog {
    background-color: var(--overlay);
    color: var(--overlay-foreground);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: none;
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .sheet__dialog--bottom {
    border-top-left-radius: calc(var(--radius) * 2);
    border-top-right-radius: calc(var(--radius) * 2);
    max-height: 96vh;
  }

  .sheet__dialog--top {
    border-bottom-right-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
    max-height: 96vh;
  }

  [data-sheet-snap-points="true"] .sheet__dialog--bottom, [data-sheet-snap-points="true"] .sheet__dialog--top {
    max-height: none;
  }

  .sheet__dialog--left {
    border-top-right-radius: calc(var(--radius) * 2);
    border-bottom-right-radius: calc(var(--radius) * 2);
    height: 100%;
  }

  .sheet__dialog--right {
    border-top-left-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
    height: 100%;
  }

  .sheet__header {
    flex-direction: column;
    flex-shrink: 0;
    gap: .25rem;
    padding: 1rem 1.25rem .5rem;
    display: flex;
  }

  .sheet__heading {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .sheet__body {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    -webkit-overflow-scrolling: touch;
    flex: auto;
    padding: .5rem 1.25rem;
    overflow-y: auto;
  }

  .sheet__footer {
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1.25rem 1rem;
    display: flex;
  }

  .sheet__handle {
    cursor: grab;
    touch-action: pan-y;
    justify-content: center;
    align-items: center;
    padding: .75rem 0;
    display: flex;
    position: relative;
  }

  .sheet__handle:active {
    cursor: grabbing;
  }

  .sheet__handle-bar {
    background-color: var(--default);
    border-radius: 3.40282e38px;
    width: 2rem;
    height: .3rem;
    transition: background-color .15s;
    display: block;
  }

  .sheet__handle:hover .sheet__handle-bar, .sheet__handle:active .sheet__handle-bar {
    background-color: var(--default-hover);
  }

  .sheet__close-trigger {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    color: var(--muted);
    cursor: var(--cursor-interactive);
    outline-style: none;
    position: absolute;
    top: .75rem;
    right: .75rem;
  }

  .sheet__close-trigger:focus-visible, .sheet__close-trigger[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .sheet__close-trigger:disabled, .sheet__close-trigger[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .sheet__close-trigger:hover, .sheet__close-trigger[data-hovered="true"] {
      color: var(--foreground);
    }
  }

  .pressable-feedback {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: inherit;
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .pressable-feedback:focus-visible:not(:focus), .pressable-feedback[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .pressable-feedback:disabled, .pressable-feedback[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .pressable-feedback__highlight {
    --pressable-feedback-highlight-color: currentColor;
    --pressable-feedback-highlight-opacity: .08;
    --pressable-feedback-highlight-pressed-opacity: .12;
    --pressable-feedback-transition-duration: .15s;
    pointer-events: none;
    border-radius: inherit;
    background-color: var(--pressable-feedback-highlight-color);
    opacity: 0;
    transition: opacity var(--pressable-feedback-transition-duration) ease;
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    :hover > .pressable-feedback__highlight, [data-hovered="true"] > .pressable-feedback__highlight {
      opacity: var(--pressable-feedback-highlight-opacity);
    }
  }

  :active > .pressable-feedback__highlight, [data-pressed="true"] > .pressable-feedback__highlight {
    opacity: var(--pressable-feedback-highlight-pressed-opacity);
  }

  :disabled > .pressable-feedback__highlight, [aria-disabled="true"] > .pressable-feedback__highlight {
    display: none;
  }

  .pressable-feedback__ripple {
    pointer-events: none;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .pressable-feedback__ripple[aria-disabled="true"] {
    display: none;
  }

  @media (forced-colors: active) {
    .pressable-feedback__ripple {
      display: none;
    }
  }

  .pressable-feedback__ripple-surface {
    pointer-events: none;
    border-radius: inherit;
    inset: 0;
  }

  .pressable-feedback__ripple-surface:before, .pressable-feedback__ripple-surface:after {
    content: "";
    opacity: 0;
    position: absolute;
  }

  .pressable-feedback__ripple-surface:before {
    background-color: var(--pressable-feedback-ripple-color, currentColor);
    width: 100%;
    height: 100%;
    transition: opacity var(--pressable-feedback-ripple-duration, .15s), background-color var(--pressable-feedback-ripple-duration, .15s);
    inset: 0;
  }

  .pressable-feedback__ripple-surface:after {
    background: radial-gradient(closest-side, var(--pressable-feedback-ripple-color, currentColor) max(100% - 70px, 65%), transparent 100%);
    transform-origin: 50%;
    transition: opacity .375s;
    inset: 0;
  }

  .pressable-feedback__ripple-surface.--hover:before {
    background-color: var(--pressable-feedback-ripple-color, currentColor);
    opacity: var(--pressable-feedback-ripple-hover-opacity, .08);
  }

  .pressable-feedback__ripple-surface.--press:after {
    opacity: var(--pressable-feedback-ripple-pressed-opacity, .12);
    transition-duration: 75ms;
  }

  .pressable-feedback__hold-confirm {
    --pressable-feedback-hold-confirm-duration: 2s;
    --pressable-feedback-hold-confirm-release-duration: .2s;
    justify-content: center;
    align-items: center;
    gap: inherit;
    pointer-events: none;
    border-radius: inherit;
    transition: clip-path var(--pressable-feedback-hold-confirm-release-duration) ease-out;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .pressable-feedback__hold-confirm[data-sweep="right"] {
    clip-path: inset(0 100% 0 0);
  }

  .pressable-feedback__hold-confirm[data-sweep="left"] {
    clip-path: inset(0 0 0 100%);
  }

  .pressable-feedback__hold-confirm[data-sweep="down"] {
    clip-path: inset(0 0 100%);
  }

  .pressable-feedback__hold-confirm[data-sweep="up"] {
    clip-path: inset(100% 0 0);
  }

  .pressable-feedback__hold-confirm[data-holding="true"] {
    clip-path: inset(0);
    transition: clip-path var(--pressable-feedback-hold-confirm-duration) linear;
  }

  .pressable-feedback__hold-confirm[data-complete="true"] {
    clip-path: inset(0);
    transition: none;
  }

  :disabled > .pressable-feedback__hold-confirm, [aria-disabled="true"] > .pressable-feedback__hold-confirm {
    display: none;
  }

  .pressable-feedback__progress-feedback {
    --pressable-feedback-progress-feedback-duration: 2s;
    --pressable-feedback-progress-feedback-release-duration: .3s;
    justify-content: center;
    align-items: center;
    gap: inherit;
    pointer-events: none;
    border-radius: inherit;
    transition: clip-path var(--pressable-feedback-progress-feedback-release-duration) ease-out;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .pressable-feedback__progress-feedback[data-sweep="right"] {
    clip-path: inset(0 100% 0 0);
  }

  .pressable-feedback__progress-feedback[data-sweep="left"] {
    clip-path: inset(0 0 0 100%);
  }

  .pressable-feedback__progress-feedback[data-sweep="down"] {
    clip-path: inset(0 0 100%);
  }

  .pressable-feedback__progress-feedback[data-sweep="up"] {
    clip-path: inset(100% 0 0);
  }

  .pressable-feedback__progress-feedback[data-progressing="true"] {
    clip-path: inset(0);
    transition: clip-path var(--pressable-feedback-progress-feedback-duration) linear;
  }

  .pressable-feedback__progress-feedback[data-complete="true"] {
    clip-path: inset(0);
    transition: none;
  }

  :disabled > .pressable-feedback__progress-feedback, [aria-disabled="true"] > .pressable-feedback__progress-feedback {
    display: none;
  }

  .prompt-input {
    width: 100%;
    position: relative;
  }

  .prompt-input__shell {
    border-radius: calc(var(--radius) * 2);
    border-style: solid;
    border-color: var(--field-border, var(--border));
    border-width: var(--border-width-field, var(--field-border-width, 1px));
    width: 100%;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

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

  @media (hover: hover) {
    .prompt-input__shell--primary:hover {
      border-color: var(--field-border-hover);
    }
  }

  .prompt-input:focus-within .prompt-input__shell--primary {
    background-color: var(--field-focus, var(--field-background, var(--default)));
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .prompt-input__shell--secondary {
    --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);
    background-color: var(--default);
    border-color: var(--field-border, var(--border));
  }

  @media (hover: hover) {
    .prompt-input__shell--secondary:hover {
      background-color: var(--default-hover);
    }
  }

  .prompt-input:focus-within .prompt-input__shell--secondary {
    background-color: var(--default);
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .prompt-input__shell[data-dragging="true"] {
    background-color: var(--accent-soft);
    border-style: dotted;
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
  }

  .prompt-input__content {
    min-height: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .prompt-input__attachments {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 3);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  :is(.prompt-input__textarea, .prompt-input__token-input) {
    margin-bottom: calc(var(--spacing, .25rem) * 14);
    min-height: calc(var(--spacing, .25rem) * 14);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 3);
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
  }

  .prompt-input__attachments + :is(.prompt-input__textarea, .prompt-input__token-input) {
    padding-top: calc(var(--spacing, .25rem) * 1);
  }

  .prompt-input--sm :is(.prompt-input__textarea, .prompt-input__token-input) {
    margin-bottom: calc(var(--spacing, .25rem) * 10);
    min-height: calc(var(--spacing, .25rem) * 12);
  }

  .prompt-input--lg :is(.prompt-input__textarea, .prompt-input__token-input) {
    margin-bottom: calc(var(--spacing, .25rem) * 14);
    min-height: calc(var(--spacing, .25rem) * 18);
  }

  .prompt-input__textarea {
    resize: none;
    transition: height .1s var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .prompt-input__textarea {
      transition: none;
    }
  }

  .prompt-input__token-input {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-outline-style: none;
    outline-style: none;
    position: relative;
    overflow-y: auto;
  }

  @media (min-width: 40rem) {
    .prompt-input__token-input {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  .prompt-input__token-input {
    color: var(--field-foreground, var(--foreground));
    overflow-wrap: anywhere;
    max-height: var(--prompt-input-max-height);
  }

  .prompt-input__token-input[data-empty]:before {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    content: attr(data-placeholder);
    position: absolute;
  }

  .prompt-input__token {
    border-radius: calc(var(--radius) * .75);
    background-color: var(--accent-soft);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    vertical-align: baseline;
    color: var(--accent);
    white-space: nowrap;
    align-items: center;
    display: inline-flex;
  }

  .prompt-input__token[data-selected] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .prompt-input__token[data-disabled] {
    opacity: .6;
  }

  .prompt-input__token-suggestions {
    max-width: min(22rem, 80svw);
    min-width: calc(var(--spacing, .25rem) * 56);
    scroll-padding-block: calc(var(--spacing, .25rem) * 1);
    overscroll-behavior: contain;
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
    --tw-outline-style: none;
    box-shadow: var(--shadow-overlay);
    outline-style: none;
    overflow-y: auto;
  }

  .prompt-input__token-suggestions:has(:is([role="menu"], [role="listbox"]):empty) {
    visibility: hidden;
  }

  .prompt-input__shell .prompt-input__textarea.textarea, .prompt-input__shell .prompt-input__textarea.textarea:hover:not(:focus):not(:focus-visible), .prompt-input__shell .prompt-input__textarea.textarea[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
    box-shadow: none;
    --tw-shadow: 0 0 #0000;
    --tw-inset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    background-color: #0000;
    border-color: #0000;
  }

  .prompt-input__shell .prompt-input__textarea.textarea:focus, .prompt-input__shell .prompt-input__textarea.textarea:focus-visible, .prompt-input__shell .prompt-input__textarea.textarea[data-focused="true"], .prompt-input__shell .prompt-input__textarea.textarea[data-focus-visible="true"] {
    box-shadow: none;
    --tw-shadow: 0 0 #0000;
    --tw-inset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    background-color: #0000;
    border-color: #0000;
    outline: none;
  }

  .prompt-input__toolbar {
    inset-inline: calc(var(--spacing, .25rem) * 3);
    bottom: calc(var(--spacing, .25rem) * 3);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
    position: absolute;
  }

  .prompt-input__toolbar-start, .prompt-input__toolbar-end {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .prompt-input__toolbar-end {
    margin-inline-start: auto;
  }

  .prompt-input__footer {
    margin-top: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

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

  .prompt-input[data-disabled="true"] {
    opacity: .6;
  }

  .prompt-input[data-pending="true"] .prompt-input__shell {
    opacity: .95;
  }

  .prompt-input[data-status="error"] .prompt-input__send {
    background-color: var(--danger);
    color: var(--danger-foreground);
  }

  .prompt-input[data-disabled="true"] .prompt-input__shell {
    cursor: not-allowed;
  }

  .prompt-input:not([data-disabled="true"]) .prompt-input__shell {
    cursor: text;
  }

  .prompt-input:not([data-disabled="true"]) .prompt-input__toolbar {
    cursor: default;
  }

  .prompt-input[data-layout="compact"] .prompt-input__shell--compact, .prompt-input[data-layout="inline"] .prompt-input__shell--inline {
    background-color: var(--field-background, var(--default));
    border-color: var(--field-border, var(--border));
    border-radius: var(--radius-2xl, 1rem);
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), border-radius .2s var(--ease-out), box-shadow .15s var(--ease-out), min-height .2s var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .prompt-input[data-layout="compact"] .prompt-input__shell--compact, .prompt-input[data-layout="inline"] .prompt-input__shell--inline {
      transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    }
  }

  @media (hover: hover) {
    .prompt-input[data-layout="compact"] .prompt-input__shell--compact:hover, .prompt-input[data-layout="inline"] .prompt-input__shell--inline:hover {
      border-color: var(--field-border-hover);
    }
  }

  .prompt-input[data-layout="compact"]:focus-within .prompt-input__shell--compact, .prompt-input[data-layout="inline"]:focus-within .prompt-input__shell--inline {
    background-color: var(--field-focus, var(--field-background, var(--default)));
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .prompt-input[data-layout="compact"] .prompt-input__send, .prompt-input[data-layout="compact"] [data-slot="prompt-input-action"], .prompt-input[data-layout="inline"] .prompt-input__send, .prompt-input[data-layout="inline"] [data-slot="prompt-input-action"] {
    width: calc(var(--spacing, .25rem) * 8);
    height: calc(var(--spacing, .25rem) * 8);
    max-height: calc(var(--spacing, .25rem) * 8);
    min-height: calc(var(--spacing, .25rem) * 8);
    max-width: calc(var(--spacing, .25rem) * 8);
    min-width: calc(var(--spacing, .25rem) * 8);
    flex-shrink: 0;
  }

  .prompt-input[data-layout="inline"] .prompt-input__shell--inline {
    min-height: calc(var(--spacing, .25rem) * 12);
    border-radius: calc(var(--radius) * 3);
    padding-block: calc(var(--spacing, .25rem) * 0);
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(calc(var(--spacing) * 12), auto);
    grid-template-areas: "attachments attachments attachments"
                         "toolbar-start textarea toolbar-end";
    display: grid;
    overflow: hidden;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) {
    min-height: calc(var(--spacing, .25rem) * 12);
    border-radius: calc(var(--radius) * 3);
    padding-block: calc(var(--spacing, .25rem) * 0);
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(calc(var(--spacing) * 12), auto);
    grid-template-areas: "attachments attachments attachments"
                         "toolbar-start textarea toolbar-end";
    display: grid;
    overflow: hidden;
  }

  .prompt-input[data-layout="inline"][data-expanded] .prompt-input__shell--inline {
    border-radius: var(--radius-2xl, 1rem);
  }

  .prompt-input[data-layout="inline"] .prompt-input__shell--inline:has(.prompt-input__attachments > *) {
    border-radius: var(--radius-2xl, 1rem);
  }

  .prompt-input[data-layout="inline"] .prompt-input__content, .prompt-input[data-layout="inline"] .prompt-input__toolbar {
    display: contents;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) .prompt-input__content {
    display: contents;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) .prompt-input__toolbar {
    display: contents;
  }

  .prompt-input[data-layout="inline"] :is(.prompt-input__textarea, .prompt-input__token-input) {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
    min-height: calc(var(--spacing, .25rem) * 12);
    resize: none;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 3.5);
    transition: height .1s var(--ease-out), min-height .2s var(--ease-out);
    grid-area: textarea;
    align-self: flex-start;
    overflow-y: auto;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) :is(.prompt-input__textarea, .prompt-input__token-input) {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
    min-height: calc(var(--spacing, .25rem) * 12);
    resize: none;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 3.5);
    transition: height .1s var(--ease-out), min-height .2s var(--ease-out);
    grid-area: textarea;
    align-self: flex-start;
    overflow-y: auto;
  }

  .prompt-input[data-layout="inline"] .prompt-input__textarea {
    max-height: none;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) .prompt-input__textarea {
    max-height: none;
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) :is(.prompt-input__textarea, .prompt-input__token-input) {
    max-height: calc(var(--spacing, .25rem) * 12);
    align-self: center;
    overflow-y: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    .prompt-input[data-layout="inline"] :is(.prompt-input__textarea, .prompt-input__token-input) {
      transition: none;
    }

    .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) :is(.prompt-input__textarea, .prompt-input__token-input) {
      transition: none;
    }
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) .prompt-input__toolbar-start {
    height: calc(var(--spacing, .25rem) * 8);
    grid-area: toolbar-start;
    align-self: center;
    padding-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  .prompt-input[data-layout="compact"]:not([data-expanded]) .prompt-input__shell--compact:not(:has(.prompt-input__attachments > *)) .prompt-input__toolbar-end {
    height: calc(var(--spacing, .25rem) * 8);
    grid-area: toolbar-end;
    align-self: center;
    padding-inline-end: calc(var(--spacing, .25rem) * 2);
  }

  .prompt-input[data-layout="inline"] .prompt-input__attachments {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 3);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    grid-area: attachments;
    display: flex;
  }

  .prompt-input[data-layout="inline"] .prompt-input__attachments + :is(.prompt-input__textarea, .prompt-input__token-input) {
    padding-top: calc(var(--spacing, .25rem) * 1);
  }

  .prompt-input[data-layout="inline"] .prompt-input__toolbar-start {
    margin-top: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 8);
    grid-area: toolbar-start;
    align-self: flex-start;
    padding-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  .prompt-input[data-layout="inline"] .prompt-input__toolbar-end {
    margin-top: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 8);
    grid-area: toolbar-end;
    align-self: flex-start;
    padding-inline-end: calc(var(--spacing, .25rem) * 2);
  }

  .prompt-input[data-layout="compact"][data-expanded] .prompt-input__shell--compact {
    border-radius: var(--radius-2xl, 1rem);
    min-height: calc(var(--spacing, .25rem) * 28);
    flex-direction: column;
    display: flex;
  }

  .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) {
    border-radius: var(--radius-2xl, 1rem);
    min-height: calc(var(--spacing, .25rem) * 28);
    flex-direction: column;
    display: flex;
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__content, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__content) {
    min-height: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__toolbar, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__toolbar) {
    inset-inline: calc(var(--spacing, .25rem) * 3);
    bottom: calc(var(--spacing, .25rem) * 3);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
    position: absolute;
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__attachments, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__attachments) {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 3);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] :is(.prompt-input__textarea, .prompt-input__token-input), .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) :is(.prompt-input__textarea, .prompt-input__token-input)) {
    margin-bottom: calc(var(--spacing, .25rem) * 12);
    min-height: calc(var(--spacing, .25rem) * 18);
    resize: none;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 3);
    transition: height .1s var(--ease-out), min-height .2s var(--ease-out);
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__textarea, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__textarea) {
    max-height: none;
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.prompt-input[data-layout="compact"][data-expanded] :is(.prompt-input__textarea, .prompt-input__token-input), .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) :is(.prompt-input__textarea, .prompt-input__token-input)) {
      transition: none;
    }
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__attachments + :is(.prompt-input__textarea, .prompt-input__token-input), .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__attachments + :is(.prompt-input__textarea, .prompt-input__token-input)) {
    padding-top: calc(var(--spacing, .25rem) * 1);
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__toolbar-start, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__toolbar-start) {
    flex-shrink: 0;
    padding-inline-start: calc(var(--spacing, .25rem) * 0);
  }

  :is(.prompt-input[data-layout="compact"][data-expanded] .prompt-input__toolbar-end, .prompt-input[data-layout="compact"] .prompt-input__shell--compact:has(.prompt-input__attachments > *) .prompt-input__toolbar-end) {
    flex-shrink: 0;
    padding-inline-end: calc(var(--spacing, .25rem) * 0);
  }

  .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline {
    --field-border: var(--border);
    --field-border-hover: var(--border);
    --field-border-focus: var(--border);
    box-shadow: none;
    border-style: solid;
    border-width: var(--border-width, 1px);
    border-color: var(--border);
    --button-bg-hover: var(--default);
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline {
      --button-bg-hover: color-mix(in srgb, var(--default) 60%, transparent);
    }
  }

  @media (hover: hover) {
    .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline:hover, .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline[data-hovered="true"] {
      border-color: var(--border);
      background-color: var(--button-bg-hover);
    }
  }

  .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline:focus-visible, .prompt-input [data-slot="select-trigger"].prompt-input__select-trigger--outline[data-focus-visible="true"] {
    border-color: var(--border);
    background-color: #0000;
  }

  .prompt-input:has( > .prompt-input__queue) {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    width: 100%;
    display: flex;
    overflow-x: hidden;
  }

  .prompt-input:has( > .prompt-input__queue) > .prompt-input__shell {
    flex-shrink: 0;
    width: 100%;
  }

  .prompt-input__queue {
    border-radius: calc(var(--radius) * 2);
    border-style: solid;
    border-color: var(--field-border, var(--border));
    border-width: var(--border-width-field, var(--field-border-width, 1px));
    width: 100%;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }

  .prompt-input[data-variant="primary"] .prompt-input__queue, .prompt-input:not([data-variant]) .prompt-input__queue {
    background-color: var(--field-background, var(--default));
  }

  .prompt-input[data-variant="secondary"] .prompt-input__queue {
    background-color: var(--default);
  }

  @media (hover: hover) {
    .prompt-input[data-variant="primary"] .prompt-input__queue:hover, .prompt-input:not([data-variant]) .prompt-input__queue:hover {
      border-color: var(--field-border-hover, var(--field-border, var(--border)));
    }
  }

  .prompt-input:focus-within[data-variant="primary"] .prompt-input__queue, .prompt-input:focus-within:not([data-variant]) .prompt-input__queue, .prompt-input[data-layout="compact"]:focus-within .prompt-input__queue, .prompt-input[data-layout="inline"]:focus-within .prompt-input__queue {
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .prompt-input__queue-list {
    max-height: calc(var(--spacing, .25rem) * 40);
    width: 100%;
    overflow-x: hidden;
  }

  .prompt-input__queue-list-items {
    margin: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 0);
    list-style-type: none;
  }

  .prompt-input__queue-item {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .prompt-input__queue-item + .prompt-input__queue-item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prompt-input__queue-item + .prompt-input__queue-item {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .prompt-input__queue-item-body {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex: 1;
    display: flex;
  }

  .prompt-input__queue-item-body:has(.prompt-input__queue-item-attachments) {
    align-items: stretch;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
  }

  .prompt-input__queue-item-body:has(.prompt-input__queue-item-attachments) .prompt-input__queue-item-icon {
    align-self: flex-start;
  }

  .prompt-input__queue-item > .prompt-input__queue-item-attachments {
    flex-basis: 100%;
    padding-inline-start: calc(var(--spacing, .25rem) * 9);
  }

  .prompt-input__queue-item:has( > .prompt-input__queue-item-attachments) {
    flex-wrap: wrap;
  }

  .prompt-input__queue-item:has( > .prompt-input__queue-item-attachments) .prompt-input__queue-item-actions {
    align-self: center;
  }

  .prompt-input__queue-item-handle {
    width: calc(var(--spacing, .25rem) * 7);
    height: calc(var(--spacing, .25rem) * 7);
    min-height: calc(var(--spacing, .25rem) * 7);
    min-width: calc(var(--spacing, .25rem) * 7);
    color: var(--muted);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
  }

  .prompt-input__queue-item-handle[data-reorder-enabled] {
    cursor: grab;
  }

  .prompt-input__queue-item-handle[data-reorder-enabled]:active {
    cursor: grabbing;
  }

  .prompt-input__queue-item-icon {
    color: var(--muted);
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .prompt-input__queue-item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    overflow-wrap: anywhere;
    color: var(--muted);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex: 1;
    align-self: center;
    display: -webkit-box;
    overflow: hidden;
  }

  .prompt-input__queue-item-body .prompt-input__queue-item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 1;
  }

  .prompt-input__queue-item-description {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    color: var(--muted);
  }

  .prompt-input__queue-item-actions {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
    align-self: center;
    display: flex;
  }

  .prompt-input__queue[data-actions-visibility="hover"] .prompt-input__queue-item-actions {
    opacity: 0;
  }

  .prompt-input__queue[data-actions-visibility="hover"] .prompt-input__queue-item:hover .prompt-input__queue-item-actions, .prompt-input__queue[data-actions-visibility="hover"] .prompt-input__queue-item:focus-within .prompt-input__queue-item-actions, .prompt-input__queue[data-actions-visibility="always"] .prompt-input__queue-item-actions {
    opacity: 1;
  }

  .prompt-input__queue[data-actions-visibility="hover"] .prompt-input__queue-item:has([aria-expanded="true"]) .prompt-input__queue-item-actions {
    opacity: 1;
  }

  .prompt-input__queue[data-actions-visibility="hover"] .prompt-input__queue-item:has([data-open="true"]) .prompt-input__queue-item-actions {
    opacity: 1;
  }

  .prompt-input__queue-item-attachments {
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .prompt-input__queue-item-attachments-overflow {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .prompt-suggestion {
    gap: calc(var(--spacing, .25rem) * 8);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .prompt-suggestion__header {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .prompt-suggestion__title {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-tight, -.025em);
    letter-spacing: var(--tracking-tight, -.025em);
    color: var(--foreground);
  }

  .prompt-suggestion__description {
    max-width: 640px;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
  }

  .prompt-suggestion__group {
    gap: calc(var(--spacing, .25rem) * 3);
    flex-direction: column;
    display: flex;
  }

  .prompt-suggestion__group-label {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .prompt-suggestion__group-description {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
  }

  .prompt-suggestion__items--pill {
    gap: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-rows: auto;
    width: 100%;
    display: grid;
  }

  @media (min-width: 40rem) {
    .prompt-suggestion__items--pill {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .prompt-suggestion__items--card {
    gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-rows: auto;
    display: grid;
  }

  @media (min-width: 40rem) {
    .prompt-suggestion__items--card {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .prompt-suggestion__items--card {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .prompt-suggestion__items--card > * {
    height: 100%;
  }

  .prompt-suggestion__item--pill {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 0);
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    text-align: start;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: var(--leading-snug, 1.375);
    line-height: var(--leading-snug, 1.375);
    white-space: normal;
    color: var(--foreground);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    background-color: #0000;
    display: flex;
  }

  @media (hover: hover) {
    .prompt-suggestion__item--pill:hover {
      background-color: var(--default);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .prompt-suggestion__item--pill:hover {
        background-color: color-mix(in oklab, var(--default) 40%, transparent);
      }
    }
  }

  .prompt-suggestion__item--pill {
    cursor: var(--cursor-interactive);
  }

  .prompt-suggestion__item--pill:focus-visible, .prompt-suggestion__item--pill[data-focus-visible="true"] {
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--color-focus);
    outline-style: none;
  }

  .prompt-suggestion__item-label {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-wrap: pretty;
    align-items: center;
    display: flex;
  }

  .prompt-suggestion__item-end-icon {
    margin-top: calc(var(--spacing, .25rem) * .5);
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
  }

  .prompt-suggestion__item--pill:hover .prompt-suggestion__item-end-icon, .prompt-suggestion__item--pill[data-hovered="true"] .prompt-suggestion__item-end-icon {
    opacity: 1;
  }

  .prompt-suggestion__item-end-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .prompt-suggestion__item--card {
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 2);
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .prompt-suggestion__item-description {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .prompt-suggestion__item-footer {
    padding-top: calc(var(--spacing, .25rem) * 0);
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    display: flex;
  }

  .prompt-suggestion__item-tags {
    gap: calc(var(--spacing, .25rem) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .prompt-suggestion__item-meta {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .radar-chart {
    width: 100%;
  }

  .radar-chart .recharts-polar-angle-axis-tick-value {
    font-size: 11px;
    fill: var(--muted) !important;
  }

  .radar-chart .recharts-polar-radius-axis-tick-value {
    font-size: 10px;
    fill: var(--muted) !important;
  }

  .radar-chart .recharts-polar-grid-concentric-polygon, .radar-chart .recharts-polar-grid-concentric-circle, .radar-chart .recharts-polar-grid-angle line {
    stroke: var(--muted);
    stroke-opacity: .2;
  }

  .radar-chart .recharts-tooltip-cursor {
    display: none;
  }

  .radial-chart {
    width: 100%;
  }

  .radial-chart .recharts-tooltip-cursor {
    display: none;
  }

  .radial-chart .recharts-tooltip-wrapper {
    z-index: 10;
  }

  .radial-chart .recharts-radial-bar-background-sector {
    fill: var(--separator);
  }

  .radio-button-group {
    gap: calc(var(--spacing, .25rem) * 3);
    --radio-button-group-item-radius: var(--radius-2xl);
    display: flex;
  }

  .radio-button-group--grid {
    display: grid;
  }

  .radio-button-group > [data-slot="radio-button-group-item"] {
    display: contents;
  }

  .radio-button-group__item {
    align-items: stretch;
    gap: calc(var(--spacing, .25rem) * 4);
    padding-inline: calc(var(--spacing, .25rem) * 5);
    padding-block: calc(var(--spacing, .25rem) * 4);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--surface);
    border-radius: var(--radio-button-group-item-radius);
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .radio-button-group__item[data-selected="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--accent);
    border-color: #0000;
  }

  .radio-button-group__item:focus-visible:not(:focus), .radio-button-group__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .radio-button-group__item[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .radio-button-group__indicator {
    inset-inline-end: calc(var(--spacing, .25rem) * 4);
    top: calc(var(--spacing, .25rem) * 3);
    position: absolute;
  }

  .radio-button-group__indicator[data-custom="true"] {
    color: var(--accent);
    opacity: 0;
    transition: opacity .15s ease-out;
  }

  .radio-button-group__indicator[data-custom="true"] svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  [data-selected="true"] > .radio-button-group__indicator[data-custom="true"] {
    opacity: 1;
  }

  .radio-button-group__item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    display: flex;
  }

  .radio-button-group__item-icon {
    flex-shrink: 0;
  }

  .radio-button-group__item-icon svg {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

  .rating {
    --tw-outline-style: none;
    --rating-active-color: var(--color-warning);
    --rating-inactive-color: var(--color-surface-tertiary);
    outline-style: none;
    align-items: center;
    display: flex;
  }

  .rating[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rating[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .rating[data-readonly="true"] {
    pointer-events: none;
  }

  .rating[data-readonly="true"] input {
    display: none;
  }

  .rating[data-readonly="true"]:focus-visible, .rating[data-readonly="true"][data-focus-visible="true"] {
    --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);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rating__item {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    justify-content: center;
    align-items: center;
    transition: transform .15s;
    display: flex;
    position: relative;
  }

  .rating__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .rating__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .rating__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .rating__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .rating__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .rating__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .rating__item:focus-visible:not(:focus), .rating__item[data-focus-visible="true"] {
    border-radius: calc(var(--radius) * .5);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rating__item:disabled, .rating__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .rating__item:active:not([data-readonly="true"]), .rating__item[data-pressed="true"]:not([data-readonly="true"]) {
    transform: scale(.8);
  }

  .rating__item[data-readonly="true"] {
    pointer-events: none;
    cursor: default;
  }

  .rating__item[data-readonly="true"]:focus-visible:not(:focus), .rating__item[data-readonly="true"][data-focus-visible="true"] {
    --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);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rating__icon {
    color: var(--rating-inactive-color);
    justify-content: center;
    align-items: center;
    transition: color .1s ease-out;
    display: flex;
    position: relative;
  }

  .rating__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .rating__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .rating__icon:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .rating__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .rating__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .rating__icon:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .rating__icon svg {
    width: 100%;
    height: 100%;
  }

  .rating__item[data-active="true"] .rating__icon {
    color: var(--rating-active-color);
  }

  .rating__icon-partial {
    inset-block: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    color: var(--rating-active-color);
    width: var(--rating-partial);
    align-items: center;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .rating__icon-partial svg {
    flex-shrink: 0;
  }

  .rating--sm {
    gap: 4px;
  }

  .rating__item--sm .rating__icon, .rating__item--sm .rating__icon-partial svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .rating--md {
    gap: 5px;
  }

  .rating__item--md .rating__icon, .rating__item--md .rating__icon-partial svg {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .rating--lg {
    gap: 8px;
  }

  .rating__item--lg .rating__icon, .rating__item--lg .rating__icon-partial svg {
    width: calc(var(--spacing, .25rem) * 7);
    height: calc(var(--spacing, .25rem) * 7);
  }

  .resizable {
    --resizable-handle-size: 1px;
    --resizable-handle-hit-area: 8px;
    --resizable-handle-color: var(--color-separator);
    --resizable-handle-color-hover: var(--color-separator-secondary);
    --resizable-handle-color-active: var(--color-accent-soft);
    --resizable-indicator-pill-width: 6px;
    --resizable-indicator-pill-height: 32px;
    --resizable-indicator-drag-radius: var(--radius-sm, 6px);
    --resizable-indicator-drag-bg: var(--color-default);
    --resizable-indicator-drag-bg-hover: var(--color-default-hover);
    --resizable-indicator-drag-fg: var(--color-muted);
    --resizable-indicator-drag-fg-hover: var(--color-foreground);
    --resizable-indicator-drag-long: 20px;
    --resizable-indicator-drag-short: 13px;
    --resizable-indicator-drag-icon-size: 10px;
    --resizable-indicator-radius: var(--radius-full, 9999px);
    --resizable-transition-duration: .12s;
    height: 100%;
    min-height: calc(var(--spacing, .25rem) * 0);
    width: 100%;
    min-width: calc(var(--spacing, .25rem) * 0);
    display: flex;
  }

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

  .resizable--vertical {
    flex-direction: column;
  }

  .resizable__panel {
    min-height: calc(var(--spacing, .25rem) * 0);
    min-width: calc(var(--spacing, .25rem) * 0);
    position: relative;
    overflow: hidden;
  }

  .resizable__handle {
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--resizable-handle-color);
    cursor: var(--cursor-interactive, col-resize);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color var(--resizable-transition-duration) ease;
    outline-style: none;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .resizable__handle--horizontal {
    width: var(--resizable-handle-size);
    cursor: col-resize;
  }

  .resizable__handle--vertical {
    height: var(--resizable-handle-size);
    cursor: row-resize;
  }

  .resizable__handle:before {
    content: "";
    background: none;
    position: absolute;
  }

  .resizable__handle--horizontal:before {
    top: 0;
    bottom: 0;
    left: calc((var(--resizable-handle-size) - var(--resizable-handle-hit-area)) / 2);
    right: calc((var(--resizable-handle-size) - var(--resizable-handle-hit-area)) / 2);
  }

  .resizable__handle--vertical:before {
    left: 0;
    right: 0;
    top: calc((var(--resizable-handle-size) - var(--resizable-handle-hit-area)) / 2);
    bottom: calc((var(--resizable-handle-size) - var(--resizable-handle-hit-area)) / 2);
  }

  .resizable__handle--primary {
    --resizable-handle-color: var(--color-separator);
  }

  .resizable__handle--secondary {
    --resizable-handle-color: var(--color-separator-secondary);
  }

  .resizable__handle--tertiary {
    --resizable-handle-color: var(--color-separator-tertiary);
  }

  @media (hover: hover) {
    .resizable__handle:hover, .resizable__handle[data-hovered="true"] {
      background-color: var(--resizable-handle-color-hover);
    }
  }

  .resizable__handle[data-resize-handle-active], .resizable__handle[data-resize-handle-state="drag"], .resizable__handle:active, .resizable__handle[data-pressed="true"] {
    background-color: var(--resizable-handle-color-active);
  }

  .resizable__handle:focus-visible:not(:focus), .resizable__handle[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .resizable__handle:disabled, .resizable__handle[aria-disabled="true"], .resizable__handle[data-disabled] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    cursor: default;
  }

  .resizable__handle-indicator {
    pointer-events: none;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .resizable__handle--pill .resizable__handle-indicator--pill, .resizable__handle-indicator--pill {
    width: var(--resizable-indicator-pill-width);
    height: var(--resizable-indicator-pill-height);
    border-radius: var(--resizable-indicator-radius);
    background-color: var(--color-default);
    transition: background-color var(--resizable-transition-duration) ease, transform var(--resizable-transition-duration) ease;
  }

  .resizable__handle--vertical .resizable__handle-indicator--pill {
    width: var(--resizable-indicator-pill-height);
    height: var(--resizable-indicator-pill-width);
  }

  @media (hover: hover) {
    .resizable__handle--pill:hover .resizable__handle-indicator--pill, .resizable__handle--pill[data-hovered="true"] .resizable__handle-indicator--pill {
      background-color: var(--color-default-hover);
    }
  }

  .resizable__handle--pill[data-resize-handle-active] .resizable__handle-indicator--pill, .resizable__handle--pill:active .resizable__handle-indicator--pill {
    background-color: var(--color-default-hover);
  }

  .resizable__handle-indicator--drag {
    border-radius: var(--resizable-indicator-drag-radius);
    background-color: var(--resizable-indicator-drag-bg);
    color: var(--resizable-indicator-drag-fg);
    transition: background-color var(--resizable-transition-duration) ease, color var(--resizable-transition-duration) ease;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .resizable__handle-indicator-icon {
    width: var(--resizable-indicator-drag-icon-size);
    height: var(--resizable-indicator-drag-icon-size);
    display: block;
  }

  .resizable__handle--horizontal .resizable__handle-indicator--drag {
    width: var(--resizable-indicator-drag-short);
    height: var(--resizable-indicator-drag-long);
  }

  .resizable__handle--vertical .resizable__handle-indicator--drag {
    width: var(--resizable-indicator-drag-long);
    height: var(--resizable-indicator-drag-short);
  }

  @media (hover: hover) {
    .resizable__handle--drag:hover .resizable__handle-indicator--drag, .resizable__handle--drag[data-hovered="true"] .resizable__handle-indicator--drag {
      background-color: var(--resizable-indicator-drag-bg-hover);
      color: var(--resizable-indicator-drag-fg-hover);
    }
  }

  .resizable__handle--handle {
    background-color: #0000;
  }

  @media (hover: hover) {
    .resizable__handle--handle:hover, .resizable__handle--handle[data-hovered="true"] {
      background-color: #0000;
    }
  }

  .resizable__handle--handle[data-resize-handle-active], .resizable__handle--handle[data-resize-handle-state="drag"], .resizable__handle--handle:active, .resizable__handle--handle[data-pressed="true"] {
    background-color: #0000;
  }

  @media (prefers-reduced-motion: reduce) {
    .resizable__handle, .resizable__handle-indicator, .resizable__handle-indicator--pill, .resizable__handle-indicator--drag {
      transition: none;
    }
  }

  .rich-text-editor {
    width: 100%;
    position: relative;
  }

  .rich-text-editor__shell {
    min-height: calc(var(--spacing, .25rem) * 0);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    border-color: var(--field-border, var(--border));
    border-width: var(--border-width-field, 1px);
    width: 100%;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .rich-text-editor__shell--primary {
    background-color: var(--field-background, var(--default));
    border-color: var(--field-border, var(--border));
  }

  .rich-text-editor__shell--secondary {
    --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);
    background-color: var(--default);
    border-color: var(--field-border, var(--border));
  }

  @media (hover: hover) {
    .rich-text-editor:not([data-disabled="true"]) .rich-text-editor__shell:hover {
      border-color: var(--field-border-hover);
    }
  }

  .rich-text-editor:has(.rich-text-editor__prosemirror:focus) .rich-text-editor__shell--primary {
    background-color: var(--field-focus, var(--field-background, var(--default)));
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .rich-text-editor:has(.rich-text-editor__prosemirror:focus) .rich-text-editor__shell--secondary {
    background-color: var(--default);
    border-color: var(--field-border-focus, var(--field-border, var(--border)));
  }

  .rich-text-editor__toolbar.toolbar {
    min-height: calc(var(--spacing, .25rem) * 12);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .rich-text-editor__toolbar-group {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .rich-text-editor__toolbar-separator.separator {
    margin-inline: calc(var(--spacing, .25rem) * 1);
    height: calc(var(--spacing, .25rem) * 6);
    background-color: var(--separator);
    flex-shrink: 0;
    align-self: center;
    width: 1px;
  }

  .rich-text-editor__toolbar-button {
    flex-shrink: 0;
  }

  .rich-text-editor__toolbar-button[data-active="true"], .rich-text-editor__toolbar-button[data-selected="true"] {
    background-color: var(--accent-soft);
    color: var(--accent);
  }

  .rich-text-editor__content {
    min-height: calc(var(--spacing, .25rem) * 0);
    flex: 1;
    overflow-y: auto;
  }

  .rich-text-editor__loading {
    min-height: 180px;
  }

  .rich-text-editor__prosemirror {
    min-height: 180px;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: calc(var(--spacing, .25rem) * 6);
    line-height: calc(var(--spacing, .25rem) * 6);
    color: var(--foreground);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rich-text-editor__prosemirror > * + * {
    margin-top: calc(var(--spacing, .25rem) * 3);
  }

  .rich-text-editor__prosemirror h1, .rich-text-editor__prosemirror h2, .rich-text-editor__prosemirror h3 {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-normal, 0em);
    letter-spacing: var(--tracking-normal, 0em);
    color: var(--foreground);
  }

  .rich-text-editor__prosemirror h1 {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-leading: calc(var(--spacing, .25rem) * 8);
    line-height: calc(var(--spacing, .25rem) * 8);
  }

  .rich-text-editor__prosemirror h2 {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-leading: calc(var(--spacing, .25rem) * 7);
    line-height: calc(var(--spacing, .25rem) * 7);
  }

  .rich-text-editor__prosemirror h3 {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: calc(var(--spacing, .25rem) * 7);
    line-height: calc(var(--spacing, .25rem) * 7);
  }

  .rich-text-editor__prosemirror p {
    min-height: calc(var(--spacing, .25rem) * 6);
  }

  .rich-text-editor__prosemirror ul, .rich-text-editor__prosemirror ol {
    padding-inline-start: calc(var(--spacing, .25rem) * 6);
  }

  .rich-text-editor__prosemirror ul {
    list-style-type: disc;
  }

  .rich-text-editor__prosemirror ol {
    list-style-type: decimal;
  }

  .rich-text-editor__prosemirror li + li {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .rich-text-editor__prosemirror blockquote {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
    border-color: var(--border);
    color: var(--muted);
    padding-inline-start: calc(var(--spacing, .25rem) * 4);
  }

  .rich-text-editor__prosemirror code {
    border-radius: calc(var(--radius) * .75);
    background-color: var(--default-hover);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    color: var(--foreground);
    font-size: .9em;
  }

  .rich-text-editor__prosemirror pre {
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--default-hover);
    padding: calc(var(--spacing, .25rem) * 3);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--foreground);
    overflow-x: auto;
  }

  .rich-text-editor__prosemirror pre code {
    padding: calc(var(--spacing, .25rem) * 0);
    color: inherit;
    background-color: #0000;
  }

  .rich-text-editor__prosemirror a {
    color: var(--link);
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }

  .rich-text-editor__prosemirror p.is-editor-empty:first-child:before, .rich-text-editor__prosemirror .is-empty:before {
    pointer-events: none;
    float: left;
    height: calc(var(--spacing, .25rem) * 0);
    color: var(--muted);
    content: attr(data-placeholder);
  }

  .rich-text-editor__bubble-menu {
    border-radius: calc(var(--radius) * 3);
    background-color: var(--overlay);
    padding: calc(var(--spacing, .25rem) * 1);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .rich-text-editor__bubble-menu-toolbar.toolbar {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    width: fit-content;
    display: flex;
  }

  .rich-text-editor__floating-menu {
    border-radius: calc(var(--radius) * 3);
    background-color: var(--overlay);
    padding: calc(var(--spacing, .25rem) * 1);
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .rich-text-editor__floating-menu-toolbar.toolbar {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    width: fit-content;
    display: flex;
  }

  .rich-text-editor__suggestion-menu {
    width: calc(var(--spacing, .25rem) * 80);
    background-color: var(--overlay);
    padding: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .rich-text-editor__suggestion-menu-list {
    min-height: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 1);
    padding: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  .rich-text-editor__suggestion-menu-item {
    min-height: calc(var(--spacing, .25rem) * 12);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 2);
    text-align: start;
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .25s var(--ease-out-quart), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out);
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: flex;
    position: relative;
  }

  .rich-text-editor__suggestion-menu-item:focus-visible, .rich-text-editor__suggestion-menu-item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rich-text-editor__suggestion-menu-item:active {
    transform: scale(.98);
  }

  @media (hover: hover) {
    .rich-text-editor__suggestion-menu-item:hover {
      background-color: var(--default);
    }
  }

  .rich-text-editor__suggestion-menu-item[data-highlighted="true"] {
    background-color: var(--default);
  }

  .rich-text-editor__suggestion-menu-icon {
    width: calc(var(--spacing, .25rem) * 9);
    height: calc(var(--spacing, .25rem) * 9);
    background-color: var(--default);
    color: var(--muted);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .rich-text-editor__suggestion-menu-item[data-highlighted="true"] .rich-text-editor__suggestion-menu-icon {
    background-color: var(--overlay);
    color: var(--foreground);
    --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);
  }

  .rich-text-editor__suggestion-menu-item-content {
    min-width: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * .5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .rich-text-editor__suggestion-menu-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: calc(var(--spacing, .25rem) * 5);
    line-height: calc(var(--spacing, .25rem) * 5);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    overflow: hidden;
  }

  .rich-text-editor__suggestion-menu-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: calc(var(--spacing, .25rem) * 4);
    line-height: calc(var(--spacing, .25rem) * 4);
    color: var(--muted);
    display: block;
    overflow: hidden;
  }

  .rich-text-editor__suggestion-menu-empty {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted);
  }

  .rich-text-editor__prosemirror .rich-text-editor__suggestion-decoration {
    border-radius: calc(var(--radius) * .5);
    background-color: var(--accent-soft);
    color: var(--accent);
  }

  .rich-text-editor__footer {
    min-height: calc(var(--spacing, .25rem) * 10);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    display: flex;
  }

  .rich-text-editor__character-count {
    color: var(--muted);
    --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, );
  }

  .rich-text-editor__character-count[data-over-limit="true"] {
    color: var(--danger);
  }

  .rich-text-editor__link-popover {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    width: 320px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .rich-text-editor__link-popover-content {
    gap: calc(var(--spacing, .25rem) * 3);
    padding: calc(var(--spacing, .25rem) * 3);
    flex-direction: column;
    display: flex;
  }

  .rich-text-editor__link-popover-trigger {
    display: inline-flex;
  }

  .rich-text-editor__link-input {
    width: 100%;
  }

  .rich-text-editor__link-popover-actions {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .rich-text-editor[data-disabled="true"] {
    opacity: .6;
  }

  .rich-text-editor[data-disabled="true"] .rich-text-editor__shell {
    cursor: not-allowed;
  }

  .rich-text-editor:not([data-disabled="true"]) .rich-text-editor__shell {
    cursor: text;
  }

  .rich-text-editor:not([data-disabled="true"]) .rich-text-editor__toolbar, .rich-text-editor:not([data-disabled="true"]) .rich-text-editor__footer {
    cursor: default;
  }

  .rich-text-editor .ProseMirror-selectednode {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--accent);
    border-radius: .25rem;
  }

  .segment {
    background-color: var(--default);
    padding: calc(var(--spacing, .25rem) * 1);
    border-radius: calc(var(--radius-2xl) + .25rem);
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .segment__item {
    z-index: 1;
    cursor: var(--cursor-interactive);
    height: calc(var(--spacing, .25rem) * 8);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    text-align: center;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    color: var(--muted);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: color .15s var(--ease-smooth), background-color .15s var(--ease-smooth), box-shadow .15s var(--ease-out), opacity .15s var(--ease-smooth);
    outline-style: none;
    display: flex;
    position: relative;
  }

  .segment__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .segment__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .segment__item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .segment__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .segment__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .segment__item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .segment__item[data-selected="true"] {
    color: var(--segment-foreground);
  }

  .segment__item[data-selected="true"] .segment__separator, .segment__item[data-selected="true"] + .segment__item .segment__separator {
    opacity: 0;
  }

  .segment__item:disabled, .segment__item[data-disabled="true"], .segment__item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  @media (hover: hover) {
    .segment__item:not([data-selected="true"]):not([data-disabled="true"]):hover, .segment__item[data-hovered="true"]:not([data-selected="true"]):not([data-disabled="true"]) {
      opacity: .7;
    }
  }

  .segment__item:focus-visible:not(:focus), .segment__item[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .segment__item svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    flex-shrink: 0;
  }

  .segment__separator {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .segment__separator {
      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
    }
  }

  .segment__separator {
    pointer-events: none;
    width: 1px;
    height: 50%;
    transition: opacity .15s var(--ease-smooth);
    inset-inline-start: 0;
    border-radius: 4px;
    position: absolute;
    top: 25%;
  }

  .segment__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .segment__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .segment__separator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .segment__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .segment__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .segment__separator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .segment__item:first-child > .segment__separator {
    display: none;
  }

  .segment__indicator {
    z-index: -1;
    border-radius: var(--radius-3xl);
    background-color: var(--segment);
    width: 100%;
    height: 100%;
    box-shadow: var(--shadow-surface);
    transition-property: translate, width, height;
    transition-duration: .25s;
    transition-timing-function: var(--ease-out-fluid);
    position: absolute;
    top: 0;
    left: 0;
  }

  .segment__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .segment__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .segment__indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .segment__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .segment__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .segment__indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .segment--sm {
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .segment__item--sm {
    height: calc(var(--spacing, .25rem) * 7);
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .segment__item--md {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .segment__item--lg {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 5);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .segment--ghost {
    padding: calc(var(--spacing, .25rem) * 0);
    background-color: #0000;
  }

  .segment__item--ghost[data-selected="true"] {
    color: var(--accent-foreground);
  }

  .segment__indicator--ghost {
    background-color: var(--accent);
    box-shadow: none;
  }

  .stepper {
    --stepper-indicator-size: 28px;
    --stepper-separator-size: 2px;
    --stepper-vertical-gap: 16px;
    --stepper-active-color: var(--color-accent);
    --stepper-complete-color: var(--color-accent);
    --stepper-complete-fg: var(--color-accent-foreground);
    --stepper-inactive-border: var(--color-border);
    --stepper-inactive-fg: var(--color-muted);
    margin: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 0);
    list-style-type: none;
  }

  .stepper--horizontal {
    align-items: flex-start;
    display: flex;
  }

  .stepper--vertical {
    flex-direction: column;
    display: flex;
  }

  .stepper__step {
    position: relative;
  }

  .stepper__step--horizontal {
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .stepper__step--vertical {
    padding-bottom: var(--stepper-vertical-gap);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .stepper__step--vertical:last-child {
    padding-bottom: 0;
  }

  .stepper__step-button {
    border-style: var(--tw-border-style);
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .1s;
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: calc(var(--radius) * 1);
    padding: calc(var(--spacing, .25rem) * 0);
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    align-items: center;
    transition-duration: .1s;
    display: flex;
  }

  .stepper__step-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .stepper__step-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .stepper__step-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .stepper__step-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .stepper__step-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .stepper__step-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .stepper__step-button[data-clickable="true"] {
    cursor: var(--cursor-interactive);
  }

  @media (hover: hover) {
    :is(.stepper__step-button[data-clickable="true"]:hover, .stepper__step-button[data-clickable="true"][data-hovered="true"]) .stepper__indicator {
      opacity: .8;
    }
  }

  .stepper__step-button[data-clickable="true"]:active, .stepper__step-button[data-clickable="true"][data-pressed="true"] {
    opacity: .8;
  }

  .stepper__step-button[data-clickable="true"]: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);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .stepper__step-button--horizontal {
    z-index: 10;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    flex-direction: column;
    position: relative;
  }

  .stepper__step-button--vertical {
    z-index: 10;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 2.5);
    flex-direction: row;
    position: relative;
  }

  .stepper__indicator {
    width: var(--stepper-indicator-size);
    height: var(--stepper-indicator-size);
    border: 2px solid;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .stepper__indicator[data-status="inactive"] {
    border-color: var(--stepper-inactive-border);
    color: var(--stepper-inactive-fg);
    background-color: #0000;
  }

  .stepper__indicator[data-status="active"] {
    border-color: var(--stepper-active-color);
    color: var(--stepper-active-color);
    background-color: #0000;
  }

  .stepper__indicator[data-status="complete"] {
    background-color: var(--stepper-complete-color);
    border-color: var(--stepper-complete-color);
    color: var(--stepper-complete-fg);
    --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);
    animation: .3s ease-out stepper-indicator-complete;
  }

  .stepper__indicator[data-status="complete"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .stepper__indicator[data-status="complete"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .stepper__indicator[data-status="complete"]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .stepper__indicator[data-status="complete"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .stepper__indicator[data-status="complete"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .stepper__indicator[data-status="complete"]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  @keyframes stepper-indicator-complete {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }

    to {
      transform: scale(1);
    }
  }

  .stepper__indicator--sm {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
  }

  .stepper__indicator--md {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .stepper__indicator--lg {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .stepper__separator {
    display: flex;
  }

  .stepper__separator--horizontal {
    top: calc(var(--stepper-indicator-size) / 2 - var(--stepper-separator-size) / 2);
    position: absolute;
    inset-inline-start: calc(50% + var(--stepper-indicator-size) / 2);
    inset-inline-end: calc(-50% + var(--stepper-indicator-size) / 2);
  }

  .stepper__separator--vertical {
    top: var(--stepper-indicator-size);
    bottom: 0;
    position: absolute;
    inset-inline-start: calc(var(--stepper-indicator-size) / 2 - var(--stepper-separator-size) / 2);
  }

  .stepper__separator-track {
    background-color: var(--separator);
    position: relative;
    overflow: hidden;
  }

  .stepper__separator-track--horizontal {
    width: 100%;
    height: var(--stepper-separator-size);
  }

  .stepper__separator-track--vertical {
    height: 100%;
    width: var(--stepper-separator-size);
  }

  .stepper__separator-fill {
    inset: calc(var(--spacing, .25rem) * 0);
    background-color: var(--stepper-complete-color);
    position: absolute;
  }

  .stepper__separator-fill--horizontal {
    transform: scaleX(var(--stepper-separator-progress, 0));
    transform-origin: 0;
    transition: transform .3s;
  }

  .stepper__separator-fill--horizontal:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    transform-origin: 100%;
  }

  .stepper__separator-fill--vertical {
    transform: scaleY(var(--stepper-separator-progress, 0));
    transform-origin: top;
    transition: transform .3s;
  }

  .stepper__content {
    flex-direction: column;
    display: flex;
  }

  .stepper__content--horizontal {
    text-align: center;
    align-items: center;
  }

  .stepper__content--vertical {
    text-align: start;
    min-height: var(--stepper-indicator-size);
    align-items: flex-start;
  }

  .stepper__title {
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    transition: color .3s;
  }

  .stepper__step[data-status="inactive"] .stepper__title {
    color: var(--muted);
  }

  .stepper__title--sm {
    font-size: 11px;
  }

  .stepper__title--md {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .stepper__title--lg {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .stepper__description {
    --tw-leading: var(--leading-snug, 1.375);
    line-height: var(--leading-snug, 1.375);
    color: var(--muted);
    transition: color .3s;
  }

  .stepper__step[data-status="inactive"] .stepper__description {
    opacity: .6;
  }

  .stepper__description--sm {
    margin-top: calc(var(--spacing, .25rem) * .5);
    font-size: 10px;
  }

  .stepper__description--md, .stepper__description--lg {
    margin-top: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .stepper__icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .stepper__icon svg {
    width: 55%;
    height: 55%;
  }

  .stepper__icon [data-slot="stepper-default-checkmark"] {
    width: 44%;
    height: 44%;
  }

  [data-slot="stepper-default-checkmark"] {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  [data-slot="stepper-default-checkmark"] polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 0;
    animation: .2s ease-out 50ms both stepper-checkmark-draw;
  }

  [data-slot="stepper-default-checkmark"] polyline:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), [data-slot="stepper-default-checkmark"] polyline:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, [data-slot="stepper-default-checkmark"] polyline:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-slot="stepper-default-checkmark"] polyline:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), [data-slot="stepper-default-checkmark"] polyline:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, [data-slot="stepper-default-checkmark"] polyline:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  @keyframes stepper-checkmark-draw {
    0% {
      stroke-dashoffset: 22px;
    }

    to {
      stroke-dashoffset: 0;
    }
  }

  .stepper--sm {
    --stepper-indicator-size: 22px;
    --stepper-vertical-gap: 12px;
  }

  .stepper--md {
    --stepper-indicator-size: 28px;
    --stepper-vertical-gap: 16px;
  }

  .stepper--lg {
    --stepper-indicator-size: 36px;
    --stepper-vertical-gap: 24px;
  }

  @keyframes text-shimmer {
    0% {
      translate: -100%;
    }

    to {
      translate: 100%;
    }
  }

  .text-shimmer {
    --spread: 4ch;
    width: fit-content;
    display: inline-block;
    position: relative;
  }

  .text-shimmer__text {
    display: inherit;
    align-items: inherit;
    gap: inherit;
    color: oklch(from currentColor l c h / calc(alpha * .45));
  }

  .text-shimmer__highlight {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    display: inherit;
    align-items: inherit;
    gap: inherit;
    contain: strict;
    -webkit-text-fill-color: transparent;
    position: absolute;
    overflow: clip;
  }

  @supports ((-webkit-mask-clip: text)) {
    .text-shimmer__highlight {
      -webkit-mask-image: linear-gradient(#fff, #fff);
      mask-image: linear-gradient(#fff, #fff);
      -webkit-mask-clip: text;
    }
  }

  @supports ((-webkit-mask-image: -moz-element(#text)) or (mask-image: -moz-element(#text))) {
    .text-shimmer__highlight {
      -webkit-mask-image: var(--_firefox-mask);
      -webkit-mask-image: var(--_firefox-mask);
      mask-image: var(--_firefox-mask);
    }
  }

  .text-shimmer__highlight:after {
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    content: "";
    background: linear-gradient(90deg, transparent calc(50% - var(--spread)), currentColor 50%, transparent calc(50% + var(--spread)));
    will-change: transform;
    animation: 2.5s infinite text-shimmer;
    position: absolute;
  }

  @media (prefers-reduced-motion: reduce) {
    .text-shimmer__highlight {
      display: none;
    }

    .text-shimmer__text {
      color: currentColor;
    }
  }

  .timeline {
    --timeline-spacing: var(--spacing, .25rem);
    --timeline-marker-size: calc(var(--timeline-spacing) * 7);
    --timeline-connector-size: calc(var(--timeline-spacing) * .5);
    --timeline-rail-width: calc(var(--timeline-spacing) * 7);
    --timeline-gap: calc(var(--timeline-spacing) * 3.5);
    --timeline-item-gap: calc(var(--timeline-spacing) * 4);
    --timeline-marker-border-width: calc(var(--timeline-spacing) * .25);
    --timeline-marker-border-width-lg: calc(var(--timeline-spacing) * .5);
    --timeline-current-color: var(--color-accent);
    --timeline-marker-border: var(--color-border);
    --timeline-marker-fg: var(--color-muted);
    --timeline-connector-color: var(--color-separator);
    margin: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 0);
    list-style-type: none;
  }

  .timeline--axis-start, .timeline--axis-center {
    flex-direction: column;
    display: flex;
  }

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

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

  .timeline--sm {
    --timeline-marker-size: calc(var(--timeline-spacing) * 5.5);
    --timeline-rail-width: calc(var(--timeline-spacing) * 5.5);
    --timeline-gap: calc(var(--timeline-spacing) * 2.5);
  }

  .timeline--md {
    --timeline-marker-size: calc(var(--timeline-spacing) * 7);
    --timeline-rail-width: calc(var(--timeline-spacing) * 7);
    --timeline-gap: calc(var(--timeline-spacing) * 3.5);
  }

  .timeline--lg {
    --timeline-marker-size: calc(var(--timeline-spacing) * 9);
    --timeline-rail-width: calc(var(--timeline-spacing) * 9);
    --timeline-gap: calc(var(--timeline-spacing) * 4.5);
  }

  .timeline__item {
    padding-bottom: var(--timeline-item-gap);
    display: grid;
    position: relative;
  }

  .timeline__item[data-last="true"] {
    padding-bottom: 0;
  }

  .timeline--axis-start .timeline__item {
    grid-template-columns: var(--timeline-rail-width) minmax(0, 1fr) auto;
    column-gap: var(--timeline-gap);
  }

  .timeline--axis-center .timeline__item {
    grid-template-columns: minmax(0, 1fr) var(--timeline-rail-width) minmax(0, 1fr);
    column-gap: var(--timeline-gap);
  }

  .timeline__rail {
    min-height: var(--timeline-marker-size);
    grid-row: 1 / span 20;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .timeline--axis-start .timeline__rail {
    grid-column: 1;
  }

  .timeline--axis-center .timeline__rail {
    grid-column: 2;
  }

  .timeline__marker {
    z-index: 10;
    border: var(--timeline-marker-border-width) solid var(--timeline-marker-border);
    color: var(--timeline-marker-fg);
    height: var(--timeline-marker-size);
    width: var(--timeline-marker-size);
    background-color: #0000;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .timeline__marker svg {
    width: 55%;
    height: 55%;
  }

  .timeline__marker--sm {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
  }

  .timeline__marker--md {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .timeline__marker--lg {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    border-width: var(--timeline-marker-border-width-lg);
  }

  .timeline__marker[data-status="default"], .timeline__marker[data-status="muted"] {
    border-color: var(--timeline-marker-border);
    color: var(--timeline-marker-fg);
    background-color: #0000;
  }

  .timeline__marker[data-status="muted"] {
    opacity: .7;
  }

  .timeline__marker[data-status="current"] {
    background-color: var(--accent-soft);
    color: var(--accent);
    border-color: var(--timeline-current-color);
  }

  .timeline__marker[data-status="success"] {
    background-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="success"] {
      background-color: color-mix(in srgb, var(--color-success) 12%, transparent);
    }
  }

  .timeline__marker[data-status="success"] {
    border-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="success"] {
      border-color: color-mix(in srgb, var(--color-success) 55%, var(--timeline-marker-border));
    }
  }

  .timeline__marker[data-status="success"] {
    color: var(--color-success);
  }

  .timeline__marker[data-status="warning"] {
    background-color: var(--color-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="warning"] {
      background-color: color-mix(in srgb, var(--color-warning) 12%, transparent);
    }
  }

  .timeline__marker[data-status="warning"] {
    border-color: var(--color-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="warning"] {
      border-color: color-mix(in srgb, var(--color-warning) 55%, var(--timeline-marker-border));
    }
  }

  .timeline__marker[data-status="warning"] {
    color: var(--color-warning);
  }

  .timeline__marker[data-status="danger"] {
    background-color: var(--color-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="danger"] {
      background-color: color-mix(in srgb, var(--color-danger) 12%, transparent);
    }
  }

  .timeline__marker[data-status="danger"] {
    border-color: var(--color-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .timeline__marker[data-status="danger"] {
      border-color: color-mix(in srgb, var(--color-danger) 55%, var(--timeline-marker-border));
    }
  }

  .timeline__marker[data-status="danger"] {
    color: var(--color-danger);
  }

  .timeline__connector {
    background-color: var(--timeline-connector-color);
    bottom: calc(var(--timeline-item-gap) * -1);
    left: calc(50% - var(--timeline-connector-size) / 2);
    top: var(--timeline-marker-size);
    width: var(--timeline-connector-size);
    position: absolute;
  }

  .timeline__item[data-last="true"] .timeline__connector:not([data-force]) {
    display: none;
  }

  .timeline__content {
    min-width: calc(var(--spacing, .25rem) * 0);
    min-height: var(--timeline-marker-size);
    flex-direction: column;
    display: flex;
  }

  .timeline__item--align-start .timeline__content {
    justify-content: flex-start;
  }

  .timeline__item--align-center .timeline__content {
    justify-content: center;
  }

  .timeline--axis-start .timeline__content {
    grid-column: 2;
  }

  .timeline--axis-center .timeline__content[data-side="start"] {
    text-align: right;
    grid-column: 1;
    justify-self: end;
    align-items: flex-end;
  }

  .timeline--axis-center .timeline__content[data-side="end"] {
    text-align: left;
    grid-column: 3;
    justify-self: start;
    align-items: flex-start;
  }

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

  .trend-chip__value {
    font-variant-numeric: tabular-nums;
  }

  .trend-chip__suffix {
    color: var(--muted);
  }

  .trend-chip--sm .trend-chip__indicator {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .trend-chip--md .trend-chip__indicator {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .trend-chip--lg .trend-chip__indicator {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .widget {
    border-radius: calc(var(--radius) * 2);
    background-color: var(--surface-secondary);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .widget__header {
    margin-top: calc(var(--spacing, .25rem) * .5);
    min-height: calc(var(--spacing, .25rem) * 8);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .widget__title {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .widget__description {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .widget__content {
    margin-inline: calc(var(--spacing, .25rem) * 1.5);
    margin-bottom: calc(var(--spacing, .25rem) * 1.5);
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--surface);
    padding: calc(var(--spacing, .25rem) * 4);
    flex: 1;
    overflow: hidden;
  }

  .widget__content:first-child {
    margin-top: calc(var(--spacing, .25rem) * 1.5);
  }

  .widget__content {
    box-shadow: 0 0 0 1px #00000008, 0 1px 2px #0000000a;
    box-shadow: 0 0 0 1px lab(0% 0 0 / .03), 0 1px 2px lab(0% 0 0 / .04);
  }

  .widget__footer {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 3);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .widget__legend {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .widget__legend-item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    display: flex;
  }

  .widget__legend-item-dot {
    width: calc(var(--spacing, .25rem) * 2.5);
    height: calc(var(--spacing, .25rem) * 2.5);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  .widget__legend-item-label {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
  }

  .sidebar__provider {
    width: 100%;
    min-height: 100svh;
    display: flex;
  }

  .sidebar__provider:has(.sidebar__offcanvas-wrapper) {
    overflow-x: clip;
  }

  .sidebar {
    top: calc(var(--spacing, .25rem) * 0);
    border-color: var(--border);
    background-color: var(--background);
    --sidebar-width: 240px;
    --sidebar-width-collapsed: 48px;
    --sidebar-duration: .2s;
    --sidebar-ease: ease;
    --sidebar-edge-outline: #00000014;
    height: 100svh;
    width: var(--sidebar-width);
    min-width: var(--sidebar-width-collapsed);
    transition: width var(--sidebar-duration) var(--sidebar-ease), box-shadow .15s var(--ease-out);
    flex-direction: column;
    flex-shrink: 0;
    display: flex;
    position: sticky;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar {
      transition: none;
    }
  }

  .dark .sidebar, [data-theme="dark"] .sidebar {
    --sidebar-edge-outline: #ffffff1a;
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) {
    width: var(--sidebar-width-collapsed);
    overflow-x: clip;
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__header, .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__footer {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__header {
    align-items: center;
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__header > * {
    justify-content: center;
    gap: calc(var(--spacing, .25rem) * 0);
    width: auto;
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__header [data-sidebar="label"] {
    display: none;
  }

  .sidebar[data-state="collapsed"]:not([data-collapsible="offcanvas"]) .sidebar__content {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .sidebar[data-collapsible="icon"] [data-sidebar="label"], .sidebar[data-collapsible="icon"] [data-slot="chip"] {
    white-space: nowrap;
    visibility: visible;
    max-width: 100%;
    transition: opacity var(--sidebar-duration) var(--sidebar-ease), max-width var(--sidebar-duration) var(--sidebar-ease), margin var(--sidebar-duration) var(--sidebar-ease), visibility 0s linear;
    overflow: hidden;
  }

  .sidebar[data-collapsible="icon"][data-state="collapsed"] [data-sidebar="label"], .sidebar[data-collapsible="icon"][data-state="collapsed"] [data-slot="chip"] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    max-width: 0;
    transition-delay: 0s, 0s, 0s, var(--sidebar-duration);
    margin: 0;
  }

  .sidebar[data-collapsible="icon"] [data-slot="list-box-item"] {
    width: 100%;
  }

  .sidebar[data-collapsible="icon"][data-state="collapsed"] [data-slot="list-box-item"] {
    justify-content: center;
    gap: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 2.5);
  }

  .sidebar__offcanvas-wrapper {
    --sidebar-width: 240px;
    --sidebar-duration: .2s;
    --sidebar-ease: ease;
    width: var(--sidebar-width);
    transition: width var(--sidebar-duration) var(--sidebar-ease);
    flex-shrink: 0;
    position: relative;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar__offcanvas-wrapper {
      transition: none;
    }
  }

  .sidebar__offcanvas-wrapper[data-side="right"] {
    order: 1;
  }

  .sidebar__offcanvas-wrapper:has(.sidebar--floating) {
    width: calc(var(--sidebar-width) + var(--spacing) * 4);
  }

  .sidebar__offcanvas-wrapper[data-state="collapsed"] {
    width: 0;
  }

  .sidebar[data-collapsible="offcanvas"] {
    z-index: 20;
    transition: translate var(--sidebar-duration) var(--sidebar-ease), visibility var(--sidebar-duration);
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar[data-collapsible="offcanvas"] {
      transition: none;
    }
  }

  .sidebar[data-collapsible="offcanvas"][data-side="right"] {
    left: auto;
    right: 0;
  }

  .sidebar[data-state="collapsed"][data-collapsible="offcanvas"] {
    width: var(--sidebar-width);
    visibility: hidden;
    translate: -100%;
  }

  .sidebar[data-state="collapsed"][data-collapsible="offcanvas"][data-side="right"] {
    translate: 100%;
  }

  @media (max-width: 768px) {
    .sidebar, .sidebar__offcanvas-wrapper {
      display: none;
    }
  }

  .sidebar--default {
    box-shadow: inset -1px 0 0 var(--sidebar-edge-outline);
  }

  .sidebar--default.sidebar--right {
    box-shadow: inset 1px 0 0 var(--sidebar-edge-outline);
  }

  @media (hover: hover) {
    .sidebar--default:has(.sidebar__rail:hover) {
      box-shadow: inset -1px 0 0 var(--color-default-hover);
    }

    .sidebar--default.sidebar--right:has(.sidebar__rail:hover) {
      box-shadow: inset 1px 0 0 var(--color-default-hover);
    }
  }

  .sidebar--default:has(.sidebar__rail:focus-visible) {
    box-shadow: inset -1px 0 0 var(--color-default-hover);
  }

  .sidebar--default.sidebar--right:has(.sidebar__rail:focus-visible) {
    box-shadow: inset 1px 0 0 var(--color-default-hover);
  }

  .sidebar--floating {
    margin: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    background-color: var(--surface);
    --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);
    border-width: 1px;
    height: calc(100svh - 1rem);
  }

  .sidebar--inset {
    --tw-border-style: 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);
    background-color: #0000;
    border-style: none;
  }

  .sidebar--right {
    order: 1;
  }

  .sidebar__header {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .sidebar__content {
    min-height: calc(var(--spacing, .25rem) * 0);
    gap: calc(var(--spacing, .25rem) * 1);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  .sidebar[data-state="collapsed"] .sidebar__content {
    gap: calc(var(--spacing, .25rem) * .5);
  }

  .sidebar__footer {
    gap: calc(var(--spacing, .25rem) * 1);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-top: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .sidebar__group {
    gap: calc(var(--spacing, .25rem) * 1);
    flex-direction: column;
    display: flex;
  }

  .sidebar__group + .sidebar__group {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .sidebar__group-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-normal, 0em);
    letter-spacing: var(--tracking-normal, 0em);
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
    transition: opacity var(--sidebar-duration) var(--sidebar-ease), width var(--sidebar-duration) var(--sidebar-ease);
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar__group-label {
      transition: none;
    }
  }

  .sidebar[data-state="collapsed"] .sidebar__group-label {
    display: none;
  }

  .sidebar[data-state="collapsed"] .sidebar__group + .sidebar__group {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .sidebar__menu {
    gap: calc(var(--spacing, .25rem) * .5);
    --tw-outline-style: none;
    forced-color-adjust: none;
    --sidebar-menu-indent: calc(var(--spacing) * 4);
    --sidebar-menu-guide-color: currentColor;
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sidebar__menu {
      --sidebar-menu-guide-color: color-mix(in srgb, currentColor 10%, transparent);
    }
  }

  .sidebar__menu {
    --sidebar-menu-row-gap: calc(var(--spacing) * .5);
  }

  .sidebar__menu[data-focus-visible] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .sidebar__menu-section {
    gap: calc(var(--spacing, .25rem) * .5);
    flex-direction: column;
    display: flex;
  }

  .sidebar__menu-section:not(:first-child) {
    margin-top: calc(var(--spacing, .25rem) * 3);
  }

  .sidebar[data-state="collapsed"] .sidebar__menu-section:not(:first-child) {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .sidebar__menu-header {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-wider, .05em);
    letter-spacing: var(--tracking-wider, .05em);
    color: var(--muted);
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
  }

  .sidebar[data-state="collapsed"] .sidebar__menu-header {
    display: none;
  }

  .sidebar__menu-item {
    width: 100%;
    color: var(--foreground);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: box-shadow .15s var(--ease-out);
    outline-style: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .sidebar__menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .sidebar__menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .sidebar__menu-item:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar__menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .sidebar__menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .sidebar__menu-item:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .sidebar__menu-item {
    cursor: var(--cursor-interactive);
    --sidebar-menu-item-offset: 0px;
    --sidebar-menu-guide-count: 0;
  }

  .sidebar__menu-item:disabled, .sidebar__menu-item[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }

  .sidebar__menu:is([data-guide-lines="always"], [data-guide-lines="hover"]) .sidebar__menu-item:before {
    content: "";
    top: calc(var(--sidebar-menu-row-gap) * -.5);
    bottom: calc(var(--sidebar-menu-row-gap) * -.5);
    left: calc(var(--sidebar-menu-indent) / 2);
    width: calc(var(--sidebar-menu-guide-count) * var(--sidebar-menu-indent));
    pointer-events: none;
    background-image: repeating-linear-gradient(to right, var(--sidebar-menu-guide-color) 0 1px, transparent 1px var(--sidebar-menu-indent));
    opacity: 1;
    position: absolute;
  }

  .sidebar__menu[data-guide-lines="hover"] .sidebar__menu-item:before {
    opacity: 0;
    transition: opacity .15s;
  }

  .sidebar__menu[data-guide-lines="hover"]:hover .sidebar__menu-item:before {
    opacity: 1;
  }

  .sidebar__menu-item-content {
    min-height: calc(var(--spacing, .25rem) * 9);
    width: 100%;
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: calc(var(--radius) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    width: calc(100% - var(--sidebar-menu-item-offset));
    margin-inline-start: var(--sidebar-menu-item-offset);
    padding-inline: .5rem;
    display: flex;
    overflow: hidden;
  }

  @media (hover: hover) {
    .sidebar__menu-item:hover .sidebar__menu-item-content, .sidebar__menu-item[data-hovered="true"] .sidebar__menu-item-content {
      background-color: var(--default);
    }
  }

  .sidebar__menu-item:focus-visible:not(:focus) .sidebar__menu-item-content, .sidebar__menu-item[data-focus-visible="true"] .sidebar__menu-item-content {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .sidebar__menu-item[aria-level="2"] {
    --sidebar-menu-item-offset: var(--sidebar-menu-indent);
    --sidebar-menu-guide-count: 1;
  }

  .sidebar__menu-item[aria-level="3"] {
    --sidebar-menu-item-offset: calc(var(--sidebar-menu-indent) * 2);
    --sidebar-menu-guide-count: 2;
  }

  .sidebar__menu-item[aria-level="4"] {
    --sidebar-menu-item-offset: calc(var(--sidebar-menu-indent) * 3);
    --sidebar-menu-guide-count: 3;
  }

  .sidebar__menu-item[aria-level="5"] {
    --sidebar-menu-item-offset: calc(var(--sidebar-menu-indent) * 4);
    --sidebar-menu-guide-count: 4;
  }

  .sidebar__menu-item[data-current="true"] .sidebar__menu-item-content, .sidebar__menu-item:is(:has(.sidebar__menu-actions:hover), :has(.sidebar__menu-action:active), :has(.sidebar__menu-action[data-pressed="true"]), :has(.sidebar__menu-actions [aria-expanded="true"])) .sidebar__menu-item-content {
    background-color: var(--default);
  }

  .sidebar__menu-item[data-current="true"] .sidebar__menu-label {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .sidebar__menu-trigger {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sidebar__menu-item:not([data-has-child-items]) .sidebar__menu-trigger {
    display: none;
  }

  .sidebar__menu-indicator {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
    color: var(--muted);
    cursor: inherit;
    flex-shrink: 0;
    transition: rotate .15s;
    rotate: none;
  }

  .sidebar__menu-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .sidebar__menu-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .sidebar__menu-indicator:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar__menu-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .sidebar__menu-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .sidebar__menu-indicator:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .sidebar__menu-indicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    rotate: 180deg;
  }

  .sidebar__menu-item[data-expanded] .sidebar__menu-indicator {
    rotate: 90deg;
  }

  .sidebar__menu-icon {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
    color: var(--muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sidebar__menu-icon svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .sidebar__menu-item[data-current="true"] .sidebar__menu-icon, .sidebar__menu-item[data-current="true"] .sidebar__menu-chip {
    color: var(--foreground);
  }

  .sidebar__menu-label {
    pointer-events: none;
    min-width: calc(var(--spacing, .25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--foreground);
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    display: flex;
  }

  .sidebar__menu-label-text {
    min-width: calc(var(--spacing, .25rem) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
  }

  .sidebar__menu-actions {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    flex-shrink: 0;
    display: none;
  }

  .sidebar__menu-item:is(:hover, [data-current="true"], [data-hovered="true"], :has(.sidebar__menu-action:focus-visible), :has(.sidebar__menu-action[data-focus-visible="true"]), :has(.sidebar__menu-actions [aria-expanded="true"])) .sidebar__menu-actions, .sidebar__mobile .sidebar__menu-actions {
    display: flex;
  }

  .sidebar__menu-chip {
    pointer-events: none;
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted);
    --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, );
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sidebar__menu-action {
    isolation: isolate;
    transform-origin: 50%;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    border-radius: calc(var(--radius) * 1);
    padding: calc(var(--spacing, .25rem) * 1);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .sidebar__menu-action:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .sidebar__menu-action:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .sidebar__menu-action:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .sidebar__menu-action:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .sidebar__menu-action:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .sidebar__menu-action:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .sidebar__menu-action {
    cursor: var(--cursor-interactive);
    --button-bg: transparent;
    --button-bg-hover: var(--color-default-hover);
    --button-bg-pressed: var(--color-default-hover);
    --button-fg: var(--color-default-foreground);
    background-color: var(--button-bg);
    color: var(--button-fg);
  }

  @media (hover: hover) {
    .sidebar__menu-action:hover, .sidebar__menu-action[data-hovered="true"] {
      background-color: var(--button-bg-hover);
    }
  }

  .sidebar__menu-action:active, .sidebar__menu-action[data-pressed="true"] {
    background-color: var(--button-bg-pressed);
    transform: scale(.98);
  }

  .sidebar__menu-action:focus-visible, .sidebar__menu-action[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
  }

  .sidebar__menu-action svg {
    pointer-events: none;
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    flex-shrink: 0;
    align-self: center;
  }

  .sidebar__menu-actions [aria-expanded="true"] .sidebar__menu-action {
    background-color: var(--button-bg-hover);
  }

  .sidebar[data-collapsible="icon"] .sidebar__menu-item {
    width: 100%;
  }

  .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-item-content {
    padding-inline: calc(var(--spacing, .25rem) * 0);
    justify-content: center;
    padding-inline-start: 0;
  }

  .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-trigger, .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-actions, .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-label, .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-chip, .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-action {
    display: none;
  }

  .sidebar[data-collapsible="icon"][data-state="collapsed"] .sidebar__menu-item:before {
    content: none;
  }

  .sidebar__separator {
    margin-block: calc(var(--spacing, .25rem) * 2);
    width: auto;
  }

  .sidebar__rail {
    inset-block: calc(var(--spacing, .25rem) * 0);
    z-index: 10;
    width: calc(var(--spacing, .25rem) * 4);
    appearance: none;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing, .25rem) * 0);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    position: absolute;
  }

  .sidebar--left[data-state="collapsed"] .sidebar__rail {
    cursor: e-resize;
  }

  .sidebar--left[data-state="expanded"] .sidebar__rail, .sidebar--right[data-state="collapsed"] .sidebar__rail {
    cursor: w-resize;
  }

  .sidebar--right[data-state="expanded"] .sidebar__rail {
    cursor: e-resize;
  }

  .sidebar--left .sidebar__rail {
    right: -2px;
  }

  .sidebar--right .sidebar__rail {
    left: -2px;
  }

  .sidebar__main {
    min-height: 100svh;
    min-width: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
  }

  .sidebar__provider:has(.sidebar--inset) .sidebar__main {
    margin: calc(var(--spacing, .25rem) * 2);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    background-color: var(--surface);
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    min-height: calc(100svh - 1rem);
    transition: margin var(--sidebar-duration, .2s) var(--sidebar-ease, ease);
    border-width: 1px;
    margin-inline-start: calc(var(--spacing, .25rem) * 0);
  }

  .sidebar__provider[data-state="collapsed"]:has(.sidebar--inset) .sidebar__main {
    margin-inline-start: calc(var(--spacing, .25rem) * 2);
  }

  .sidebar__mobile-sheet[data-sheet-drawer-direction="left"], .sidebar__mobile-sheet[data-sheet-drawer-direction="right"] {
    border-radius: 0;
    width: 80vw;
    max-width: 500px;
  }

  .sidebar__mobile-dialog {
    border-radius: 0;
  }

  .sidebar__mobile-overlay-container {
    display: contents;
  }

  .sidebar__mobile {
    height: 100%;
    min-height: calc(var(--spacing, .25rem) * 0);
    flex-direction: column;
    display: flex;
  }

  .sidebar__mobile > .sidebar__header {
    padding-top: calc(var(--spacing, .25rem) * 4);
  }

  .sidebar__mobile > .sidebar__content {
    min-height: calc(var(--spacing, .25rem) * 0);
    flex: 1;
  }

  .sidebar__mobile > .sidebar__footer {
    padding-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .sidebar__mobile-sheet[data-sheet-drawer-direction="left"] .sidebar__mobile-dialog, .sidebar__mobile-sheet[data-sheet-drawer-direction="right"] .sidebar__mobile-dialog {
    width: 100%;
    max-width: none;
  }

  .sidebar__mobile-sheet[data-sheet-drawer-direction="left"]:after, .sidebar__mobile-sheet[data-sheet-drawer-direction="right"]:after {
    border-radius: 0;
  }

  .sidebar__mobile-sheet[data-sheet-drawer-direction="left"] .sidebar__mobile-dialog, .sidebar__mobile-sheet[data-sheet-drawer-direction="right"] .sidebar__mobile-dialog {
    overflow: hidden;
  }

  .sidebar__pages {
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .sidebar__page {
    gap: calc(var(--spacing, .25rem) * 1);
    will-change: transform;
    flex-direction: column;
    width: 100%;
    display: flex;
    inset-block-start: 0;
    inset-inline-start: 0;
  }

  .sidebar__page[data-active="true"] {
    position: relative;
  }

  .sidebar__page[data-active="false"] {
    pointer-events: none;
    position: absolute;
  }

  .tabs[data-orientation="horizontal"] {
    min-width: 0;
    max-width: 100%;
  }

  .tabs[data-orientation="horizontal"] > .tabs__list-container {
    width: fit-content;
    max-width: 100%;
  }

  .button--success-soft {
    --button-bg: var(--success-soft);
    --button-bg-hover: var(--success-soft-hover);
    --button-bg-pressed: var(--success-soft-hover);
    --button-fg: var(--success-soft-foreground);
  }

  .button--warning-soft {
    --button-bg: var(--warning-soft);
    --button-bg-hover: var(--warning-soft-hover);
    --button-bg-pressed: var(--warning-soft-hover);
    --button-fg: var(--warning-soft-foreground);
  }

  .button--accent-soft {
    --button-bg: var(--accent-soft);
    --button-bg-hover: var(--accent-soft-hover);
    --button-bg-pressed: var(--accent-soft-hover);
    --button-fg: var(--accent-soft-foreground);
  }

  .button--outline, .button--surface {
    --button-bg: var(--surface);
    --button-bg-hover: var(--default);
    --button-bg-pressed: var(--default-hover);
  }

  .trail-pass-autofill-surface input:autofill {
    background-color: var(--color-surface-sunken);
    box-shadow: 0 0 0 1000px var(--color-surface-sunken) inset;
    -webkit-text-fill-color: var(--color-foreground);
    caret-color: var(--color-foreground);
  }

  @media (min-width: 768px) {
    .drawer__content--bottom.rdh-centered-bottom-sheet {
      left: calc(var(--ehq-rd-rail-w, 0px) + var(--ehq-cairn-dock-w, 0px));
      width: calc(100% - var(--ehq-rd-rail-w, 0px) - var(--ehq-cairn-dock-w, 0px));
      transition: left .2s ease-out, width .2s ease-out;
    }
  }

  @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .drawer__content--bottom.rdh-centered-bottom-sheet {
      transition: none;
    }
  }

  html:not(.keyboard-visible) .drawer__backdrop, html:not(.keyboard-visible) .drawer__content {
    height: 100dvh;
  }

  [data-exiting="true"] .drawer__dialog {
    transition: translate var(--drawer-exit-duration) var(--drawer-exit-ease) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-exiting="true"] .drawer__dialog {
      transition: none !important;
    }
  }

  .drawer__backdrop[data-exiting="true"] {
    transition-duration: .28s;
  }

  .drawer__dialog {
    --drawer-exit-duration: .28s;
    --drawer-exit-ease: cubic-bezier(.4, 0, 1, 1);
  }

  @starting-style {
    .drawer__content--bottom[data-drawer-persistent] .drawer__dialog {
      translate: 0 100%;
    }
  }

  .drawer__content--bottom.ehq-bottom-sheet-motion .drawer__dialog {
    --drawer-enter-duration: .44s;
    --drawer-exit-duration: .26s;
    --drawer-enter-ease: cubic-bezier(.16, 1, .3, 1);
    --drawer-exit-ease: cubic-bezier(.4, 0, .2, 1);
  }

  .drawer__content--bottom.ehq-bottom-sheet-motion[data-entering="true"] .drawer__dialog, .drawer__content--bottom.ehq-bottom-sheet-motion[data-exiting="true"] .drawer__dialog {
    translate: 0 calc(100% + 24px);
  }

  @media (hover: none) and (pointer: coarse) {
    .drawer__content--bottom:is(.ehq-floating-sheet, .ehq-public-detail-sheet-motion) .drawer__dialog {
      max-width: none;
      width: min(44rem,
        calc(100dvw - max(.5rem, env(safe-area-inset-left)) -
            max(.5rem, env(safe-area-inset-right))));
      margin-inline: auto;
    }

    @media (prefers-reduced-motion: reduce) {
      .drawer__content--bottom {
        transition: none;
      }
    }
  }

  @media (max-width: 640px) {
    [data-section-type="about"] .prose .race-site-founder-card {
      box-shadow: none !important;
      background: none !important;
      border: 0 !important;
      border-radius: 0 !important;
      padding: 0 !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) {
      grid-template-columns: 76px minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 10px 12px !important;
      display: grid !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) > img[width="180"][height="190"] {
      flex-basis: 76px !important;
      grid-area: 1 / 1 !important;
      width: 76px !important;
      height: 82px !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) > div {
      display: contents !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) > h3 {
      grid-area: 1 / 2 !important;
      align-self: center !important;
      line-height: 1.2 !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) > div > h3 {
      grid-area: 1 / 2 !important;
      align-self: center !important;
      line-height: 1.2 !important;
    }

    [data-section-type="about"] .prose div:has( > img[width="180"][height="190"]) > div > p {
      grid-area: 2 / 1 / auto / -1 !important;
      line-height: 1.45 !important;
    }
  }
}

@layer utilities {
  .\@container\/course-setup {
    container: course-setup / inline-size;
  }

  .\@container\/sms-status {
    container: sms-status / inline-size;
  }

  .\@container\/table-footer {
    container: table-footer / inline-size;
  }

  .\@container\/tracker {
    container: tracker / inline-size;
  }

  .\@container {
    container-type: inline-size;
  }

  .\[container-type\:size\] {
    container-type: size;
  }

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

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

  .\!visible {
    visibility: visible !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .touch-target:after {
    content: "";
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .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 !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .\!inset-0 {
    inset: 0 !important;
  }

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

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

  .inset-0 {
    inset: 0;
  }

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

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

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

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

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

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

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

  .inset-\[-0\.5rem\] {
    inset: -.5rem;
  }

  .inset-\[22\%\] {
    inset: 22%;
  }

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

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

  .inset-x-0 {
    inset-inline: 0;
  }

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

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

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

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

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

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

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

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

  .inset-x-\[-1rem\] {
    inset-inline: -1rem;
  }

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

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

  .inset-y-0 {
    inset-block: 0;
  }

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

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

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

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

  .\!top-auto {
    top: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-0 {
    top: 0;
  }

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

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

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

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

  .top-1\/4 {
    top: 25%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[4\.75rem\] {
    top: 4.75rem;
  }

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

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

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

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

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

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

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

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

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

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

  .top-\[calc\(3\.5rem\+env\(safe-area-inset-top\,0px\)\)\] {
    top: calc(3.5rem + env(safe-area-inset-top, 0px));
  }

  .top-\[calc\(100\%_-_3\.25rem\)\] {
    top: calc(100% - 3.25rem);
  }

  .top-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+env\(safe-area-inset-top\,0px\)\)\] {
    top: calc(var(--ehq-offline-banner-h, 0px) + env(safe-area-inset-top, 0px));
  }

  .top-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+var\(--ehq-participant-utility-sticky-h\,var\(--ehq-participant-utility-header-h\,0px\)\)\)\] {
    top: calc(var(--ehq-offline-banner-h, 0px) + var(--ehq-participant-utility-sticky-h, var(--ehq-participant-utility-header-h, 0px)));
  }

  .top-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+var\(--ehq-participant-utility-sticky-h\,var\(--ehq-participant-utility-header-h\,0px\)\)\+var\(--ehq-race-day-banner-stack-h\,0px\)\+0\.5rem\)\] {
    top: calc(var(--ehq-offline-banner-h, 0px) + var(--ehq-participant-utility-sticky-h, var(--ehq-participant-utility-header-h, 0px)) + var(--ehq-race-day-banner-stack-h, 0px) + .5rem);
  }

  .top-\[calc\(var\(--ehq-participant-utility-header-h\,0px\)\+0\.5rem\)\] {
    top: calc(var(--ehq-participant-utility-header-h, 0px) + .5rem);
  }

  .top-\[max\(0\.25rem\,env\(safe-area-inset-top\)\)\] {
    top: max(.25rem, env(safe-area-inset-top));
  }

  .top-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\] {
    top: max(.75rem, env(safe-area-inset-top));
  }

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

  .top-\[var\(--ehq-offline-banner-h\,0px\)\] {
    top: var(--ehq-offline-banner-h, 0px);
  }

  .top-\[var\(--idea-y\)\] {
    top: var(--idea-y);
  }

  .top-\[var\(--overflow-hint-y\,min\(50\%\,10rem\)\)\] {
    top: var(--overflow-hint-y, min(50%, 10rem));
  }

  .top-\[var\(--rail-collapse-button-y\,3rem\)\] {
    top: var(--rail-collapse-button-y, 3rem);
  }

  .top-\[var\(--sidebar-collapse-button-y\,3rem\)\] {
    top: var(--sidebar-collapse-button-y, 3rem);
  }

  .top-\[var\(--visual-viewport-offset-top\,0px\)\] {
    top: var(--visual-viewport-offset-top, 0px);
  }

  .top-full {
    top: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .right-0 {
    right: 0;
  }

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

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

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

  .right-1\/4 {
    right: 25%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .right-\[4\.4\%\] {
    right: 4.4%;
  }

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

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

  .right-\[max\(1rem\,var\(--dashboard-main-right\,1rem\)\)\] {
    right: max(1rem, var(--dashboard-main-right, 1rem));
  }

  .right-auto {
    right: auto;
  }

  .right-full {
    right: 100%;
  }

  .\!bottom-0 {
    bottom: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bottom-\[var\(--ehq-mobile-dock-clearance\,5rem\)\] {
    bottom: var(--ehq-mobile-dock-clearance, 5rem);
  }

  .bottom-full {
    bottom: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .left-0 {
    left: 0;
  }

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

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

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

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

  .left-1\/4 {
    left: 25%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .left-\[5\.25rem\] {
    left: 5.25rem;
  }

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

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

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

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

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

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

  .left-\[calc\(50\%\+40px\)\] {
    left: calc(50% + 40px);
  }

  .left-\[calc\(var\(--aid-table-mobile-sticky-width\)_\+_0\.5rem\)\] {
    left: calc(var(--aid-table-mobile-sticky-width) + .5rem);
  }

  .left-\[var\(--idea-x\)\] {
    left: var(--idea-x);
  }

  .left-\[var\(--notification-scroll-anchor-x\,50\%\)\] {
    left: var(--notification-scroll-anchor-x, 50%);
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-20 {
    z-index: calc(20 * -1);
  }

  .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-\[25\] {
    z-index: 25;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .-order-2 {
    order: calc(2 * -1);
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-6 {
    order: 6;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .\!container {
    width: 100% !important;
  }

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

  .\!m-0 {
    margin: 0 !important;
  }

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

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

  .m-0 {
    margin: 0;
  }

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

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

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

  .m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .my-0 {
    margin-block: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .ms-auto {
    margin-inline-start: auto;
  }

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

  .\!mt-0 {
    margin-top: 0 !important;
  }

  .-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-4 {
    margin-top: calc(var(--spacing) * -4);
  }

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

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

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

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

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

  .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-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

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

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

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

  .mt-\[0\.55em\] {
    margin-top: .55em;
  }

  .mt-\[0\.65rem\] {
    margin-top: .65rem;
  }

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

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

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

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

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

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

  .mr-0 {
    margin-right: 0;
  }

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

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

  .mb-0 {
    margin-bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-\[max\(env\(safe-area-inset-bottom\)\,8px\)\] {
    margin-bottom: max(env(safe-area-inset-bottom), 8px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .\!hidden {
    display: none !important;
  }

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

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

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

  .table-row {
    display: table-row;
  }

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

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

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

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
  }

  .aspect-\[5\/3\] {
    aspect-ratio: 5 / 3;
  }

  .aspect-\[8\.5\/11\] {
    aspect-ratio: 8.5 / 11;
  }

  .aspect-\[8\/5\] {
    aspect-ratio: 8 / 5;
  }

  .aspect-\[9\/10\] {
    aspect-ratio: 9 / 10;
  }

  .aspect-\[9\/16\] {
    aspect-ratio: 9 / 16;
  }

  .aspect-\[16\/5\] {
    aspect-ratio: 16 / 5;
  }

  .aspect-\[16\/7\] {
    aspect-ratio: 16 / 7;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[17\/22\] {
    aspect-ratio: 17 / 22;
  }

  .aspect-\[25\/17\] {
    aspect-ratio: 25 / 17;
  }

  .aspect-\[390\/740\] {
    aspect-ratio: 390 / 740;
  }

  .aspect-\[1200\/630\] {
    aspect-ratio: 1200 / 630;
  }

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

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

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

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

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

  .size-0 {
    width: 0;
    height: 0;
  }

  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .size-\[4\.5rem\] {
    width: 4.5rem;
    height: 4.5rem;
  }

  .size-\[16\%\] {
    width: 16%;
    height: 16%;
  }

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

  .size-\[82\%\] {
    width: 82%;
    height: 82%;
  }

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

  .size-auto {
    width: auto;
    height: auto;
  }

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

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

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

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

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

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

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

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

  .\!h-\[5\.5rem\] {
    height: 5.5rem !important;
  }

  .\!h-\[82dvh\] {
    height: 82dvh !important;
  }

  .\!h-\[100svh\] {
    height: 100svh !important;
  }

  .\!h-\[min\(88dvh\,720px\)\] {
    height: min(88dvh, 720px) !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .\!h-dvh {
    height: 100dvh !important;
  }

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

  .h-0 {
    height: 0;
  }

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

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

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

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

  .h-1\/4 {
    height: 25%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1\.125rem\] {
    height: 1.125rem;
  }

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

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

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

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

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

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

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

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

  .h-\[6\.5rem\] {
    height: 6.5rem;
  }

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

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

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

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

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

  .h-\[17\.5rem\] {
    height: 17.5rem;
  }

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

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

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

  .h-\[18svh\] {
    height: 18svh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[47\.5rem\] {
    height: 47.5rem;
  }

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

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

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

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

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

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

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

  .h-\[68svh\] {
    height: 68svh;
  }

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

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

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

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

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

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

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

  .h-\[78svh\] {
    height: 78svh;
  }

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

  .h-\[82svh\] {
    height: 82svh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(2\.25rem\*var\(--logo-scale\,1\)\)\] {
    height: calc(2.25rem * var(--logo-scale, 1));
  }

  .h-\[calc\(2lh\+1\.25rem\)\] {
    height: calc(2lh + 1.25rem);
  }

  .h-\[calc\(3\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    height: calc(3.5rem + env(safe-area-inset-bottom));
  }

  .h-\[calc\(100\%-3\.25rem\)\] {
    height: calc(100% - 3.25rem);
  }

  .h-\[calc\(100\%-3rem\)\] {
    height: calc(100% - 3rem);
  }

  .h-\[calc\(100dvh-1\.5rem\)\] {
    height: calc(100dvh - 1.5rem);
  }

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

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

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

  .h-\[calc\(100dvh-var\(--workspace-top\,7\.5rem\)-1\.5rem\)\] {
    height: calc(100dvh - var(--workspace-top, 7.5rem) - 1.5rem);
  }

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

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

  .h-\[calc\(env\(safe-area-inset-bottom\)\+3\.5rem\)\] {
    height: calc(env(safe-area-inset-bottom) + 3.5rem);
  }

  .h-\[calc\(max\(env\(safe-area-inset-top\)\,0\.75rem\)\+0\.5rem\)\] {
    height: calc(max(env(safe-area-inset-top), .75rem) + .5rem);
  }

  .h-\[calc\(min\(300px\,100cqw\)\*1\.8974\)\] {
    height: calc(1.8974 * min(300px, 100cqw));
  }

  .h-\[calc\(var\(--ehq-participant-utility-header-h\,0px\)\+0\.5rem\)\] {
    height: calc(var(--ehq-participant-utility-header-h, 0px) + .5rem);
  }

  .h-\[calc\(var\(--phone-w\)\*2\.13\)\] {
    height: calc(var(--phone-w) * 2.13);
  }

  .h-\[clamp\(14rem\,calc\(100dvh_-_7rem\)\,32rem\)\] {
    height: clamp(14rem, 100dvh - 7rem, 32rem);
  }

  .h-\[clamp\(32rem\,calc\(100dvh-15rem\)\,56rem\)\] {
    height: clamp(32rem, 100dvh - 15rem, 56rem);
  }

  .h-\[clamp\(34rem\,70vh\,48rem\)\] {
    height: clamp(34rem, 70vh, 48rem);
  }

  .h-\[env\(safe-area-inset-bottom\)\] {
    height: env(safe-area-inset-bottom);
  }

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

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

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

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

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

  .h-\[min\(36rem\,70dvh\)\] {
    height: min(36rem, 70dvh);
  }

  .h-\[min\(38svh\,360px\)\] {
    height: min(38svh, 360px);
  }

  .h-\[min\(40rem\,82dvh\)\] {
    height: min(40rem, 82dvh);
  }

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

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

  .h-\[min\(42rem\,calc\(100dvh-var\(--ehq-cin-nav-h\,4rem\)-1\.75rem\)\)\] {
    height: min(42rem, calc(100dvh - var(--ehq-cin-nav-h, 4rem) - 1.75rem));
  }

  .h-\[min\(48svh\,24rem\)\] {
    height: min(48svh, 24rem);
  }

  .h-\[min\(48svh\,26rem\)\] {
    height: min(48svh, 26rem);
  }

  .h-\[min\(50dvh\,440px\)\] {
    height: min(50dvh, 440px);
  }

  .h-\[min\(52svh\,34rem\)\] {
    height: min(52svh, 34rem);
  }

  .h-\[min\(68dvh\,32rem\)\] {
    height: min(68dvh, 32rem);
  }

  .h-\[min\(70svh\,42rem\)\] {
    height: min(70svh, 42rem);
  }

  .h-\[min\(72svh\,48rem\)\] {
    height: min(72svh, 48rem);
  }

  .h-\[min\(84dvh\,720px\)\] {
    height: min(84dvh, 720px);
  }

  .h-\[min\(88dvh\,58rem\)\] {
    height: min(88dvh, 58rem);
  }

  .h-\[min\(90dvh\,62rem\)\] {
    height: min(90dvh, 62rem);
  }

  .h-\[min\(844px\,calc\(100vh-96px\)\)\] {
    height: min(844px, 100vh - 96px);
  }

  .h-\[var\(--fitted-logo-height\)\] {
    height: var(--fitted-logo-height);
  }

  .h-\[var\(--idea-height\)\] {
    height: var(--idea-height);
  }

  .h-\[var\(--keyboard-usable-height\,100dvh\)\] {
    height: var(--keyboard-usable-height, 100dvh);
  }

  .h-\[var\(--task-workspace-height\,calc\(100dvh-10rem\)\)\] {
    height: var(--task-workspace-height, calc(100dvh - 10rem));
  }

  .h-\[var\(--visual-viewport-height\,100dvh\)\] {
    height: var(--visual-viewport-height, 100dvh);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

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

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .\!max-h-\[82dvh\] {
    max-height: 82dvh !important;
  }

  .\!max-h-\[100svh\] {
    max-height: 100svh !important;
  }

  .\!max-h-none {
    max-height: none !important;
  }

  .\!max-h-screen {
    max-height: 100vh !important;
  }

  .max-h-0 {
    max-height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[2\.75rem\] {
    max-height: 2.75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[42svh\] {
    max-height: 42svh;
  }

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

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

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

  .max-h-\[46vh\] {
    max-height: 46vh;
  }

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

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

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

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

  .max-h-\[60svh\] {
    max-height: 60svh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

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

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

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

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

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

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

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

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

  .max-h-\[85svh\] {
    max-height: 85svh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[88svh\] {
    max-height: 88svh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

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

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

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

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

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

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

  .max-h-\[95vh\] {
    max-height: 95vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[calc\(42svh_-_3rem\)\] {
    max-height: calc(42svh - 3rem);
  }

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

  .max-h-\[calc\(100\%-24px\)\] {
    max-height: calc(100% - 24px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[min\(18rem\,45svh\)\] {
    max-height: min(18rem, 45svh);
  }

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

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

  .max-h-\[min\(28rem\,65vh\)\] {
    max-height: min(28rem, 65vh);
  }

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

  .max-h-\[min\(30rem\,65vh\)\] {
    max-height: min(30rem, 65vh);
  }

  .max-h-\[min\(30rem\,70vh\)\] {
    max-height: min(30rem, 70vh);
  }

  .max-h-\[min\(32rem\,70svh\)\] {
    max-height: min(32rem, 70svh);
  }

  .max-h-\[min\(32rem\,calc\(100dvh-6rem\)\)\] {
    max-height: min(32rem, 100dvh - 6rem);
  }

  .max-h-\[min\(32rem\,calc\(100dvh-7rem\)\)\], .max-h-\[min\(32rem\,calc\(100dvh_-_7rem\)\)\] {
    max-height: min(32rem, 100dvh - 7rem);
  }

  .max-h-\[min\(34rem\,calc\(100dvh-10rem\)\)\] {
    max-height: min(34rem, 100dvh - 10rem);
  }

  .max-h-\[min\(40rem\,calc\(100dvh-6rem\)\)\] {
    max-height: min(40rem, 100dvh - 6rem);
  }

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

  .max-h-\[min\(42rem\,calc\(100dvh-3rem\)\)\] {
    max-height: min(42rem, 100dvh - 3rem);
  }

  .max-h-\[min\(42rem\,calc\(100vh-2rem\)\)\] {
    max-height: min(42rem, 100vh - 2rem);
  }

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

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

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

  .max-h-\[min\(60dvh\,420px\)\] {
    max-height: min(60dvh, 420px);
  }

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

  .max-h-\[min\(68vh\,32rem\)\] {
    max-height: min(68vh, 32rem);
  }

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

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

  .max-h-\[min\(70dvh\,640px\)\] {
    max-height: min(70dvh, 640px);
  }

  .max-h-\[min\(70vh\,22rem\)\] {
    max-height: min(70vh, 22rem);
  }

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

  .max-h-\[min\(70vh\,32rem\)\] {
    max-height: min(70vh, 32rem);
  }

  .max-h-\[min\(70vh\,40rem\)\] {
    max-height: min(70vh, 40rem);
  }

  .max-h-\[min\(70vh\,44rem\)\] {
    max-height: min(70vh, 44rem);
  }

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

  .max-h-\[min\(90vh\,52rem\)\] {
    max-height: min(90vh, 52rem);
  }

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

  .max-h-\[var\(--keyboard-usable-height\,100dvh\)\] {
    max-height: var(--keyboard-usable-height, 100dvh);
  }

  .max-h-dvh {
    max-height: 100dvh;
  }

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

  .max-h-none {
    max-height: none;
  }

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

  .\!min-h-0 {
    min-height: 0 !important;
  }

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

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

  .min-h-0 {
    min-height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[1\.25rem\] {
    min-height: 1.25rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[60svh\] {
    min-height: 60svh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[92svh\] {
    min-height: 92svh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[calc\(100svh-var\(--ehq-offline-banner-h\,0px\)\)\] {
    min-height: calc(100svh - var(--ehq-offline-banner-h, 0px));
  }

  .min-h-\[calc\(100svh-var\(--ehq-offline-banner-h\,0px\)-6rem-env\(safe-area-inset-bottom\)\)\] {
    min-height: calc(100svh - var(--ehq-offline-banner-h, 0px) - 6rem - env(safe-area-inset-bottom));
  }

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

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

  .min-h-\[calc\(100vh-18rem\)\] {
    min-height: calc(100vh - 18rem);
  }

  .min-h-\[clamp\(18rem\,42svh\,28rem\)\] {
    min-height: clamp(18rem, 42svh, 28rem);
  }

  .min-h-\[var\(--ehq-page-floor\,100vh\)\] {
    min-height: var(--ehq-page-floor, 100vh);
  }

  .min-h-\[var\(--kanban-column-height\)\] {
    min-height: var(--kanban-column-height);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .\!w-3 {
    width: calc(var(--spacing) * 3) !important;
  }

  .\!w-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
  }

  .\!w-4 {
    width: calc(var(--spacing) * 4) !important;
  }

  .\!w-5 {
    width: calc(var(--spacing) * 5) !important;
  }

  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }

  .\!w-\[calc\(100\%-1\.5rem\)\] {
    width: calc(100% - 1.5rem) !important;
  }

  .\!w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem) !important;
  }

  .\!w-\[min\(420px\,100vw\)\] {
    width: min(420px, 100vw) !important;
  }

  .\!w-\[min\(960px\,calc\(100vw-5rem\)\)\] {
    width: min(960px, 100vw - 5rem) !important;
  }

  .\!w-\[min\(960px\,calc\(100vw-480px\)\)\] {
    width: min(960px, 100vw - 480px) !important;
  }

  .\!w-\[min\(1120px\,calc\(100vw-5rem\)\)\] {
    width: min(1120px, 100vw - 5rem) !important;
  }

  .\!w-auto {
    width: auto !important;
  }

  .\!w-full {
    width: 100% !important;
  }

  .\!w-screen {
    width: 100vw !important;
  }

  .w-0 {
    width: 0;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-11\/12 {
    width: 91.6667%;
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-30 {
    width: calc(var(--spacing) * 30);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-35 {
    width: calc(var(--spacing) * 35);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-50 {
    width: calc(var(--spacing) * 50);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-63 {
    width: calc(var(--spacing) * 63);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-69 {
    width: calc(var(--spacing) * 69);
  }

  .w-70 {
    width: calc(var(--spacing) * 70);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-85 {
    width: calc(var(--spacing) * 85);
  }

  .w-90 {
    width: calc(var(--spacing) * 90);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-\[1\.125rem\] {
    width: 1.125rem;
  }

  .w-\[3ch\] {
    width: 3ch;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[4\.5rem\] {
    width: 4.5rem;
  }

  .w-\[4\.75rem\] {
    width: 4.75rem;
  }

  .w-\[5\.5rem\] {
    width: 5.5rem;
  }

  .w-\[6\.5rem\] {
    width: 6.5rem;
  }

  .w-\[8\%\] {
    width: 8%;
  }

  .w-\[8\.5rem\] {
    width: 8.5rem;
  }

  .w-\[8\.75rem\] {
    width: 8.75rem;
  }

  .w-\[8rem\] {
    width: 8rem;
  }

  .w-\[9\.5rem\] {
    width: 9.5rem;
  }

  .w-\[10rem\] {
    width: 10rem;
  }

  .w-\[13rem\] {
    width: 13rem;
  }

  .w-\[14\.5rem\] {
    width: 14.5rem;
  }

  .w-\[14rem\] {
    width: 14rem;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[15rem\] {
    width: 15rem;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18\.5rem\] {
    width: 18.5rem;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[18rem\] {
    width: 18rem;
  }

  .w-\[19px\] {
    width: 19px;
  }

  .w-\[19rem\] {
    width: 19rem;
  }

  .w-\[20rem\] {
    width: 20rem;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[22rem\] {
    width: 22rem;
  }

  .w-\[24rem\] {
    width: 24rem;
  }

  .w-\[29px\] {
    width: 29px;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[32vw\] {
    width: 32vw;
  }

  .w-\[34rem\] {
    width: 34rem;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[38vw\] {
    width: 38vw;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[46\%\] {
    width: 46%;
  }

  .w-\[46vw\] {
    width: 46vw;
  }

  .w-\[48vw\] {
    width: 48vw;
  }

  .w-\[52\.5\%\] {
    width: 52.5%;
  }

  .w-\[52vw\] {
    width: 52vw;
  }

  .w-\[54vw\] {
    width: 54vw;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[64vw\] {
    width: 64vw;
  }

  .w-\[66vw\] {
    width: 66vw;
  }

  .w-\[68px\] {
    width: 68px;
  }

  .w-\[68vw\] {
    width: 68vw;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[70vw\] {
    width: 70vw;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[72vw\] {
    width: 72vw;
  }

  .w-\[78vw\] {
    width: 78vw;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[88vw\] {
    width: 88vw;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[100cqw\] {
    width: 100cqw;
  }

  .w-\[100dvw\] {
    width: 100dvw;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[170px\] {
    width: 170px;
  }

  .w-\[177\.78vh\] {
    width: 177.78vh;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[200\%\] {
    width: 200%;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[390px\] {
    width: 390px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[800px\] {
    width: 800px;
  }

  .w-\[calc\(50\%-0\.25rem\)\] {
    width: calc(50% - .25rem);
  }

  .w-\[calc\(100\%-80px\)\] {
    width: calc(100% - 80px);
  }

  .w-\[calc\(100\%_\+_2rem\)\] {
    width: calc(100% + 2rem);
  }

  .w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[max\(0px\,calc\(\(100vw-64rem\)\/2-1rem\)\)\] {
    width: max(0px, 50vw - 33rem);
  }

  .w-\[min\(18rem\,calc\(100vw-1rem\)\)\] {
    width: min(18rem, 100vw - 1rem);
  }

  .w-\[min\(20rem\,calc\(100\%-1\.5rem\)\)\] {
    width: min(20rem, 100% - 1.5rem);
  }

  .w-\[min\(20rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(20rem, 100vw - 1.5rem);
  }

  .w-\[min\(20rem\,calc\(100vw-1rem\)\)\] {
    width: min(20rem, 100vw - 1rem);
  }

  .w-\[min\(20rem\,calc\(100vw-2\.5rem\)\)\] {
    width: min(20rem, 100vw - 2.5rem);
  }

  .w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    width: min(20rem, 100vw - 2rem);
  }

  .w-\[min\(21rem\,calc\(100vw-1rem\)\)\] {
    width: min(21rem, 100vw - 1rem);
  }

  .w-\[min\(21rem\,calc\(100vw-2\.5rem\)\)\] {
    width: min(21rem, 100vw - 2.5rem);
  }

  .w-\[min\(21rem\,calc\(100vw-2rem\)\)\] {
    width: min(21rem, 100vw - 2rem);
  }

  .w-\[min\(22rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(22rem, 100vw - 1.5rem);
  }

  .w-\[min\(22rem\,calc\(100vw-1rem\)\)\] {
    width: min(22rem, 100vw - 1rem);
  }

  .w-\[min\(22rem\,calc\(100vw-2\.5rem\)\)\] {
    width: min(22rem, 100vw - 2.5rem);
  }

  .w-\[min\(22rem\,calc\(100vw-2rem\)\)\] {
    width: min(22rem, 100vw - 2rem);
  }

  .w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(24rem, 100vw - 1.5rem);
  }

  .w-\[min\(24rem\,calc\(100vw-2rem\)\)\] {
    width: min(24rem, 100vw - 2rem);
  }

  .w-\[min\(24vw\,5\.5rem\)\] {
    width: min(24vw, 5.5rem);
  }

  .w-\[min\(26rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(26rem, 100vw - 1.5rem);
  }

  .w-\[min\(26rem\,calc\(100vw-2rem\)\)\] {
    width: min(26rem, 100vw - 2rem);
  }

  .w-\[min\(28rem\,calc\(100vw-2rem\)\)\] {
    width: min(28rem, 100vw - 2rem);
  }

  .w-\[min\(30rem\,calc\(100\%-1\.5rem\)\)\] {
    width: min(30rem, 100% - 1.5rem);
  }

  .w-\[min\(30rem\,calc\(100vw-2rem\)\)\] {
    width: min(30rem, 100vw - 2rem);
  }

  .w-\[min\(30vw\,7\.25rem\)\] {
    width: min(30vw, 7.25rem);
  }

  .w-\[min\(32rem\,calc\(100vw-2rem\)\)\] {
    width: min(32rem, 100vw - 2rem);
  }

  .w-\[min\(34rem\,calc\(100vw-2rem\)\)\] {
    width: min(34rem, 100vw - 2rem);
  }

  .w-\[min\(36rem\,calc\(100vw-1rem\)\)\] {
    width: min(36rem, 100vw - 1rem);
  }

  .w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
    width: min(36rem, 100vw - 2rem);
  }

  .w-\[min\(38rem\,calc\(100vw-2rem\)\)\] {
    width: min(38rem, 100vw - 2rem);
  }

  .w-\[min\(38vw\,9rem\)\] {
    width: min(38vw, 9rem);
  }

  .w-\[min\(42rem\,calc\(100vw-1rem\)\)\] {
    width: min(42rem, 100vw - 1rem);
  }

  .w-\[min\(44rem\,calc\(100vw-2rem\)\)\] {
    width: min(44rem, 100vw - 2rem);
  }

  .w-\[min\(46vw\,10\.5rem\)\] {
    width: min(46vw, 10.5rem);
  }

  .w-\[min\(46vw\,16rem\)\] {
    width: min(46vw, 16rem);
  }

  .w-\[min\(48rem\,calc\(100vw-1rem\)\)\] {
    width: min(48rem, 100vw - 1rem);
  }

  .w-\[min\(52rem\,calc\(100vw-1rem\)\)\] {
    width: min(52rem, 100vw - 1rem);
  }

  .w-\[min\(52rem\,calc\(100vw-2rem\)\)\] {
    width: min(52rem, 100vw - 2rem);
  }

  .w-\[min\(64rem\,calc\(100vw-1rem\)\)\] {
    width: min(64rem, 100vw - 1rem);
  }

  .w-\[min\(72rem\,calc\(100vw-1rem\)\)\] {
    width: min(72rem, 100vw - 1rem);
  }

  .w-\[min\(72vw\,22rem\)\] {
    width: min(72vw, 22rem);
  }

  .w-\[min\(84vw\,320px\)\] {
    width: min(84vw, 320px);
  }

  .w-\[min\(92vw\,540px\)\] {
    width: min(92vw, 540px);
  }

  .w-\[min\(96vw\,420px\)\] {
    width: min(96vw, 420px);
  }

  .w-\[min\(300px\,calc\(100vw-3rem\)\)\] {
    width: min(300px, 100vw - 3rem);
  }

  .w-\[min\(340px\,calc\(100vw-1rem\)\)\] {
    width: min(340px, 100vw - 1rem);
  }

  .w-\[min\(360px\,calc\(100vw-1rem\)\)\] {
    width: min(360px, 100vw - 1rem);
  }

  .w-\[min\(380px\,calc\(100vw-2rem\)\)\] {
    width: min(380px, 100vw - 2rem);
  }

  .w-\[min\(420px\,calc\(100vw-1rem\)\)\] {
    width: min(420px, 100vw - 1rem);
  }

  .w-\[min\(520px\,calc\(100vw-1rem\)\)\] {
    width: min(520px, 100vw - 1rem);
  }

  .w-\[min\(640px\,calc\(100vw-1rem\)\)\] {
    width: min(640px, 100vw - 1rem);
  }

  .w-\[min\(760px\,calc\(100vw-1rem\)\)\] {
    width: min(760px, 100vw - 1rem);
  }

  .w-\[min\(920px\,calc\(100vw-1rem\)\)\] {
    width: min(920px, 100vw - 1rem);
  }

  .w-\[min\(1120px\,calc\(100vw-1rem\)\)\] {
    width: min(1120px, 100vw - 1rem);
  }

  .w-\[min\(calc\(100vw-2rem\)\,28rem\)\] {
    width: min(100vw - 2rem, 28rem);
  }

  .w-\[min\(calc\(100vw-2rem\)\,34rem\)\] {
    width: min(100vw - 2rem, 34rem);
  }

  .w-\[min\(calc\(100vw_-_1\.5rem\)\,220px\)\] {
    width: min(100vw - 1.5rem, 220px);
  }

  .w-\[var\(--aid-table-mobile-sticky-width\)\] {
    width: var(--aid-table-mobile-sticky-width);
  }

  .w-\[var\(--aid-table-viewport-width\)\] {
    width: var(--aid-table-viewport-width);
  }

  .w-\[var\(--cairn-dock-width\)\] {
    width: var(--cairn-dock-width);
  }

  .w-\[var\(--conversations-dock-width\)\] {
    width: var(--conversations-dock-width);
  }

  .w-\[var\(--idea-width\)\] {
    width: var(--idea-width);
  }

  .w-\[var\(--preview-dock-width\)\] {
    width: var(--preview-dock-width);
  }

  .w-\[var\(--preview-sheet-wide-width\)\] {
    width: var(--preview-sheet-wide-width);
  }

  .w-\[var\(--relay-table-viewport-width\)\] {
    width: var(--relay-table-viewport-width);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-2xl {
    max-width: var(--container-2xl) !important;
  }

  .\!max-w-5xl {
    max-width: var(--container-5xl) !important;
  }

  .\!max-w-280 {
    max-width: calc(var(--spacing) * 280) !important;
  }

  .\!max-w-\[36rem\] {
    max-width: 36rem !important;
  }

  .\!max-w-\[52rem\] {
    max-width: 52rem !important;
  }

  .\!max-w-\[58rem\] {
    max-width: 58rem !important;
  }

  .\!max-w-full {
    max-width: 100% !important;
  }

  .\!max-w-none {
    max-width: none !important;
  }

  .max-w-0 {
    max-width: 0;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4 {
    max-width: calc(var(--spacing) * 4);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7 {
    max-width: calc(var(--spacing) * 7);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-8 {
    max-width: calc(var(--spacing) * 8);
  }

  .max-w-9 {
    max-width: calc(var(--spacing) * 9);
  }

  .max-w-10 {
    max-width: calc(var(--spacing) * 10);
  }

  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }

  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }

  .max-w-25 {
    max-width: calc(var(--spacing) * 25);
  }

  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }

  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }

  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }

  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }

  .max-w-38 {
    max-width: calc(var(--spacing) * 38);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }

  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }

  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }

  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }

  .max-w-55 {
    max-width: calc(var(--spacing) * 55);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-65 {
    max-width: calc(var(--spacing) * 65);
  }

  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }

  .max-w-120 {
    max-width: calc(var(--spacing) * 120);
  }

  .max-w-165 {
    max-width: calc(var(--spacing) * 165);
  }

  .max-w-170 {
    max-width: calc(var(--spacing) * 170);
  }

  .max-w-180 {
    max-width: calc(var(--spacing) * 180);
  }

  .max-w-190 {
    max-width: calc(var(--spacing) * 190);
  }

  .max-w-195 {
    max-width: calc(var(--spacing) * 195);
  }

  .max-w-215 {
    max-width: calc(var(--spacing) * 215);
  }

  .max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }

  .max-w-\[7rem\] {
    max-width: 7rem;
  }

  .max-w-\[8\.5in\] {
    max-width: 8.5in;
  }

  .max-w-\[8rem\] {
    max-width: 8rem;
  }

  .max-w-\[9rem\] {
    max-width: 9rem;
  }

  .max-w-\[10rem\] {
    max-width: 10rem;
  }

  .max-w-\[11rem\] {
    max-width: 11rem;
  }

  .max-w-\[12rem\] {
    max-width: 12rem;
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[15rem\] {
    max-width: 15rem;
  }

  .max-w-\[17rem\] {
    max-width: 17rem;
  }

  .max-w-\[18rem\] {
    max-width: 18rem;
  }

  .max-w-\[20rem\] {
    max-width: 20rem;
  }

  .max-w-\[21rem\] {
    max-width: 21rem;
  }

  .max-w-\[22rem\] {
    max-width: 22rem;
  }

  .max-w-\[24\.5rem\] {
    max-width: 24.5rem;
  }

  .max-w-\[30\%\] {
    max-width: 30%;
  }

  .max-w-\[30rem\] {
    max-width: 30rem;
  }

  .max-w-\[32ch\] {
    max-width: 32ch;
  }

  .max-w-\[32rem\] {
    max-width: 32rem;
  }

  .max-w-\[34rem\] {
    max-width: 34rem;
  }

  .max-w-\[36\%\] {
    max-width: 36%;
  }

  .max-w-\[40\%\] {
    max-width: 40%;
  }

  .max-w-\[40px\] {
    max-width: 40px;
  }

  .max-w-\[40vw\] {
    max-width: 40vw;
  }

  .max-w-\[42rem\] {
    max-width: 42rem;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-\[45rem\] {
    max-width: 45rem;
  }

  .max-w-\[48vw\] {
    max-width: 48vw;
  }

  .max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-w-\[50vw\] {
    max-width: 50vw;
  }

  .max-w-\[52px\] {
    max-width: 52px;
  }

  .max-w-\[56px\] {
    max-width: 56px;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[60vw\] {
    max-width: 60vw;
  }

  .max-w-\[65\%\] {
    max-width: 65%;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[70vw\] {
    max-width: 70vw;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[80px\] {
    max-width: 80px;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[85vw\] {
    max-width: 85vw;
  }

  .max-w-\[88\%\] {
    max-width: 88%;
  }

  .max-w-\[88vw\] {
    max-width: 88vw;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[90rem\] {
    max-width: 90rem;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[95vw\] {
    max-width: 95vw;
  }

  .max-w-\[96rem\] {
    max-width: 96rem;
  }

  .max-w-\[100dvw\] {
    max-width: 100dvw;
  }

  .max-w-\[100vw\] {
    max-width: 100vw;
  }

  .max-w-\[112px\] {
    max-width: 112px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[168px\] {
    max-width: 168px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[190px\] {
    max-width: 190px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[230px\] {
    max-width: 230px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[332px\] {
    max-width: 332px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[390px\] {
    max-width: 390px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[1140px\] {
    max-width: 1140px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[1920px\] {
    max-width: 1920px;
  }

  .max-w-\[calc\(\(100vw-60px\)\/2\)\] {
    max-width: calc(50vw - 30px);
  }

  .max-w-\[calc\(100\%-0\.5rem\)\] {
    max-width: calc(100% - .5rem);
  }

  .max-w-\[calc\(100\%-1\.5rem\)\] {
    max-width: calc(100% - 1.5rem);
  }

  .max-w-\[calc\(100\%-5rem\)\] {
    max-width: calc(100% - 5rem);
  }

  .max-w-\[calc\(100\%-24px\)\] {
    max-width: calc(100% - 24px);
  }

  .max-w-\[calc\(100\%_-_4\.5rem\)\] {
    max-width: calc(100% - 4.5rem);
  }

  .max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem);
  }

  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[calc\(100vw-3rem\)\] {
    max-width: calc(100vw - 3rem);
  }

  .max-w-\[calc\(100vw-12px\)\] {
    max-width: calc(100vw - 12px);
  }

  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }

  .max-w-\[min\(12rem\,44vw\)\] {
    max-width: min(12rem, 44vw);
  }

  .max-w-\[min\(15rem\,48vw\)\] {
    max-width: min(15rem, 48vw);
  }

  .max-w-\[min\(18rem\,52vw\)\] {
    max-width: min(18rem, 52vw);
  }

  .max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(20rem, 100vw - 2rem);
  }

  .max-w-\[min\(23rem\,calc\(100vw-0\.75rem\)\)\] {
    max-width: min(23rem, 100vw - .75rem);
  }

  .max-w-\[min\(32rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(32rem, 100vw - 2rem);
  }

  .max-w-\[min\(45dvh\,18rem\)\] {
    max-width: min(45dvh, 18rem);
  }

  .max-w-\[min\(56vw\,240px\)\] {
    max-width: min(56vw, 240px);
  }

  .max-w-\[min\(70vw\,420px\)\] {
    max-width: min(70vw, 420px);
  }

  .max-w-\[min\(78vw\,460px\)\] {
    max-width: min(78vw, 460px);
  }

  .max-w-\[min\(82vw\,560px\)\] {
    max-width: min(82vw, 560px);
  }

  .max-w-\[min\(86vw\,520px\)\] {
    max-width: min(86vw, 520px);
  }

  .max-w-\[min\(100\%\,16rem\)\] {
    max-width: min(100%, 16rem);
  }

  .max-w-\[min\(calc\(100vw_-_1\.5rem\)\,14rem\)\] {
    max-width: min(100vw - 1.5rem, 14rem);
  }

  .max-w-\[var\(--aid-table-mobile-sticky-width\)\] {
    max-width: var(--aid-table-mobile-sticky-width);
  }

  .max-w-\[var\(--aid-table-viewport-width\)\] {
    max-width: var(--aid-table-viewport-width);
  }

  .max-w-\[var\(--fitted-logo-max-width\)\] {
    max-width: var(--fitted-logo-max-width);
  }

  .max-w-\[var\(--relay-table-viewport-width\)\] {
    max-width: var(--relay-table-viewport-width);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .\!min-w-0 {
    min-width: 0 !important;
  }

  .\!min-w-4 {
    min-width: calc(var(--spacing) * 4) !important;
  }

  .\!min-w-8 {
    min-width: calc(var(--spacing) * 8) !important;
  }

  .\!min-w-10 {
    min-width: calc(var(--spacing) * 10) !important;
  }

  .\!min-w-11 {
    min-width: calc(var(--spacing) * 11) !important;
  }

  .\!min-w-max {
    min-width: max-content !important;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }

  .min-w-2\.5 {
    min-width: calc(var(--spacing) * 2.5);
  }

  .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }

  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-38 {
    min-width: calc(var(--spacing) * 38);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-55 {
    min-width: calc(var(--spacing) * 55);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }

  .min-w-65 {
    min-width: calc(var(--spacing) * 65);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-130 {
    min-width: calc(var(--spacing) * 130);
  }

  .min-w-\[1\.25rem\] {
    min-width: 1.25rem;
  }

  .min-w-\[1rem\] {
    min-width: 1rem;
  }

  .min-w-\[4\.75rem\] {
    min-width: 4.75rem;
  }

  .min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }

  .min-w-\[5rem\] {
    min-width: 5rem;
  }

  .min-w-\[6\.75rem\] {
    min-width: 6.75rem;
  }

  .min-w-\[6px\] {
    min-width: 6px;
  }

  .min-w-\[6rem\] {
    min-width: 6rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[9rem\] {
    min-width: 9rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[11rem\] {
    min-width: 11rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[13rem\] {
    min-width: 13rem;
  }

  .min-w-\[15px\] {
    min-width: 15px;
  }

  .min-w-\[15rem\] {
    min-width: 15rem;
  }

  .min-w-\[16px\] {
    min-width: 16px;
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .min-w-\[18\.5rem\] {
    min-width: 18.5rem;
  }

  .min-w-\[18px\] {
    min-width: 18px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[36px\] {
    min-width: 36px;
  }

  .min-w-\[44px\] {
    min-width: 44px;
  }

  .min-w-\[45px\] {
    min-width: 45px;
  }

  .min-w-\[50px\] {
    min-width: 50px;
  }

  .min-w-\[52px\] {
    min-width: 52px;
  }

  .min-w-\[72px\] {
    min-width: 72px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[86px\] {
    min-width: 86px;
  }

  .min-w-\[88px\] {
    min-width: 88px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[112px\] {
    min-width: 112px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[130px\] {
    min-width: 130px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[190px\] {
    min-width: 190px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[460px\] {
    min-width: 460px;
  }

  .min-w-\[480px\] {
    min-width: 480px;
  }

  .min-w-\[520px\] {
    min-width: 520px;
  }

  .min-w-\[560px\] {
    min-width: 560px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-\[640px\] {
    min-width: 640px;
  }

  .min-w-\[680px\] {
    min-width: 680px;
  }

  .min-w-\[700px\] {
    min-width: 700px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[760px\] {
    min-width: 760px;
  }

  .min-w-\[780px\] {
    min-width: 780px;
  }

  .min-w-\[880px\] {
    min-width: 880px;
  }

  .min-w-\[900px\] {
    min-width: 900px;
  }

  .min-w-\[1700px\] {
    min-width: 1700px;
  }

  .min-w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    min-width: min(20rem, 100vw - 2rem);
  }

  .min-w-\[min\(22rem\,calc\(100vw-3rem\)\)\] {
    min-width: min(22rem, 100vw - 3rem);
  }

  .min-w-\[var\(--aid-table-mobile-min-width\)\] {
    min-width: var(--aid-table-mobile-min-width);
  }

  .min-w-\[var\(--aid-table-mobile-sticky-width\)\] {
    min-width: var(--aid-table-mobile-sticky-width);
  }

  .min-w-fit {
    min-width: fit-content;
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-max {
    min-width: max-content;
  }

  .\!flex-1 {
    flex: 1 !important;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_1_4\.25rem\] {
    flex: 4.25rem;
  }

  .flex-\[1_1_28rem\] {
    flex: 28rem;
  }

  .flex-\[2\] {
    flex: 2;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .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-40 {
    flex-basis: calc(var(--spacing) * 40);
  }

  .basis-44 {
    flex-basis: calc(var(--spacing) * 44);
  }

  .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }

  .basis-52 {
    flex-basis: calc(var(--spacing) * 52);
  }

  .basis-56 {
    flex-basis: calc(var(--spacing) * 56);
  }

  .basis-64 {
    flex-basis: calc(var(--spacing) * 64);
  }

  .basis-72 {
    flex-basis: calc(var(--spacing) * 72);
  }

  .basis-\[22rem\] {
    flex-basis: 22rem;
  }

  .basis-\[124px\] {
    flex-basis: 124px;
  }

  .basis-\[180px\] {
    flex-basis: 180px;
  }

  .basis-\[240px\] {
    flex-basis: 240px;
  }

  .basis-\[300px\] {
    flex-basis: 300px;
  }

  .basis-auto {
    flex-basis: auto;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-bottom {
    transform-origin: bottom;
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-left {
    transform-origin: 0;
  }

  .origin-top {
    transform-origin: top;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/3 {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/3 {
    --tw-translate-x: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-7 {
    --tw-translate-x: calc(var(--spacing) * 7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[1\.25px\] {
    --tw-translate-x: 1.25px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[1px\] {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[calc\(100\%\+1\.5rem\)\] {
    --tw-translate-x: calc(100% + 1.5rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-16 {
    --tw-translate-y: calc(var(--spacing) * -16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[1\.5px\] {
    --tw-translate-y: calc(1.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[calc\(100\%\+14px\)\] {
    --tw-translate-y: calc(calc(100% + 14px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-6 {
    --tw-translate-y: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-16 {
    --tw-translate-y: calc(var(--spacing) * 16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[14px\] {
    --tw-translate-y: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(100\%\+1\.5rem\)\] {
    --tw-translate-y: calc(100% + 1.5rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(100\%\+var\(--ehq-mobile-dock-clearance\,5rem\)\)\] {
    --tw-translate-y: calc(100% + var(--ehq-mobile-dock-clearance, 5rem));
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(100\%\+var\(--ehq-mobile-dock-clearance\,8\.5rem\)\)\] {
    --tw-translate-y: calc(100% + var(--ehq-mobile-dock-clearance, 8.5rem));
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    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-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    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);
  }

  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[0\.96\] {
    scale: .96;
  }

  .scale-\[0\.97\] {
    scale: .97;
  }

  .scale-\[0\.998\] {
    scale: .998;
  }

  .scale-\[1\.04\] {
    scale: 1.04;
  }

  .scale-\[1\.16\] {
    scale: 1.16;
  }

  .scale-\[1\.35\] {
    scale: 1.35;
  }

  .-rotate-1 {
    rotate: -1deg;
  }

  .-rotate-2 {
    rotate: -2deg;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-1 {
    rotate: 1deg;
  }

  .rotate-2 {
    rotate: 2deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-45deg\] {
    rotate: -45deg;
  }

  .\!transform-none {
    transform: none !important;
  }

  .\[transform\:scale\(1\)\] {
    transform: scale(1);
  }

  .\[transform\:scale\(1\.06\)\] {
    transform: scale(1.06);
  }

  .\[transform\:translate3d\(0\,-0\.75rem\,0\)\] {
    transform: translate3d(0, -.75rem, 0);
  }

  .\[transform\:translate3d\(0\,0\,0\)\] {
    transform: translate3d(0, 0, 0);
  }

  .\[transform\:translate3d\(0\,1\.25rem\,0\)\] {
    transform: translate3d(0, 1.25rem, 0);
  }

  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[wiggle_0\.45s_ease-in-out_2\] {
    animation: .45s ease-in-out 2 wiggle;
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-\(--cursor-interactive\), .cursor-\[var\(--cursor-interactive\)\] {
    cursor: var(--cursor-interactive);
  }

  .cursor-\[var\(--cursor-interactive\,pointer\)\] {
    cursor: var(--cursor-interactive, pointer);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-copy {
    cursor: copy;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-se-resize {
    cursor: se-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .\[touch-action\:pan-y_pinch-zoom\] {
    touch-action: pan-y pinch-zoom;
  }

  .touch-auto {
    touch-action: auto;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }

  .scroll-mt-8 {
    scroll-margin-top: calc(var(--spacing) * 8);
  }

  .scroll-mt-14 {
    scroll-margin-top: calc(var(--spacing) * 14);
  }

  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }

  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .scroll-mt-32 {
    scroll-margin-top: calc(var(--spacing) * 32);
  }

  .scroll-mt-\[4\.5rem\] {
    scroll-margin-top: 4.5rem;
  }

  .scroll-mt-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+var\(--ehq-cin-nav-h\,0px\)\+var\(--ehq-participant-utility-sticky-h\,var\(--ehq-participant-utility-header-h\,0px\)\)\+var\(--ehq-race-day-banner-stack-h\,0px\)\+0\.75rem\)\] {
    scroll-margin-top: calc(var(--ehq-offline-banner-h, 0px) + var(--ehq-cin-nav-h, 0px) + var(--ehq-participant-utility-sticky-h, var(--ehq-participant-utility-header-h, 0px)) + var(--ehq-race-day-banner-stack-h, 0px) + .75rem);
  }

  .scroll-mb-4 {
    scroll-margin-bottom: calc(var(--spacing) * 4);
  }

  .scroll-mb-28 {
    scroll-margin-bottom: calc(var(--spacing) * 28);
  }

  .scroll-mb-\[calc\(var\(--keyboard-inset-height\,0px\)\+1rem\)\] {
    scroll-margin-bottom: calc(var(--keyboard-inset-height, 0px) + 1rem);
  }

  .scroll-px-4 {
    scroll-padding-inline: calc(var(--spacing) * 4);
  }

  .scroll-px-10 {
    scroll-padding-inline: calc(var(--spacing) * 10);
  }

  .scrollbar {
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--scrollbar-color);
    scrollbar-gutter: var(--scrollbar-gutter);
  }

  .scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-gutter: auto;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\], .scrollbar-thin {
    scrollbar-width: thin;
  }

  .\[scrollbar-color\:var\(--sidebar-border\)_transparent\] {
    scrollbar-color: var(--sidebar-border) transparent;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .\[appearance\:textfield\] {
    appearance: textfield;
  }

  .appearance-none {
    appearance: none;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .auto-cols-\[9\.5rem\] {
    grid-auto-columns: 9.5rem;
  }

  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-flow-dense {
    grid-auto-flow: dense;
  }

  .auto-rows-\[140px\] {
    grid-auto-rows: 140px;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-1\! {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-cols-\[0\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }

  .grid-cols-\[0fr\] {
    grid-template-columns: 0fr;
  }

  .grid-cols-\[1\.2fr_0\.8fr_1\.4fr_1fr\] {
    grid-template-columns: 1.2fr .8fr 1.4fr 1fr;
  }

  .grid-cols-\[1\.2fr_1fr_1fr_0\.8fr\] {
    grid-template-columns: 1.2fr 1fr 1fr .8fr;
  }

  .grid-cols-\[1\.3fr_1fr_1fr_1\.2fr_1fr_0\.8fr\] {
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr 1fr .8fr;
  }

  .grid-cols-\[1\.4fr_1fr_\.9fr_\.9fr\] {
    grid-template-columns: 1.4fr 1fr .9fr .9fr;
  }

  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[1\.6fr_1fr_\.9fr_\.9fr\] {
    grid-template-columns: 1.6fr 1fr .9fr .9fr;
  }

  .grid-cols-\[1\.25rem_minmax\(0\,auto\)\] {
    grid-template-columns: 1.25rem minmax(0, auto);
  }

  .grid-cols-\[1\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }

  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  .grid-cols-\[1fr_6rem\] {
    grid-template-columns: 1fr 6rem;
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[1fr_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto;
  }

  .grid-cols-\[1rem_1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem 1rem minmax(0, 1fr);
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0, 1fr);
  }

  .grid-cols-\[2\.5rem_1fr_auto\] {
    grid-template-columns: 2.5rem 1fr auto;
  }

  .grid-cols-\[2\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }

  .grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.75rem minmax(0, 1fr);
  }

  .grid-cols-\[2rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .grid-cols-\[3\.5rem_8rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3.5rem 8rem minmax(0, 1fr);
  }

  .grid-cols-\[3\.5rem_minmax\(0\,1fr\)_2\.5rem\] {
    grid-template-columns: 3.5rem minmax(0, 1fr) 2.5rem;
  }

  .grid-cols-\[3\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[3\.625rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3.625rem minmax(0, 1fr);
  }

  .grid-cols-\[3rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .grid-cols-\[3rem_minmax\(0\,1fr\)_3rem\] {
    grid-template-columns: 3rem minmax(0, 1fr) 3rem;
  }

  .grid-cols-\[3rem_minmax\(0\,1fr\)_3rem_3rem\] {
    grid-template-columns: 3rem minmax(0, 1fr) 3rem 3rem;
  }

  .grid-cols-\[4rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 4rem minmax(0, 1fr);
  }

  .grid-cols-\[4rem_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: 4rem minmax(0, 1fr) 2rem;
  }

  .grid-cols-\[5\.5rem_auto\] {
    grid-template-columns: 5.5rem auto;
  }

  .grid-cols-\[5\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }

  .grid-cols-\[5\.5rem_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: 5.5rem minmax(0, 1fr) 2rem;
  }

  .grid-cols-\[5\.5rem_minmax\(0\,1fr\)_5\.5rem\] {
    grid-template-columns: 5.5rem minmax(0, 1fr) 5.5rem;
  }

  .grid-cols-\[5\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[5\.75rem_5\.75rem_minmax\(14rem\,1fr\)_8rem_minmax\(11rem\,0\.85fr\)_3rem\] {
    grid-template-columns: 5.75rem 5.75rem minmax(14rem, 1fr) 8rem minmax(11rem, .85fr) 3rem;
  }

  .grid-cols-\[5\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5.75rem minmax(0, 1fr);
  }

  .grid-cols-\[5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  .grid-cols-\[7\.5rem_1fr\] {
    grid-template-columns: 7.5rem 1fr;
  }

  .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7rem minmax(0, 1fr);
  }

  .grid-cols-\[7rem_minmax\(12rem\,1fr\)_9rem_5rem_6rem_2rem\] {
    grid-template-columns: 7rem minmax(12rem, 1fr) 9rem 5rem 6rem 2rem;
  }

  .grid-cols-\[9rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 9rem minmax(0, 1fr);
  }

  .grid-cols-\[32px_minmax\(0\,1fr\)\] {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .grid-cols-\[42px_minmax\(0\,1fr\)_130px\] {
    grid-template-columns: 42px minmax(0, 1fr) 130px;
  }

  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }

  .grid-cols-\[140px_120px_1fr_160px_auto\] {
    grid-template-columns: 140px 120px 1fr 160px auto;
  }

  .grid-cols-\[170px_minmax\(210px\,240px\)_128px_minmax\(240px\,320px\)_180px_90px_104px_96px_minmax\(180px\,220px\)_150px\] {
    grid-template-columns: 170px minmax(210px, 240px) 128px minmax(240px, 320px) 180px 90px 104px 96px minmax(180px, 220px) 150px;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_2\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto 2.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,0\.9fr\)_7rem_minmax\(0\,1\.1fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-columns: minmax(0, .9fr) 7rem minmax(0, 1.1fr) minmax(0, 1.2fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_5\.5rem\] {
    grid-template-columns: minmax(0, 1fr) 5.5rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_5rem_7rem\] {
    grid-template-columns: minmax(0, 1fr) 5rem 7rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_6rem\] {
    grid-template-columns: minmax(0, 1fr) 6rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_7rem_6rem\] {
    grid-template-columns: minmax(0, 1fr) 7rem 6rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_8rem_auto\] {
    grid-template-columns: minmax(0, 1fr) 8rem auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_9rem_9rem_7rem\] {
    grid-template-columns: minmax(0, 1fr) 9rem 9rem 7rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    grid-template-columns: minmax(0, 1fr) 22rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_52px_52px_52px\] {
    grid-template-columns: minmax(0, 1fr) 52px 52px 52px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_32px\] {
    grid-template-columns: minmax(0, 1fr) 72px 32px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_64px\] {
    grid-template-columns: minmax(0, 1fr) 72px 64px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_72px_64px\] {
    grid-template-columns: minmax(0, 1fr) 72px 72px 64px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_72px_72px_112px\] {
    grid-template-columns: minmax(0, 1fr) 72px 72px 72px 112px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_72px_78px_92px\] {
    grid-template-columns: minmax(0, 1fr) 72px 72px 78px 92px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_88px\] {
    grid-template-columns: minmax(0, 1fr) 88px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_96px\] {
    grid-template-columns: minmax(0, 1fr) 96px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_96px_auto\] {
    grid-template-columns: minmax(0, 1fr) 96px auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_max-content\] {
    grid-template-columns: minmax(0, 1fr) max-content;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(7rem\,9rem\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 9rem);
  }

  .grid-cols-\[minmax\(6\.75rem\,1\.35fr\)_minmax\(2\.75rem\,0\.65fr\)_minmax\(3\.25rem\,0\.7fr\)\] {
    grid-template-columns: minmax(6.75rem, 1.35fr) minmax(2.75rem, .65fr) minmax(3.25rem, .7fr);
  }

  .grid-cols-\[minmax\(7rem\,1fr\)_repeat\(3\,minmax\(3\.25rem\,4\.75rem\)\)\] {
    grid-template-columns: minmax(7rem, 1fr) repeat(3, minmax(3.25rem, 4.75rem));
  }

  .grid-cols-\[minmax\(8rem\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(8rem, 1fr) auto auto;
  }

  .grid-cols-\[minmax\(11rem\,1fr\)_minmax\(14rem\,1\.25fr\)_7rem_9\.5rem\] {
    grid-template-columns: minmax(11rem, 1fr) minmax(14rem, 1.25fr) 7rem 9.5rem;
  }

  .grid-cols-\[minmax\(14rem\,1fr\)_12rem_10rem_8rem\] {
    grid-template-columns: minmax(14rem, 1fr) 12rem 10rem 8rem;
  }

  .grid-cols-\[minmax\(220px\,1fr\)_repeat\(4\,minmax\(112px\,1fr\)\)_88px_72px\] {
    grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(112px, 1fr)) 88px 72px;
  }

  .grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .grid-rows-\[minmax\(50dvh\,1fr\)_auto\] {
    grid-template-rows: minmax(50dvh, 1fr) auto;
  }

  .\!flex-row {
    flex-direction: row !important;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-start {
    align-content: flex-start;
  }

  .\!items-center {
    align-items: center !important;
  }

  .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 !important;
  }

  .\!justify-center {
    justify-content: center !important;
  }

  .\!justify-end {
    justify-content: flex-end !important;
  }

  .\!justify-start {
    justify-content: flex-start !important;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-stretch {
    justify-content: stretch;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-start {
    justify-items: start;
  }

  .justify-items-stretch {
    justify-items: stretch;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .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-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-px {
    gap: 1px;
  }

  :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-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }

  :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(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * 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-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * 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)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-14 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {
    column-gap: var(--spacing);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-x-\[0\.55ch\] {
    column-gap: .55ch;
  }

  :where(.-space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: var(--border);
  }

  :where(.divide-border\/60 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  :where(.divide-border\/70 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/70 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  :where(.divide-divider > :not(:last-child)) {
    border-color: var(--border);
  }

  :where(.divide-divider\/50 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-divider\/50 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  :where(.divide-divider\/60 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-divider\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  :where(.divide-divider\/70 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-divider\/70 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  :where(.divide-red-500\/10 > :not(:last-child)) {
    border-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-red-500\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  :where(.divide-separator > :not(:last-child)) {
    border-color: var(--separator);
  }

  :where(.divide-white\/5 > :not(:last-child)) {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/5 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  :where(.divide-white\/\[0\.04\] > :not(:last-child)) {
    border-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/\[0\.04\] > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  :where(.divide-zinc-200 > :not(:last-child)) {
    border-color: var(--color-zinc-200);
  }

  .self-auto {
    align-self: auto;
  }

  .self-baseline {
    align-self: baseline;
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .\!justify-self-stretch {
    justify-self: stretch !important;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .\!overflow-y-auto {
    overflow-y: auto !important;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-none {
    overscroll-behavior: none;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .\!rounded-2xl {
    border-radius: calc(var(--radius) * 2) !important;
  }

  .\!rounded-\[inherit\] {
    border-radius: inherit !important;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

  .\!rounded-none {
    border-radius: 0 !important;
  }

  .\!rounded-xl {
    border-radius: calc(var(--radius) + 4px) !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 2);
  }

  .rounded-3xl {
    border-radius: calc(var(--radius) * 3);
  }

  .rounded-\[0\.7rem\] {
    border-radius: .7rem;
  }

  .rounded-\[0\.8rem\] {
    border-radius: .8rem;
  }

  .rounded-\[0\.9rem\] {
    border-radius: .9rem;
  }

  .rounded-\[0\.65rem\] {
    border-radius: .65rem;
  }

  .rounded-\[0\.875rem\] {
    border-radius: .875rem;
  }

  .rounded-\[1\.4rem\] {
    border-radius: 1.4rem;
  }

  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }

  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[calc\(var\(--radius\)\*2\.5\)\] {
    border-radius: calc(var(--radius) * 2.5);
  }

  .rounded-\[calc\(var\(--radius-2xl\)\+0\.25rem\)\] {
    border-radius: calc(var(--radius-2xl) + .25rem);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-field {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-2xl {
    border-top-left-radius: calc(var(--radius) * 2);
    border-top-right-radius: calc(var(--radius) * 2);
  }

  .rounded-t-\[19px\] {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
  }

  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .rounded-l-2xl {
    border-top-left-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
  }

  .rounded-l-\[28px\] {
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
  }

  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .rounded-l-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .rounded-tl-\[1\.75rem\] {
    border-top-left-radius: 1.75rem;
  }

  .rounded-tl-md {
    border-top-left-radius: calc(var(--radius) - 2px);
  }

  .rounded-r-2xl {
    border-top-right-radius: calc(var(--radius) * 2);
    border-bottom-right-radius: calc(var(--radius) * 2);
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-tr-\[1\.75rem\] {
    border-top-right-radius: 1.75rem;
  }

  .rounded-tr-md {
    border-top-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-b-\[19px\] {
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-br-\[1\.75rem\] {
    border-bottom-right-radius: 1.75rem;
  }

  .rounded-br-md {
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-bl-\[1\.75rem\] {
    border-bottom-left-radius: 1.75rem;
  }

  .rounded-bl-md {
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\!border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }

  .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-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .\!border-y-\[2\.75rem\] {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 2.75rem !important;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }

  .border-t-\[9px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 9px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-\[9px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 9px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[9px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 9px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-l-\[9px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 9px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\!border-\[var\(--brand-button-border\,var\(--brand-color\)\)\] {
    border-color: var(--brand-button-border, var(--brand-color)) !important;
  }

  .\!border-background {
    border-color: var(--background) !important;
  }

  .\!border-border\/70 {
    border-color: var(--border) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent) !important;
    }
  }

  .\!border-foreground\/30 {
    border-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-foreground\/30 {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent) !important;
    }
  }

  .\!border-primary\/50 {
    border-color: var(--primary) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent) !important;
    }
  }

  .\!border-success\/25 {
    border-color: var(--success) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-success\/25 {
      border-color: color-mix(in oklab, var(--success) 25%, transparent) !important;
    }
  }

  .border-\(--field-border\) {
    border-color: var(--field-border);
  }

  .border-\[\#183d3c\]\/20 {
    border-color: #183d3c33;
    border-color: lab(23.0757% -13.9822 -3.63486 / .2);
  }

  .border-\[\#404040\] {
    border-color: #404040;
  }

  .border-\[\#fff7e8\]\/20 {
    border-color: #fff7e833;
    border-color: lab(97.5592% .910759 8.23668 / .2);
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_15\%\,transparent\)\] {
    border-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_15\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--brand-color) 15%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_18\%\,var\(--border\)\)\] {
    border-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_18\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-color) 18%,var(--border));
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_45\%\,transparent\)\] {
    border-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_45\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--brand-color) 45%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-color-fg\,var\(--brand-color\)\)_28\%\,transparent\)\] {
    border-color: var(--brand-color-fg, var(--brand-color));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-color-fg\,var\(--brand-color\)\)_28\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--brand-color-fg, var(--brand-color)) 28%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-color-fg\,var\(--brand-color\)\)_30\%\,transparent\)\] {
    border-color: var(--brand-color-fg, var(--brand-color));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-color-fg\,var\(--brand-color\)\)_30\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--brand-color-fg, var(--brand-color)) 30%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--brand-fg\)_78\%\,transparent\)\] {
    border-color: var(--brand-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--brand-fg\)_78\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--brand-fg) 78%,transparent);
    }
  }

  .border-\[color\:var\(--cin-accent\)\] {
    border-color: var(--cin-accent);
  }

  .border-\[color\:var\(--cin-surface\,theme\(colors\.background\)\)\] {
    border-color: var(--cin-surface, var(--background));
  }

  .border-\[var\(--brand-border\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_28\%\,transparent\)\)\] {
    border-color: var(--brand-border, var(--saved-pile-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--brand-border\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_28\%\,transparent\)\)\] {
      border-color: var(--brand-border, color-mix(in srgb,var(--saved-pile-accent) 28%,transparent));
    }
  }

  .border-\[var\(--brand-border\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_40\%\,transparent\)\)\] {
    border-color: var(--brand-border, var(--saved-pile-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--brand-border\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_40\%\,transparent\)\)\] {
      border-color: var(--brand-border, color-mix(in srgb,var(--saved-pile-accent) 40%,transparent));
    }
  }

  .border-\[var\(--brand-button-border\)\] {
    border-color: var(--brand-button-border);
  }

  .border-\[var\(--brand-color\)\]\/20 {
    border-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--brand-color\)\]\/20 {
      border-color: color-mix(in oklab, var(--brand-color) 20%, transparent);
    }
  }

  .border-\[var\(--brand-color-fg\,var\(--brand-color\)\)\] {
    border-color: var(--brand-color-fg, var(--brand-color));
  }

  .border-\[var\(--cin-border\)\] {
    border-color: var(--cin-border);
  }

  .border-\[var\(--rdh-line\,var\(--border\)\)\] {
    border-color: var(--rdh-line, var(--border));
  }

  .border-accent {
    border-color: var(--accent);
  }

  .border-accent\/10 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/10 {
      border-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .border-accent\/20 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/20 {
      border-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .border-accent\/25 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/25 {
      border-color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }

  .border-accent\/30 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/30 {
      border-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .border-accent\/35 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/35 {
      border-color: color-mix(in oklab, var(--accent) 35%, transparent);
    }
  }

  .border-accent\/40 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/40 {
      border-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }

  .border-accent\/50 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/50 {
      border-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .border-accent\/60 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/60 {
      border-color: color-mix(in oklab, var(--accent) 60%, transparent);
    }
  }

  .border-accent\/70 {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/70 {
      border-color: color-mix(in oklab, var(--accent) 70%, transparent);
    }
  }

  .border-amber-100 {
    border-color: var(--color-amber-100);
  }

  .border-amber-100\/35 {
    border-color: #fef3c659;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-100\/35 {
      border-color: color-mix(in oklab, var(--color-amber-100) 35%, transparent);
    }
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-200\/35 {
    border-color: #fee68559;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/35 {
      border-color: color-mix(in oklab, var(--color-amber-200) 35%, transparent);
    }
  }

  .border-amber-200\/40 {
    border-color: #fee68566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/40 {
      border-color: color-mix(in oklab, var(--color-amber-200) 40%, transparent);
    }
  }

  .border-amber-200\/45 {
    border-color: #fee68573;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/45 {
      border-color: color-mix(in oklab, var(--color-amber-200) 45%, transparent);
    }
  }

  .border-amber-200\/50 {
    border-color: #fee68580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/50 {
      border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
    }
  }

  .border-amber-200\/60 {
    border-color: #fee68599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/60 {
      border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
    }
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-300\/55 {
    border-color: #ffd2368c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/55 {
      border-color: color-mix(in oklab, var(--color-amber-300) 55%, transparent);
    }
  }

  .border-amber-300\/60 {
    border-color: #ffd23699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/60 {
      border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);
    }
  }

  .border-amber-400\/25 {
    border-color: #fcbb0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/25 {
      border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

  .border-amber-500 {
    border-color: var(--color-amber-500);
  }

  .border-amber-500\/20 {
    border-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/20 {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .border-amber-500\/35 {
    border-color: #f99c0059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/35 {
      border-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent);
    }
  }

  .border-amber-600 {
    border-color: var(--color-amber-600);
  }

  .border-background {
    border-color: var(--background);
  }

  .border-background\/20 {
    border-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-background\/20 {
      border-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/5 {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/15 {
    border-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, 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-black\/25 {
    border-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/25 {
      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .border-black\/\[0\.06\] {
    border-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

  .border-black\/\[0\.08\] {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-blue-500\/20 {
    border-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/20 {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-border\/30 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/30 {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .border-border\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-border\/80 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }

  .border-brand-blue {
    border-color: var(--brand-blue);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-current\/10 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/10 {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

  .border-current\/20 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/20 {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }

  .border-danger {
    border-color: var(--danger);
  }

  .border-danger-200 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-200 {
      border-color: color-mix(in oklab, var(--danger) 28%, white);
    }
  }

  .border-danger\/10 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/10 {
      border-color: color-mix(in oklab, var(--danger) 10%, transparent);
    }
  }

  .border-danger\/15 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/15 {
      border-color: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  .border-danger\/20 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/20 {
      border-color: color-mix(in oklab, var(--danger) 20%, transparent);
    }
  }

  .border-danger\/25 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/25 {
      border-color: color-mix(in oklab, var(--danger) 25%, transparent);
    }
  }

  .border-danger\/30 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/30 {
      border-color: color-mix(in oklab, var(--danger) 30%, transparent);
    }
  }

  .border-danger\/35 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/35 {
      border-color: color-mix(in oklab, var(--danger) 35%, transparent);
    }
  }

  .border-danger\/40 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/40 {
      border-color: color-mix(in oklab, var(--danger) 40%, transparent);
    }
  }

  .border-danger\/50 {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/50 {
      border-color: color-mix(in oklab, var(--danger) 50%, transparent);
    }
  }

  .border-default-200 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-default-200 {
      border-color: color-mix(in oklab, var(--foreground) 13%, var(--background));
    }
  }

  .border-default-300 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-default-300 {
      border-color: color-mix(in oklab, var(--foreground) 20%, var(--background));
    }
  }

  .border-destructive {
    border-color: var(--destructive);
  }

  .border-destructive\/20 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/20 {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .border-destructive\/30 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/30 {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .border-destructive\/60 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/60 {
      border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .border-divider {
    border-color: var(--border);
  }

  .border-divider\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-divider\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-divider\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-divider\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-divider\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-divider\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-divider\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-divider\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-divider\/80 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-divider\/80 {
      border-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-200\/60 {
    border-color: #a4f4cf99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/60 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
    }
  }

  .border-emerald-300\/40 {
    border-color: #5ee9b566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 40%, transparent);
    }
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-focus {
    border-color: var(--focus);
  }

  .border-foreground {
    border-color: var(--foreground);
  }

  .border-foreground\/10 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/10 {
      border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .border-foreground\/15 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/15 {
      border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .border-foreground\/20 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/20 {
      border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .border-foreground\/25 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/25 {
      border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }

  .border-foreground\/30 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/30 {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .border-foreground\/40 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/40 {
      border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .border-foreground\/45 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/45 {
      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-200\/50 {
    border-color: #b9f8cf80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-200\/50 {
      border-color: color-mix(in oklab, var(--color-green-200) 50%, transparent);
    }
  }

  .border-green-300 {
    border-color: var(--color-green-300);
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-green-500\/20 {
    border-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .border-green-500\/30 {
    border-color: #00c7584d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/30 {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }

  .border-green-500\/50 {
    border-color: #00c75880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/50 {
      border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
    }
  }

  .border-indigo-200\/50 {
    border-color: #c7d2ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-200\/50 {
      border-color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent);
    }
  }

  .border-indigo-500\/10 {
    border-color: #625fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-500\/10 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }

  .border-info {
    border-color: var(--info);
  }

  .border-input {
    border-color: var(--input);
  }

  .border-muted {
    border-color: var(--muted);
  }

  .border-muted-foreground\/25 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/25 {
      border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }

  .border-muted-foreground\/30 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/30 {
      border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .border-muted-foreground\/35 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/35 {
      border-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .border-muted-foreground\/40 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/40 {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .border-muted\/60 {
    border-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted\/60 {
      border-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .border-neutral-500\/30 {
    border-color: #7373734d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-500\/30 {
      border-color: color-mix(in oklab, var(--color-neutral-500) 30%, transparent);
    }
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-orange-200\/60 {
    border-color: #ffd7a899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-200\/60 {
      border-color: color-mix(in oklab, var(--color-orange-200) 60%, transparent);
    }
  }

  .border-orange-300 {
    border-color: var(--color-orange-300);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-primary-foreground\/15 {
    border-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-foreground\/15 {
      border-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
    }
  }

  .border-primary-foreground\/30 {
    border-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-foreground\/30 {
      border-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);
    }
  }

  .border-primary-foreground\/40 {
    border-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-foreground\/40 {
      border-color: color-mix(in oklab, var(--primary-foreground) 40%, transparent);
    }
  }

  .border-primary\/10 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/10 {
      border-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .border-primary\/15 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/15 {
      border-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .border-primary\/20 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .border-primary\/25 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/25 {
      border-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-primary\/35 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/35 {
      border-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-primary\/45 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/45 {
      border-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }

  .border-primary\/50 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .border-primary\/60 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/60 {
      border-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .border-primary\/70 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/70 {
      border-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-500\/20 {
    border-color: #ac4bff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/20 {
      border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-200\/50 {
    border-color: #ffcaca80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-200\/50 {
      border-color: color-mix(in oklab, var(--color-red-200) 50%, transparent);
    }
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-500\/25 {
    border-color: #ff235740;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-500\/25 {
      border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
    }
  }

  .border-secondary {
    border-color: var(--secondary);
  }

  .border-secondary\/10 {
    border-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/10 {
      border-color: color-mix(in oklab, var(--secondary) 10%, transparent);
    }
  }

  .border-secondary\/20 {
    border-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/20 {
      border-color: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }

  .border-secondary\/30 {
    border-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/30 {
      border-color: color-mix(in oklab, var(--secondary) 30%, transparent);
    }
  }

  .border-separator {
    border-color: var(--separator);
  }

  .border-separator\/70 {
    border-color: var(--separator);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-separator\/70 {
      border-color: color-mix(in oklab, var(--separator) 70%, transparent);
    }
  }

  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }

  .border-sidebar-border\/70 {
    border-color: var(--sidebar-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sidebar-border\/70 {
      border-color: color-mix(in oklab, var(--sidebar-border) 70%, transparent);
    }
  }

  .border-sky-200\/50 {
    border-color: #b8e6fe80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-200\/50 {
      border-color: color-mix(in oklab, var(--color-sky-200) 50%, transparent);
    }
  }

  .border-sky-200\/60 {
    border-color: #b8e6fe99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-200\/60 {
      border-color: color-mix(in oklab, var(--color-sky-200) 60%, transparent);
    }
  }

  .border-slate-200\/60 {
    border-color: #e2e8f099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-200\/60 {
      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }

  .border-slate-500 {
    border-color: var(--color-slate-500);
  }

  .border-stone-200 {
    border-color: var(--color-stone-200);
  }

  .border-success {
    border-color: var(--success);
  }

  .border-success-200 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-200 {
      border-color: color-mix(in oklab, var(--success) 28%, white);
    }
  }

  .border-success-300 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-300 {
      border-color: color-mix(in oklab, var(--success) 45%, white);
    }
  }

  .border-success\/10 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/10 {
      border-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .border-success\/20 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/20 {
      border-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .border-success\/25 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/25 {
      border-color: color-mix(in oklab, var(--success) 25%, transparent);
    }
  }

  .border-success\/30 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/30 {
      border-color: color-mix(in oklab, var(--success) 30%, transparent);
    }
  }

  .border-success\/40 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/40 {
      border-color: color-mix(in oklab, var(--success) 40%, transparent);
    }
  }

  .border-success\/50 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/50 {
      border-color: color-mix(in oklab, var(--success) 50%, transparent);
    }
  }

  .border-teal-200 {
    border-color: var(--color-teal-200);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-200\/60 {
    border-color: #ddd6ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-200\/60 {
      border-color: color-mix(in oklab, var(--color-violet-200) 60%, transparent);
    }
  }

  .border-warning {
    border-color: var(--warning);
  }

  .border-warning-200 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-200 {
      border-color: color-mix(in oklab, var(--warning) 28%, white);
    }
  }

  .border-warning-200\/40 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-200\/40 {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 28%, white) 40%, transparent);
    }
  }

  .border-warning-200\/70 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-200\/70 {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 28%, white) 70%, transparent);
    }
  }

  .border-warning-300 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-300 {
      border-color: color-mix(in oklab, var(--warning) 45%, white);
    }
  }

  .border-warning-300\/70 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-300\/70 {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 45%, white) 70%, transparent);
    }
  }

  .border-warning\/10 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/10 {
      border-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .border-warning\/15 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/15 {
      border-color: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  .border-warning\/20 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/20 {
      border-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .border-warning\/25 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/25 {
      border-color: color-mix(in oklab, var(--warning) 25%, transparent);
    }
  }

  .border-warning\/30 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/30 {
      border-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }

  .border-warning\/35 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/35 {
      border-color: color-mix(in oklab, var(--warning) 35%, transparent);
    }
  }

  .border-warning\/40 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .border-warning\/50 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/50 {
      border-color: color-mix(in oklab, var(--warning) 50%, transparent);
    }
  }

  .border-warning\/60 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/60 {
      border-color: color-mix(in oklab, var(--warning) 60%, transparent);
    }
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .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\/35 {
    border-color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/35 {
      border-color: color-mix(in oklab, var(--color-white) 35%, 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\/50 {
    border-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .border-white\/60 {
    border-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/60 {
      border-color: color-mix(in oklab, var(--color-white) 60%, 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\/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-white\/90 {
    border-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/90 {
      border-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .border-white\/\[0\.16\] {
    border-color: #ffffff29;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.16\] {
      border-color: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }

  .border-yellow-500\/20 {
    border-color: #edb20033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/20 {
      border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }

  .border-yellow-500\/30 {
    border-color: #edb2004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/30 {
      border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
    }
  }

  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }

  .border-zinc-400 {
    border-color: var(--color-zinc-400);
  }

  .border-zinc-800 {
    border-color: var(--color-zinc-800);
  }

  .\!border-y-transparent {
    border-block-color: #0000 !important;
  }

  .border-t-primary {
    border-top-color: var(--primary);
  }

  .border-t-primary-foreground {
    border-top-color: var(--primary-foreground);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-t-white {
    border-top-color: var(--color-white);
  }

  .border-t-white\/80 {
    border-top-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-t-white\/80 {
      border-top-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .border-b-primary\/30 {
    border-bottom-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-primary\/30 {
      border-bottom-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-l-accent {
    border-left-color: var(--accent);
  }

  .border-l-amber-400 {
    border-left-color: var(--color-amber-400);
  }

  .border-l-border {
    border-left-color: var(--border);
  }

  .border-l-primary {
    border-left-color: var(--primary);
  }

  .border-l-warning\/60 {
    border-left-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-l-warning\/60 {
      border-left-color: color-mix(in oklab, var(--warning) 60%, transparent);
    }
  }

  .\!bg-\[var\(--brand-button-bg\,var\(--brand-color\)\)\] {
    background-color: var(--brand-button-bg, var(--brand-color)) !important;
  }

  .\!bg-background {
    background-color: var(--background) !important;
  }

  .\!bg-background\/30 {
    background-color: var(--background) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-background\/30 {
      background-color: color-mix(in oklab, var(--background) 30%, transparent) !important;
    }
  }

  .\!bg-foreground\/25 {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-foreground\/25 {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent) !important;
    }
  }

  .\!bg-foreground\/\[0\.08\] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-foreground\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--foreground) 8%, transparent) !important;
    }
  }

  .\!bg-neutral-800 {
    background-color: var(--color-neutral-800) !important;
  }

  .\!bg-neutral-900 {
    background-color: var(--color-neutral-900) !important;
  }

  .\!bg-neutral-950\/95 {
    background-color: #0a0a0af2 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-950\/95 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent) !important;
    }
  }

  .\!bg-success {
    background-color: var(--success) !important;
  }

  .\!bg-success\/10 {
    background-color: var(--success) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent) !important;
    }
  }

  .\!bg-surface {
    background-color: var(--surface) !important;
  }

  .\!bg-surface-secondary {
    background-color: var(--surface-secondary) !important;
  }

  .\!bg-surface-secondary\/70 {
    background-color: var(--surface-secondary) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-surface-secondary\/70 {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent) !important;
    }
  }

  .\!bg-surface-sunken {
    background-color: var(--surface-sunken) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .\!bg-warning {
    background-color: var(--warning) !important;
  }

  .\!bg-white {
    background-color: var(--color-white) !important;
  }

  .\!bg-white\/25 {
    background-color: #ffffff40 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
    }
  }

  .bg-\[\#0a0a0f\] {
    background-color: #0a0a0f;
  }

  .bg-\[\#0a120d\] {
    background-color: #0a120d;
  }

  .bg-\[\#1a1a1a\] {
    background-color: #1a1a1a;
  }

  .bg-\[\#2d2d2d\] {
    background-color: #2d2d2d;
  }

  .bg-\[\#5d996e\]\/20 {
    background-color: #5d996e33;
    background-color: lab(58.2423% -27.6731 16.2896 / .2);
  }

  .bg-\[\#6fbf8e\] {
    background-color: #6fbf8e;
  }

  .bg-\[\#8cb89f\]\/20 {
    background-color: #8cb89f33;
    background-color: lab(71.0762% -19.1518 7.73948 / .2);
  }

  .bg-\[\#22d3ee\] {
    background-color: #22d3ee;
  }

  .bg-\[\#34c759\] {
    background-color: #34c759;
  }

  .bg-\[\#11100d\] {
    background-color: #11100d;
  }

  .bg-\[\#13131a\] {
    background-color: #13131a;
  }

  .bg-\[\#123238\] {
    background-color: #123238;
  }

  .bg-\[\#404040\] {
    background-color: #404040;
  }

  .bg-\[\#c94735\]\/15 {
    background-color: #c9473526;
    background-color: lab(49.1649% 51.8041 39.627 / .15);
  }

  .bg-\[\#ddeb9d\] {
    background-color: #ddeb9d;
  }

  .bg-\[\#e8e8e5\] {
    background-color: #e8e8e5;
  }

  .bg-\[\#efeff4\] {
    background-color: #efeff4;
  }

  .bg-\[\#f1f1f4\] {
    background-color: #f1f1f4;
  }

  .bg-\[\#f2f2f7\] {
    background-color: #f2f2f7;
  }

  .bg-\[\#f5f5f4\] {
    background-color: #f5f5f4;
  }

  .bg-\[\#f5f5f5\] {
    background-color: #f5f5f5;
  }

  .bg-\[\#f36e21\]\/15 {
    background-color: #f36e2126;
    background-color: lab(62.686% 49.541 63.677 / .15);
  }

  .bg-\[\#fc4c02\]\/15 {
    background-color: #fc4c0226;
    background-color: lab(58.829% 65.9786 70.1817 / .15);
  }

  .bg-\[\#fff7e8\] {
    background-color: #fff7e8;
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-color\,\#06b6d4\)_14\%\,transparent\)\] {
    background-color: var(--brand-color, #06b6d4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-color\,\#06b6d4\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-color, #06b6d4) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--donation-brand\)_12\%\,transparent\)\] {
    background-color: var(--donation-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--donation-brand\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--donation-brand) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--pmc-accent\)_12\%\,transparent\)\] {
    background-color: var(--pmc-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--pmc-accent\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--pmc-accent) 12%,transparent);
    }
  }

  .bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_10\%\,transparent\)\] {
    background-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_10\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-color) 10%,transparent);
    }
  }

  .bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\,var\(--color-primary\)\)_10\%\,transparent\)\] {
    background-color: var(--brand-color, var(--color-primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\,var\(--color-primary\)\)_10\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-color, var(--color-primary)) 10%,transparent);
    }
  }

  .bg-\[color\:color-mix\(in_srgb\,var\(--cin-accent\)_12\%\,var\(--cin-surface\)\)\] {
    background-color: var(--cin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color\:color-mix\(in_srgb\,var\(--cin-accent\)_12\%\,var\(--cin-surface\)\)\] {
      background-color: color-mix(in srgb,var(--cin-accent) 12%,var(--cin-surface));
    }
  }

  .bg-\[color\:var\(--cin-border\)\] {
    background-color: var(--cin-border);
  }

  .bg-\[oklch\(0\.72_0\.19_42\/0\.12\)\] {
    background-color: #ff75391f;
    background-color: lab(66.0689% 53.3123 60.521 / .12);
  }

  .bg-\[oklch\(0\.88_0\.17_95\/0\.14\)\] {
    background-color: #fbd53024;
    background-color: lab(86.6585% 2.60085 78.3921 / .14);
  }

  .bg-\[var\(--brand-button-bg\,var\(--brand-color\)\)\] {
    background-color: var(--brand-button-bg, var(--brand-color));
  }

  .bg-\[var\(--brand-color\)\] {
    background-color: var(--brand-color);
  }

  .bg-\[var\(--brand-color\,var\(--primary\)\)\] {
    background-color: var(--brand-color, var(--primary));
  }

  .bg-\[var\(--brand-soft\)\] {
    background-color: var(--brand-soft);
  }

  .bg-\[var\(--brand-soft\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_10\%\,var\(--rdh-surface\,\#fff\)\)\)\] {
    background-color: var(--brand-soft, var(--saved-pile-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--brand-soft\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_10\%\,var\(--rdh-surface\,\#fff\)\)\)\] {
      background-color: var(--brand-soft, color-mix(in srgb,var(--saved-pile-accent) 10%,var(--rdh-surface, #fff)));
    }
  }

  .bg-\[var\(--brand-text\,var\(--primary\)\)\] {
    background-color: var(--brand-text, var(--primary));
  }

  .bg-\[var\(--chart-3\)\] {
    background-color: var(--chart-3);
  }

  .bg-\[var\(--cin-bg\)\] {
    background-color: var(--cin-bg);
  }

  .bg-\[var\(--cin-border\)\] {
    background-color: var(--cin-border);
  }

  .bg-\[var\(--cin-surface\)\] {
    background-color: var(--cin-surface);
  }

  .bg-\[var\(--donation-brand\)\] {
    background-color: var(--donation-brand);
  }

  .bg-\[var\(--personal-accent\)\] {
    background-color: var(--personal-accent);
  }

  .bg-\[var\(--pmc-accent\)\] {
    background-color: var(--pmc-accent);
  }

  .bg-\[var\(--rdh-bg\)\] {
    background-color: var(--rdh-bg);
  }

  .bg-\[var\(--rdh-bg\,var\(--surface\)\)\] {
    background-color: var(--rdh-bg, var(--surface));
  }

  .bg-\[var\(--rdh-bg-alt\)\] {
    background-color: var(--rdh-bg-alt);
  }

  .bg-\[var\(--rdh-bg-alt\,hsl\(var\(--heroui-default-200\)\)\)\] {
    background-color: var(--rdh-bg-alt, hsl(var(--heroui-default-200)));
  }

  .bg-\[var\(--rdh-bg-alt\,var\(--muted\)\)\] {
    background-color: var(--rdh-bg-alt, var(--muted));
  }

  .bg-\[var\(--rdh-bg-alt\,var\(--surface-secondary\)\)\] {
    background-color: var(--rdh-bg-alt, var(--surface-secondary));
  }

  .bg-\[var\(--rdh-panel\)\] {
    background-color: var(--rdh-panel);
  }

  .bg-\[var\(--rdh-panel\,\#ffffff\)\] {
    background-color: var(--rdh-panel, #fff);
  }

  .bg-\[var\(--rdh-surface\)\] {
    background-color: var(--rdh-surface);
  }

  .bg-\[var\(--supply-chip-bg\)\] {
    background-color: var(--supply-chip-bg);
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-accent-soft {
    background-color: var(--accent-soft);
  }

  .bg-accent-soft\/30 {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft\/30 {
      background-color: color-mix(in oklab, var(--accent-soft) 30%, transparent);
    }
  }

  .bg-accent-soft\/40 {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft\/40 {
      background-color: color-mix(in oklab, var(--accent-soft) 40%, transparent);
    }
  }

  .bg-accent-soft\/50 {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft\/50 {
      background-color: color-mix(in oklab, var(--accent-soft) 50%, transparent);
    }
  }

  .bg-accent-soft\/60 {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft\/60 {
      background-color: color-mix(in oklab, var(--accent-soft) 60%, transparent);
    }
  }

  .bg-accent-soft\/70 {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft\/70 {
      background-color: color-mix(in oklab, var(--accent-soft) 70%, transparent);
    }
  }

  .bg-accent\/5 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/5 {
      background-color: color-mix(in oklab, var(--accent) 5%, transparent);
    }
  }

  .bg-accent\/8 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/8 {
      background-color: color-mix(in oklab, var(--accent) 8%, transparent);
    }
  }

  .bg-accent\/10 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/10 {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .bg-accent\/15 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/15 {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  .bg-accent\/20 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/20 {
      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .bg-accent\/30 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/30 {
      background-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .bg-accent\/35 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/35 {
      background-color: color-mix(in oklab, var(--accent) 35%, transparent);
    }
  }

  .bg-accent\/55 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/55 {
      background-color: color-mix(in oklab, var(--accent) 55%, transparent);
    }
  }

  .bg-accent\/80 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/80 {
      background-color: color-mix(in oklab, var(--accent) 80%, transparent);
    }
  }

  .bg-accent\/90 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/90 {
      background-color: color-mix(in oklab, var(--accent) 90%, transparent);
    }
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-50\/50 {
    background-color: #fffbeb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/50 {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }

  .bg-amber-50\/60 {
    background-color: #fffbeb99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/60 {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }

  .bg-amber-50\/70 {
    background-color: #fffbebb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/70 {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-300\/15 {
    background-color: #ffd23626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/15 {
      background-color: color-mix(in oklab, var(--color-amber-300) 15%, transparent);
    }
  }

  .bg-amber-300\/25 {
    background-color: #ffd23640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/25 {
      background-color: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
    }
  }

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, 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-500\/30 {
    background-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/30 {
      background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .bg-amber-500\/90 {
    background-color: #f99c00e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/90 {
      background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
    }
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-backdrop\/60 {
    background-color: var(--backdrop);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-backdrop\/60 {
      background-color: color-mix(in oklab, var(--backdrop) 60%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/20 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/20 {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .bg-background\/40 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }

  .bg-background\/45 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/45 {
      background-color: color-mix(in oklab, var(--background) 45%, transparent);
    }
  }

  .bg-background\/50 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }

  .bg-background\/55 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/55 {
      background-color: color-mix(in oklab, var(--background) 55%, transparent);
    }
  }

  .bg-background\/60 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/60 {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .bg-background\/70 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .bg-background\/72 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/72 {
      background-color: color-mix(in oklab, var(--background) 72%, transparent);
    }
  }

  .bg-background\/75 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/75 {
      background-color: color-mix(in oklab, var(--background) 75%, transparent);
    }
  }

  .bg-background\/76 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/76 {
      background-color: color-mix(in oklab, var(--background) 76%, transparent);
    }
  }

  .bg-background\/80 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .bg-background\/85 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/85 {
      background-color: color-mix(in oklab, var(--background) 85%, transparent);
    }
  }

  .bg-background\/88 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/88 {
      background-color: color-mix(in oklab, var(--background) 88%, transparent);
    }
  }

  .bg-background\/90 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .bg-background\/92 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/92 {
      background-color: color-mix(in oklab, var(--background) 92%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/0 {
      background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }

  .bg-black\/5 {
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-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\/38 {
    background-color: #00000061;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/38 {
      background-color: color-mix(in oklab, var(--color-black) 38%, 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\/48 {
    background-color: #0000007a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/48 {
      background-color: color-mix(in oklab, var(--color-black) 48%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-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\/58 {
    background-color: #00000094;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/58 {
      background-color: color-mix(in oklab, var(--color-black) 58%, 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\/65 {
    background-color: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/65 {
      background-color: color-mix(in oklab, var(--color-black) 65%, 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\/72 {
    background-color: #000000b8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/72 {
      background-color: color-mix(in oklab, var(--color-black) 72%, 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\/78 {
    background-color: #000000c7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/78 {
      background-color: color-mix(in oklab, var(--color-black) 78%, 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-black\/95 {
    background-color: #000000f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/95 {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }

  .bg-black\/100 {
    background-color: var(--color-black);
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/5 {
    background-color: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/5 {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-500\/15 {
    background-color: #3080ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .bg-blue-500\/90 {
    background-color: #3080ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/90 {
      background-color: color-mix(in oklab, var(--color-blue-500) 90%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-border\/40 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/40 {
      background-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .bg-brand-blue {
    background-color: var(--brand-blue);
  }

  .bg-brand-blue\/10 {
    background-color: var(--brand-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-blue\/10 {
      background-color: color-mix(in oklab, var(--brand-blue) 10%, transparent);
    }
  }

  .bg-brand-blue\/15 {
    background-color: var(--brand-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-blue\/15 {
      background-color: color-mix(in oklab, var(--brand-blue) 15%, transparent);
    }
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-card\/40 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/40 {
      background-color: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .bg-card\/50 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/50 {
      background-color: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }

  .bg-card\/80 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/80 {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }

  .bg-card\/95 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/95 {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }

  .bg-content1 {
    background-color: var(--card);
  }

  .bg-content1\/85 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-content1\/85 {
      background-color: color-mix(in oklab, var(--card) 85%, transparent);
    }
  }

  .bg-content2 {
    background-color: var(--muted);
  }

  .bg-content2\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-content2\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-content2\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-content2\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-current\/10 {
    background-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/10 {
      background-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }

  .bg-cyan-800\/15 {
    background-color: #005f7826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-800\/15 {
      background-color: color-mix(in oklab, var(--color-cyan-800) 15%, transparent);
    }
  }

  .bg-danger {
    background-color: var(--danger);
  }

  .bg-danger-50 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-50 {
      background-color: color-mix(in oklab, var(--danger) 8%, white);
    }
  }

  .bg-danger-50\/10 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-50\/10 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 8%, white) 10%, transparent);
    }
  }

  .bg-danger-100 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-100 {
      background-color: color-mix(in oklab, var(--danger) 16%, white);
    }
  }

  .bg-danger-600 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-600 {
      background-color: color-mix(in oklab, var(--danger) 82%, black);
    }
  }

  .bg-danger-soft {
    background-color: var(--danger-soft);
  }

  .bg-danger-soft\/30 {
    background-color: var(--danger-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-soft\/30 {
      background-color: color-mix(in oklab, var(--danger-soft) 30%, transparent);
    }
  }

  .bg-danger-soft\/40 {
    background-color: var(--danger-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-soft\/40 {
      background-color: color-mix(in oklab, var(--danger-soft) 40%, transparent);
    }
  }

  .bg-danger-soft\/60 {
    background-color: var(--danger-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-soft\/60 {
      background-color: color-mix(in oklab, var(--danger-soft) 60%, transparent);
    }
  }

  .bg-danger\/5 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/5 {
      background-color: color-mix(in oklab, var(--danger) 5%, transparent);
    }
  }

  .bg-danger\/10 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/10 {
      background-color: color-mix(in oklab, var(--danger) 10%, transparent);
    }
  }

  .bg-danger\/15 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/15 {
      background-color: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  .bg-danger\/30 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/30 {
      background-color: color-mix(in oklab, var(--danger) 30%, transparent);
    }
  }

  .bg-danger\/60 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/60 {
      background-color: color-mix(in oklab, var(--danger) 60%, transparent);
    }
  }

  .bg-danger\/70 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/70 {
      background-color: color-mix(in oklab, var(--danger) 70%, transparent);
    }
  }

  .bg-danger\/80 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/80 {
      background-color: color-mix(in oklab, var(--danger) 80%, transparent);
    }
  }

  .bg-danger\/90 {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/90 {
      background-color: color-mix(in oklab, var(--danger) 90%, transparent);
    }
  }

  .bg-default {
    background-color: var(--default);
  }

  .bg-default-50\/40 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-50\/40 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, var(--background)) 40%, transparent);
    }
  }

  .bg-default-50\/50 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-50\/50 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, var(--background)) 50%, transparent);
    }
  }

  .bg-default-50\/60 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-50\/60 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, var(--background)) 60%, transparent);
    }
  }

  .bg-default-100 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-100 {
      background-color: color-mix(in oklab, var(--foreground) 8%, var(--background));
    }
  }

  .bg-default-100\/80 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-100\/80 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 80%, transparent);
    }
  }

  .bg-default-200 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-200 {
      background-color: color-mix(in oklab, var(--foreground) 13%, var(--background));
    }
  }

  .bg-default-300 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-300 {
      background-color: color-mix(in oklab, var(--foreground) 20%, var(--background));
    }
  }

  .bg-default-soft {
    background-color: var(--default-soft);
  }

  .bg-default\/60 {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default\/60 {
      background-color: color-mix(in oklab, var(--default) 60%, transparent);
    }
  }

  .bg-default\/70 {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default\/70 {
      background-color: color-mix(in oklab, var(--default) 70%, transparent);
    }
  }

  .bg-default\/80 {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default\/80 {
      background-color: color-mix(in oklab, var(--default) 80%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-destructive\/30 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/30 {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .bg-divider {
    background-color: var(--border);
  }

  .bg-divider\/50 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-divider\/50 {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .bg-divider\/70 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-divider\/70 {
      background-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/50 {
    background-color: #ecfdf580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/50 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
    }
  }

  .bg-emerald-50\/80 {
    background-color: #ecfdf5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/80 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .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-500\/30 {
    background-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/30 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .bg-emerald-500\/90 {
    background-color: #00bb7fe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/90 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent);
    }
  }

  .bg-emerald-950\/40 {
    background-color: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-950\/40 {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .bg-field {
    background-color: var(--field-background, var(--default));
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-foreground\/5 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/5 {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .bg-foreground\/10 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/10 {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .bg-foreground\/15 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/15 {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .bg-foreground\/20 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/20 {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .bg-foreground\/25 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/25 {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }

  .bg-foreground\/30 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/30 {
      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .bg-foreground\/35 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/35 {
      background-color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .bg-foreground\/40 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/40 {
      background-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .bg-foreground\/80 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/80 {
      background-color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .bg-foreground\/85 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/85 {
      background-color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .bg-foreground\/90 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/90 {
      background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .bg-foreground\/\[0\.06\] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
    }
  }

  .bg-foreground\/\[0\.08\] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }

  .bg-foreground\/\[0\.025\] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--foreground) 2.5%, transparent);
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-gray-800\/50 {
    background-color: #1e293980;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-800\/50 {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-50\/40 {
    background-color: #f0fdf466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-50\/40 {
      background-color: color-mix(in oklab, var(--color-green-50) 40%, transparent);
    }
  }

  .bg-green-50\/50 {
    background-color: #f0fdf480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-50\/50 {
      background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent);
    }
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-100\/50 {
    background-color: #dcfce780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-100\/50 {
      background-color: color-mix(in oklab, var(--color-green-100) 50%, transparent);
    }
  }

  .bg-green-200 {
    background-color: var(--color-green-200);
  }

  .bg-green-400 {
    background-color: var(--color-green-400);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-500\/5 {
    background-color: #00c7580d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/5 {
      background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent);
    }
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-green-500\/80 {
    background-color: #00c758cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/80 {
      background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
    }
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-highlight {
    background-color: var(--highlight);
  }

  .bg-highlight\/12 {
    background-color: var(--highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-highlight\/12 {
      background-color: color-mix(in oklab, var(--highlight) 12%, transparent);
    }
  }

  .bg-indigo-50\/50 {
    background-color: #eef2ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-50\/50 {
      background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }

  .bg-info {
    background-color: var(--info);
  }

  .bg-info\/30 {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/30 {
      background-color: color-mix(in oklab, var(--info) 30%, transparent);
    }
  }

  .bg-live {
    background-color: var(--live);
  }

  .bg-live\/10 {
    background-color: var(--live);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-live\/10 {
      background-color: color-mix(in oklab, var(--live) 10%, transparent);
    }
  }

  .bg-live\/15 {
    background-color: var(--live);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-live\/15 {
      background-color: color-mix(in oklab, var(--live) 15%, transparent);
    }
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }

  .bg-muted-foreground\/10 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/10 {
      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
    }
  }

  .bg-muted-foreground\/20 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/20 {
      background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .bg-muted\/10 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/10 {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  .bg-muted\/15 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/15 {
      background-color: color-mix(in oklab, var(--muted) 15%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-muted\/80 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/80 {
      background-color: color-mix(in oklab, var(--muted) 80%, transparent);
    }
  }

  .bg-muted\/90 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/90 {
      background-color: color-mix(in oklab, var(--muted) 90%, transparent);
    }
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-100\/55 {
    background-color: #f5f5f58c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-100\/55 {
      background-color: color-mix(in oklab, var(--color-neutral-100) 55%, transparent);
    }
  }

  .bg-neutral-500\/20 {
    background-color: #73737333;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-500\/20 {
      background-color: color-mix(in oklab, var(--color-neutral-500) 20%, transparent);
    }
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-900\/40 {
    background-color: #17171766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
  }

  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }

  .bg-neutral-950\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/0 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 0%, transparent);
    }
  }

  .bg-neutral-950\/32 {
    background-color: #0a0a0a52;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/32 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 32%, transparent);
    }
  }

  .bg-neutral-950\/45 {
    background-color: #0a0a0a73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/45 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 45%, transparent);
    }
  }

  .bg-neutral-950\/55 {
    background-color: #0a0a0a8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/55 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 55%, transparent);
    }
  }

  .bg-neutral-950\/60 {
    background-color: #0a0a0a99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
    }
  }

  .bg-neutral-950\/70 {
    background-color: #0a0a0ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/70 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 70%, transparent);
    }
  }

  .bg-neutral-950\/80 {
    background-color: #0a0a0acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
    }
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-50\/30 {
    background-color: #fff7ed4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/30 {
      background-color: color-mix(in oklab, var(--color-orange-50) 30%, transparent);
    }
  }

  .bg-orange-50\/50 {
    background-color: #fff7ed80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/50 {
      background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent);
    }
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }

  .bg-orange-700\/90 {
    background-color: #c53c00e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-700\/90 {
      background-color: color-mix(in oklab, var(--color-orange-700) 90%, transparent);
    }
  }

  .bg-overlay {
    background-color: var(--overlay);
  }

  .bg-overlay\/85 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/85 {
      background-color: color-mix(in oklab, var(--overlay) 85%, transparent);
    }
  }

  .bg-overlay\/90 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/90 {
      background-color: color-mix(in oklab, var(--overlay) 90%, transparent);
    }
  }

  .bg-overlay\/95 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/95 {
      background-color: color-mix(in oklab, var(--overlay) 95%, transparent);
    }
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }

  .bg-pink-500\/10 {
    background-color: #f6339a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-500\/10 {
      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
    }
  }

  .bg-pink-500\/90 {
    background-color: #f6339ae6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-500\/90 {
      background-color: color-mix(in oklab, var(--color-pink-500) 90%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }

  .bg-primary-foreground\/15 {
    background-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-foreground\/15 {
      background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
    }
  }

  .bg-primary-foreground\/20 {
    background-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-foreground\/20 {
      background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/12 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/12 {
      background-color: color-mix(in oklab, var(--primary) 12%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .bg-primary\/25 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/25 {
      background-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .bg-primary\/30 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/30 {
      background-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .bg-primary\/40 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/40 {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .bg-primary\/45 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/45 {
      background-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }

  .bg-primary\/60 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/60 {
      background-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .bg-primary\/70 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/70 {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .bg-primary\/90 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/90 {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }

  .bg-primary\/\[0\.03\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }

  .bg-primary\/\[0\.04\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--primary) 4%, transparent);
    }
  }

  .bg-primary\/\[0\.06\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--primary) 6%, transparent);
    }
  }

  .bg-primary\/\[0\.07\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--primary) 7.0%, transparent);
    }
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-purple-500\/10 {
    background-color: #ac4bff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
    }
  }

  .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-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-50\/50 {
    background-color: #fef2f280;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/50 {
      background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
    }
  }

  .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\/5 {
    background-color: #fb2c360d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/5 {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
  }

  .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-500\/20 {
    background-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .bg-red-500\/25 {
    background-color: #fb2c3640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/25 {
      background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }

  .bg-red-500\/80 {
    background-color: #fb2c36cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/80 {
      background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .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-600 {
    background-color: var(--color-rose-600);
  }

  .bg-rose-950\/45 {
    background-color: #4d021873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-950\/45 {
      background-color: color-mix(in oklab, var(--color-rose-950) 45%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-secondary\/5 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/5 {
      background-color: color-mix(in oklab, var(--secondary) 5%, transparent);
    }
  }

  .bg-secondary\/10 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/10 {
      background-color: color-mix(in oklab, var(--secondary) 10%, transparent);
    }
  }

  .bg-secondary\/15 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/15 {
      background-color: color-mix(in oklab, var(--secondary) 15%, transparent);
    }
  }

  .bg-secondary\/20 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/20 {
      background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }

  .bg-secondary\/70 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/70 {
      background-color: color-mix(in oklab, var(--secondary) 70%, transparent);
    }
  }

  .bg-segment {
    background-color: var(--segment);
  }

  .bg-sidebar {
    background-color: var(--sidebar);
  }

  .bg-sidebar-accent {
    background-color: var(--sidebar-accent);
  }

  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }

  .bg-sidebar-border\/70 {
    background-color: var(--sidebar-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sidebar-border\/70 {
      background-color: color-mix(in oklab, var(--sidebar-border) 70%, transparent);
    }
  }

  .bg-sidebar-primary {
    background-color: var(--sidebar-primary);
  }

  .bg-sidebar\/95 {
    background-color: var(--sidebar);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sidebar\/95 {
      background-color: color-mix(in oklab, var(--sidebar) 95%, transparent);
    }
  }

  .bg-sky-50\/50 {
    background-color: #f0f9ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-50\/50 {
      background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
    }
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }

  .bg-slate-50\/50 {
    background-color: #f8fafc80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/50 {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }

  .bg-success {
    background-color: var(--success);
  }

  .bg-success-50 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-50 {
      background-color: color-mix(in oklab, var(--success) 8%, white);
    }
  }

  .bg-success-50\/50 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-50\/50 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 50%, transparent);
    }
  }

  .bg-success-50\/60 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-50\/60 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 60%, transparent);
    }
  }

  .bg-success-100 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100 {
      background-color: color-mix(in oklab, var(--success) 16%, white);
    }
  }

  .bg-success-100\/60 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/60 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 16%, white) 60%, transparent);
    }
  }

  .bg-success-100\/70 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/70 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 16%, white) 70%, transparent);
    }
  }

  .bg-success-500 {
    background-color: var(--success);
  }

  .bg-success-soft {
    background-color: var(--success-soft);
  }

  .bg-success\/3 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/3 {
      background-color: color-mix(in oklab, var(--success) 3%, transparent);
    }
  }

  .bg-success\/5 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/5 {
      background-color: color-mix(in oklab, var(--success) 5%, transparent);
    }
  }

  .bg-success\/10 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .bg-success\/12 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/12 {
      background-color: color-mix(in oklab, var(--success) 12%, transparent);
    }
  }

  .bg-success\/15 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/15 {
      background-color: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  .bg-success\/20 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/20 {
      background-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .bg-success\/30 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/30 {
      background-color: color-mix(in oklab, var(--success) 30%, transparent);
    }
  }

  .bg-success\/60 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/60 {
      background-color: color-mix(in oklab, var(--success) 60%, transparent);
    }
  }

  .bg-success\/70 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/70 {
      background-color: color-mix(in oklab, var(--success) 70%, transparent);
    }
  }

  .bg-success\/90 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/90 {
      background-color: color-mix(in oklab, var(--success) 90%, transparent);
    }
  }

  .bg-success\/\[0\.02\] {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--success) 2%, transparent);
    }
  }

  .bg-success\/\[0\.03\] {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--success) 3%, transparent);
    }
  }

  .bg-success\/\[0\.04\] {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--success) 4%, transparent);
    }
  }

  .bg-surface {
    background-color: var(--surface);
  }

  .bg-surface-secondary {
    background-color: var(--surface-secondary);
  }

  .bg-surface-secondary\/15 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/15 {
      background-color: color-mix(in oklab, var(--surface-secondary) 15%, transparent);
    }
  }

  .bg-surface-secondary\/20 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/20 {
      background-color: color-mix(in oklab, var(--surface-secondary) 20%, transparent);
    }
  }

  .bg-surface-secondary\/25 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/25 {
      background-color: color-mix(in oklab, var(--surface-secondary) 25%, transparent);
    }
  }

  .bg-surface-secondary\/30 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/30 {
      background-color: color-mix(in oklab, var(--surface-secondary) 30%, transparent);
    }
  }

  .bg-surface-secondary\/35 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/35 {
      background-color: color-mix(in oklab, var(--surface-secondary) 35%, transparent);
    }
  }

  .bg-surface-secondary\/40 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/40 {
      background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
    }
  }

  .bg-surface-secondary\/45 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/45 {
      background-color: color-mix(in oklab, var(--surface-secondary) 45%, transparent);
    }
  }

  .bg-surface-secondary\/50 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/50 {
      background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
    }
  }

  .bg-surface-secondary\/55 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/55 {
      background-color: color-mix(in oklab, var(--surface-secondary) 55%, transparent);
    }
  }

  .bg-surface-secondary\/60 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/60 {
      background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent);
    }
  }

  .bg-surface-secondary\/65 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/65 {
      background-color: color-mix(in oklab, var(--surface-secondary) 65%, transparent);
    }
  }

  .bg-surface-secondary\/70 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/70 {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .bg-surface-secondary\/80 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/80 {
      background-color: color-mix(in oklab, var(--surface-secondary) 80%, transparent);
    }
  }

  .bg-surface-secondary\/90 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/90 {
      background-color: color-mix(in oklab, var(--surface-secondary) 90%, transparent);
    }
  }

  .bg-surface-secondary\/95 {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/95 {
      background-color: color-mix(in oklab, var(--surface-secondary) 95%, transparent);
    }
  }

  .bg-surface-tertiary {
    background-color: var(--surface-tertiary);
  }

  .bg-surface\/50 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/50 {
      background-color: color-mix(in oklab, var(--surface) 50%, transparent);
    }
  }

  .bg-surface\/60 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/60 {
      background-color: color-mix(in oklab, var(--surface) 60%, transparent);
    }
  }

  .bg-surface\/70 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/70 {
      background-color: color-mix(in oklab, var(--surface) 70%, transparent);
    }
  }

  .bg-surface\/75 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/75 {
      background-color: color-mix(in oklab, var(--surface) 75%, transparent);
    }
  }

  .bg-surface\/78 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/78 {
      background-color: color-mix(in oklab, var(--surface) 78%, transparent);
    }
  }

  .bg-surface\/80 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/80 {
      background-color: color-mix(in oklab, var(--surface) 80%, transparent);
    }
  }

  .bg-surface\/85 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/85 {
      background-color: color-mix(in oklab, var(--surface) 85%, transparent);
    }
  }

  .bg-surface\/90 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/90 {
      background-color: color-mix(in oklab, var(--surface) 90%, transparent);
    }
  }

  .bg-surface\/95 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/95 {
      background-color: color-mix(in oklab, var(--surface) 95%, transparent);
    }
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }

  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-urgent\/5 {
    background-color: var(--urgent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-urgent\/5 {
      background-color: color-mix(in oklab, var(--urgent) 5%, transparent);
    }
  }

  .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-500 {
    background-color: var(--color-violet-500);
  }

  .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\/90 {
    background-color: #8d54ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/90 {
      background-color: color-mix(in oklab, var(--color-violet-500) 90%, transparent);
    }
  }

  .bg-warning {
    background-color: var(--warning);
  }

  .bg-warning-50 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-50 {
      background-color: color-mix(in oklab, var(--warning) 8%, white);
    }
  }

  .bg-warning-50\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-50\/10 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 8%, white) 10%, transparent);
    }
  }

  .bg-warning-50\/40 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-50\/40 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 8%, white) 40%, transparent);
    }
  }

  .bg-warning-50\/70 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-50\/70 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 8%, white) 70%, transparent);
    }
  }

  .bg-warning-100 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-100 {
      background-color: color-mix(in oklab, var(--warning) 16%, white);
    }
  }

  .bg-warning-100\/60 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-100\/60 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 16%, white) 60%, transparent);
    }
  }

  .bg-warning-100\/70 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-100\/70 {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 16%, white) 70%, transparent);
    }
  }

  .bg-warning-500\/90 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-500\/90 {
      background-color: color-mix(in oklab, var(--warning) 90%, transparent);
    }
  }

  .bg-warning-soft {
    background-color: var(--warning-soft);
  }

  .bg-warning-soft\/50 {
    background-color: var(--warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-soft\/50 {
      background-color: color-mix(in oklab, var(--warning-soft) 50%, transparent);
    }
  }

  .bg-warning\/3 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/3 {
      background-color: color-mix(in oklab, var(--warning) 3%, transparent);
    }
  }

  .bg-warning\/5 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/5 {
      background-color: color-mix(in oklab, var(--warning) 5%, transparent);
    }
  }

  .bg-warning\/8 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/8 {
      background-color: color-mix(in oklab, var(--warning) 8%, transparent);
    }
  }

  .bg-warning\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .bg-warning\/15 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/15 {
      background-color: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  .bg-warning\/20 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/20 {
      background-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .bg-warning\/30 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/30 {
      background-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }

  .bg-warning\/70 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/70 {
      background-color: color-mix(in oklab, var(--warning) 70%, transparent);
    }
  }

  .bg-warning\/90 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/90 {
      background-color: color-mix(in oklab, var(--warning) 90%, transparent);
    }
  }

  .bg-warning\/\[0\.06\] {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--warning) 6%, 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\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/30 {
    background-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .bg-white\/35 {
    background-color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/35 {
      background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .bg-white\/40 {
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .bg-white\/45 {
    background-color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/45 {
      background-color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .bg-white\/50 {
    background-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, 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\/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\/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\/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\/92 {
    background-color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/92 {
      background-color: color-mix(in oklab, var(--color-white) 92%, 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\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, 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\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[0\.07\] {
    background-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/\[0\.09\] {
    background-color: #ffffff17;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.09\] {
      background-color: color-mix(in oklab, var(--color-white) 9%, transparent);
    }
  }

  .bg-white\/\[0\.14\] {
    background-color: #ffffff24;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.14\] {
      background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent);
    }
  }

  .bg-white\/\[0\.015\] {
    background-color: #ffffff04;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.015\] {
      background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
    }
  }

  .bg-white\/\[0\.025\] {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }

  .bg-yellow-500\/10 {
    background-color: #edb2001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/10 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
    }
  }

  .bg-yellow-500\/20 {
    background-color: #edb20033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/20 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }

  .bg-yellow-500\/80 {
    background-color: #edb200cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/80 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent);
    }
  }

  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }

  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }

  .bg-zinc-100\/80 {
    background-color: #f4f4f5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-zinc-100\/80 {
      background-color: color-mix(in oklab, var(--color-zinc-100) 80%, transparent);
    }
  }

  .bg-zinc-200\/80 {
    background-color: #e4e4e7cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-zinc-200\/80 {
      background-color: color-mix(in oklab, var(--color-zinc-200) 80%, transparent);
    }
  }

  .bg-zinc-400 {
    background-color: var(--color-zinc-400);
  }

  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }

  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .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-l {
    --tw-gradient-position: to left 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));
  }

  .bg-gradient-to-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(135deg\,var\(--brand-soft\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_12\%\,var\(--rdh-surface\,\#fff\)\)\)_0\%\,transparent_72\%\)\] {
    background-image: linear-gradient(135deg,var(--brand-soft, var(--saved-pile-accent)) 0%,transparent 72%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--brand-soft\,color-mix\(in_srgb\,var\(--saved-pile-accent\)_12\%\,var\(--rdh-surface\,\#fff\)\)\)_0\%\,transparent_72\%\)\] {
      background-image: linear-gradient(135deg,var(--brand-soft, color-mix(in srgb,var(--saved-pile-accent) 12%,var(--rdh-surface, #fff))) 0%,transparent 72%);
    }
  }

  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.10\)_0\%\,rgba\(0\,0\,0\,0\.20\)_42\%\,rgba\(0\,0\,0\,0\.78\)_100\%\)\] {
    background-image: linear-gradient(#0000001a 0%, #0003 42%, #000000c7 100%);
  }

  .bg-\[linear-gradient\(to_bottom\,rgb\(0_0_0_\/_0\.18\)\,rgb\(0_0_0_\/_0\.12\)_68\%\,transparent\)\] {
    background-image: linear-gradient(#0000002e, #0000001f 68%, #0000);
  }

  .bg-\[radial-gradient\(circle_at_20\%_50\%\,white\,transparent_50\%\)\] {
    background-image: radial-gradient(circle at 20%, #fff, #0000 50%);
  }

  .bg-\[radial-gradient\(circle_at_30\%_50\%\,white\,transparent_50\%\)\] {
    background-image: radial-gradient(circle at 30%, #fff, #0000 50%);
  }

  .bg-\[radial-gradient\(circle_at_70\%_50\%\,white\,transparent_50\%\)\] {
    background-image: radial-gradient(circle at 70%, #fff, #0000 50%);
  }

  .bg-\[radial-gradient\(circle_at_80\%_50\%\,white\,transparent_50\%\)\] {
    background-image: radial-gradient(circle at 80%, #fff, #0000 50%);
  }

  .bg-\[radial-gradient\(circle_at_bottom_left\,_rgba\(0\,0\,0\,0\.4\)\,_transparent_60\%\)\] {
    background-image: radial-gradient(circle at 0 100%, #0006, #0000 60%);
  }

  .bg-\[radial-gradient\(circle_at_top_right\,_rgba\(255\,255\,255\,0\.3\)\,_transparent_55\%\)\] {
    background-image: radial-gradient(circle at 100% 0, #ffffff4d, #0000 55%);
  }

  .bg-\[radial-gradient\(ellipse_75\%_55\%_at_0\%_0\%\,rgba\(0\,0\,0\,0\.35\)_0\%\,transparent_50\%\)\] {
    background-image: radial-gradient(75% 55% at 0 0, #00000059 0%, #0000 50%);
  }

  .bg-\[radial-gradient\(ellipse_90\%_70\%_at_0\%_0\%\,rgba\(0\,0\,0\,0\.5\)_0\%\,transparent_52\%\)\] {
    background-image: radial-gradient(90% 70% at 0 0, #00000080 0%, #0000 52%);
  }

  .bg-\[radial-gradient\(ellipse_100\%_80\%_at_0\%_100\%\,rgba\(0\,0\,0\,0\.65\)_0\%\,transparent_55\%\)\] {
    background-image: radial-gradient(100% 80% at 0 100%, #000000a6 0%, #0000 55%);
  }

  .bg-\[radial-gradient\(ellipse_120\%_90\%_at_0\%_100\%\,rgba\(0\,0\,0\,0\.72\)_0\%\,transparent_58\%\)\] {
    background-image: radial-gradient(120% 90% at 0 100%, #000000b8 0%, #0000 58%);
  }

  .bg-\[radial-gradient\(ellipse_120\%_90\%_at_20\%_0\%\,rgba\(217\,119\,6\,0\.16\)\,transparent_58\%\)\] {
    background-image: radial-gradient(120% 90% at 20% 0, #d9770629, #0000 58%);
  }

  .bg-\[radial-gradient\(ellipse_120\%_90\%_at_20\%_0\%\,rgba\(251\,191\,36\,0\.22\)\,transparent_58\%\)\] {
    background-image: radial-gradient(120% 90% at 20% 0, #fbbf2438, #0000 58%);
  }

  .bg-\[radial-gradient\(ellipse_at_50\%_42\%\,rgba\(221\,235\,157\,0\.10\)\,transparent_65\%\)\] {
    background-image: radial-gradient(at 50% 42%, #ddeb9d1a, #0000 65%);
  }

  .bg-\[radial-gradient\(ellipse_at_85\%_10\%\,var\(--color-primary\)\,transparent_65\%\)\] {
    background-image: radial-gradient(ellipse at 85% 10%,var(--color-primary),transparent 65%);
  }

  .bg-\[radial-gradient\(ellipse_at_top\,theme\(colors\.neutral\.800\)\,theme\(colors\.neutral\.950\)\)\] {
    background-image: radial-gradient(at top, #262626, #0a0a0a);
    background-image: radial-gradient(at top, lab(15.204% 0 -.00000596046), lab(2.75381% 0 0));
  }

  .from-\[\#0a120d\] {
    --tw-gradient-from: #0a120d;
    --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-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/70 {
    --tw-gradient-from: var(--pmc-canvas, var(--background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--pmc-canvas, var(--background)) 70%, transparent);
    }
  }

  .from-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/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-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/85 {
    --tw-gradient-from: var(--pmc-canvas, var(--background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/85 {
      --tw-gradient-from: color-mix(in oklab, var(--pmc-canvas, var(--background)) 85%, transparent);
    }
  }

  .from-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/85 {
    --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-accent {
    --tw-gradient-from: var(--accent);
    --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-accent\/10 {
    --tw-gradient-from: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-accent\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .from-accent\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-accent\/50 {
    --tw-gradient-from: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-accent\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .from-accent\/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-amber-50 {
    --tw-gradient-from: var(--color-amber-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-amber-50\/40 {
    --tw-gradient-from: #fffbeb66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-amber-50\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }

  .from-amber-50\/40 {
    --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-400 {
    --tw-gradient-from: var(--color-amber-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-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-600 {
    --tw-gradient-from: var(--color-amber-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-background {
    --tw-gradient-from: var(--background);
    --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-background\/35 {
    --tw-gradient-from: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background\/35 {
      --tw-gradient-from: color-mix(in oklab, var(--background) 35%, transparent);
    }
  }

  .from-background\/35 {
    --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-background\/40 {
    --tw-gradient-from: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }

  .from-background\/40 {
    --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-background\/80 {
    --tw-gradient-from: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .from-background\/80 {
    --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-background\/90 {
    --tw-gradient-from: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .from-background\/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));
  }

  .from-black {
    --tw-gradient-from: var(--color-black);
    --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\/20 {
    --tw-gradient-from: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .from-black\/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));
  }

  .from-black\/25 {
    --tw-gradient-from: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/25 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .from-black\/25 {
    --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\/35 {
    --tw-gradient-from: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/35 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .from-black\/35 {
    --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\/40 {
    --tw-gradient-from: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .from-black\/40 {
    --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-black\/50 {
    --tw-gradient-from: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .from-black\/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-black\/55 {
    --tw-gradient-from: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .from-black\/55 {
    --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\/60 {
    --tw-gradient-from: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .from-black\/60 {
    --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\/65 {
    --tw-gradient-from: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/65 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }

  .from-black\/65 {
    --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\/70 {
    --tw-gradient-from: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .from-black\/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-black\/75 {
    --tw-gradient-from: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .from-black\/75 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/80 {
    --tw-gradient-from: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .from-black\/80 {
    --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\/85 {
    --tw-gradient-from: #000000d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/85 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }

  .from-black\/85 {
    --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\/90 {
    --tw-gradient-from: #000000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }

  .from-black\/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));
  }

  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-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-blue-500 {
    --tw-gradient-from: 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));
  }

  .from-blue-600 {
    --tw-gradient-from: var(--color-blue-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-border {
    --tw-gradient-from: var(--border);
    --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-brand-blue {
    --tw-gradient-from: var(--brand-blue);
    --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-card {
    --tw-gradient-from: var(--card);
    --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-600 {
    --tw-gradient-from: var(--color-cyan-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-danger\/40 {
    --tw-gradient-from: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-danger\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--danger) 40%, transparent);
    }
  }

  .from-danger\/40 {
    --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-emerald-50 {
    --tw-gradient-from: var(--color-emerald-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-emerald-100 {
    --tw-gradient-from: var(--color-emerald-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));
  }

  .from-emerald-400 {
    --tw-gradient-from: var(--color-emerald-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-emerald-600 {
    --tw-gradient-from: var(--color-emerald-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-foreground {
    --tw-gradient-from: var(--foreground);
    --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-600 {
    --tw-gradient-from: var(--color-fuchsia-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-gray-400 {
    --tw-gradient-from: var(--color-gray-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-gray-900 {
    --tw-gradient-from: var(--color-gray-900);
    --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-500 {
    --tw-gradient-from: var(--color-green-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-green-600 {
    --tw-gradient-from: var(--color-green-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-indigo-50\/50 {
    --tw-gradient-from: #eef2ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-indigo-50\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
  }

  .from-indigo-50\/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-indigo-500\/10 {
    --tw-gradient-from: #625fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-indigo-500\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }

  .from-indigo-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-500\/20 {
    --tw-gradient-from: #625fff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-indigo-500\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }

  .from-indigo-500\/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));
  }

  .from-lime-600 {
    --tw-gradient-from: var(--color-lime-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-muted\/30 {
    --tw-gradient-from: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-muted\/30 {
      --tw-gradient-from: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .from-muted\/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-muted\/50 {
    --tw-gradient-from: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-muted\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .from-muted\/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-neutral-950 {
    --tw-gradient-from: var(--color-neutral-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-neutral-950\/75 {
    --tw-gradient-from: #0a0a0abf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-neutral-950\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 75%, transparent);
    }
  }

  .from-neutral-950\/75 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-neutral-950\/90 {
    --tw-gradient-from: #0a0a0ae6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-neutral-950\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 90%, transparent);
    }
  }

  .from-neutral-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));
  }

  .from-primary {
    --tw-gradient-from: var(--primary);
    --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-primary\/5 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .from-primary\/5 {
    --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-primary\/8 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/8 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }

  .from-primary\/8 {
    --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-primary\/10 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .from-primary\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary\/15 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/15 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .from-primary\/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));
  }

  .from-primary\/16 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/16 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 16%, transparent);
    }
  }

  .from-primary\/16 {
    --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-primary\/20 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .from-primary\/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));
  }

  .from-primary\/30 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/30 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .from-primary\/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-primary\/50 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .from-primary\/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-primary\/80 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .from-primary\/80 {
    --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-primary\/95 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/95 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 95%, transparent);
    }
  }

  .from-primary\/95 {
    --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-primary\/\[0\.04\] {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/\[0\.04\] {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 4%, transparent);
    }
  }

  .from-primary\/\[0\.04\] {
    --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-500 {
    --tw-gradient-from: 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));
  }

  .from-purple-500\/5 {
    --tw-gradient-from: #ac4bff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-purple-500\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 5%, transparent);
    }
  }

  .from-purple-500\/5 {
    --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-rose-600 {
    --tw-gradient-from: var(--color-rose-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-secondary\/10 {
    --tw-gradient-from: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-secondary\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--secondary) 10%, transparent);
    }
  }

  .from-secondary\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-secondary\/20 {
    --tw-gradient-from: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-secondary\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }

  .from-secondary\/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));
  }

  .from-sky-50 {
    --tw-gradient-from: var(--color-sky-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-sky-600 {
    --tw-gradient-from: var(--color-sky-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-slate-800 {
    --tw-gradient-from: var(--color-slate-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-success-50 {
    --tw-gradient-from: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-success-50 {
      --tw-gradient-from: color-mix(in oklab, var(--success) 8%, white);
    }
  }

  .from-success-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-success\/10 {
    --tw-gradient-from: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-success\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .from-success\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-surface {
    --tw-gradient-from: var(--surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-surface-secondary {
    --tw-gradient-from: var(--surface-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-violet-600 {
    --tw-gradient-from: var(--color-violet-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-warning\/5 {
    --tw-gradient-from: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-warning\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--warning) 5%, transparent);
    }
  }

  .from-warning\/5 {
    --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-warning\/10 {
    --tw-gradient-from: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-warning\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .from-warning\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-warning\/20 {
    --tw-gradient-from: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-warning\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .from-warning\/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));
  }

  .from-yellow-50 {
    --tw-gradient-from: var(--color-yellow-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));
  }

  .via-\[\#0c1711\] {
    --tw-gradient-via: #0c1711;
    --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-\[color-mix\(in_srgb\,var\(--cin-bg\,\#ffffff\)_72\%\,transparent\)\] {
    --tw-gradient-via: var(--cin-bg, #fff);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-\[color-mix\(in_srgb\,var\(--cin-bg\,\#ffffff\)_72\%\,transparent\)\] {
      --tw-gradient-via: color-mix(in srgb,var(--cin-bg, #fff) 72%,transparent);
    }
  }

  .via-\[color-mix\(in_srgb\,var\(--cin-bg\,\#ffffff\)_72\%\,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-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/15 {
    --tw-gradient-via: var(--pmc-canvas, var(--background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/15 {
      --tw-gradient-via: color-mix(in oklab, var(--pmc-canvas, var(--background)) 15%, transparent);
    }
  }

  .via-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/15 {
    --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-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/40 {
    --tw-gradient-via: var(--pmc-canvas, var(--background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--pmc-canvas, var(--background)) 40%, transparent);
    }
  }

  .via-\[color\:var\(--pmc-canvas\,var\(--background\)\)\]\/40 {
    --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-accent {
    --tw-gradient-via: var(--accent);
    --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-accent\/5 {
    --tw-gradient-via: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-accent\/5 {
      --tw-gradient-via: color-mix(in oklab, var(--accent) 5%, transparent);
    }
  }

  .via-accent\/5 {
    --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-accent\/8 {
    --tw-gradient-via: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-accent\/8 {
      --tw-gradient-via: color-mix(in oklab, var(--accent) 8%, transparent);
    }
  }

  .via-accent\/8 {
    --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-accent\/10 {
    --tw-gradient-via: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-accent\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .via-accent\/10 {
    --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-amber-50 {
    --tw-gradient-via: var(--color-amber-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-background {
    --tw-gradient-via: var(--background);
    --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-background\/30 {
    --tw-gradient-via: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-background\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--background) 30%, transparent);
    }
  }

  .via-background\/30 {
    --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-background\/40 {
    --tw-gradient-via: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-background\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }

  .via-background\/40 {
    --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-background\/70 {
    --tw-gradient-via: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-background\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .via-background\/70 {
    --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-black\/5 {
    --tw-gradient-via: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/5 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .via-black\/5 {
    --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-black\/10 {
    --tw-gradient-via: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .via-black\/10 {
    --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-black\/15 {
    --tw-gradient-via: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/15 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .via-black\/15 {
    --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-black\/20 {
    --tw-gradient-via: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .via-black\/20 {
    --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-black\/25 {
    --tw-gradient-via: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/25 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .via-black\/25 {
    --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-black\/30 {
    --tw-gradient-via: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .via-black\/30 {
    --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-black\/40 {
    --tw-gradient-via: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .via-black\/40 {
    --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-black\/50 {
    --tw-gradient-via: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/50 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .via-black\/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-black\/55 {
    --tw-gradient-via: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/55 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .via-black\/55 {
    --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-black\/60 {
    --tw-gradient-via: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .via-black\/60 {
    --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-black\/70 {
    --tw-gradient-via: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .via-black\/70 {
    --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-black\/90 {
    --tw-gradient-via: #000000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/90 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }

  .via-black\/90 {
    --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-blue-500\/8 {
    --tw-gradient-via: #3080ff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-blue-500\/8 {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
    }
  }

  .via-blue-500\/8 {
    --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-border {
    --tw-gradient-via: var(--border);
    --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-500 {
    --tw-gradient-via: var(--color-cyan-500);
    --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-danger {
    --tw-gradient-via: var(--danger);
    --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-500 {
    --tw-gradient-via: var(--color-emerald-500);
    --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-gray-500 {
    --tw-gradient-via: var(--color-gray-500);
    --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-gray-800 {
    --tw-gradient-via: var(--color-gray-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-muted\/20 {
    --tw-gradient-via: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-muted\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .via-muted\/20 {
    --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-neutral-900 {
    --tw-gradient-via: var(--color-neutral-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-neutral-950\/35 {
    --tw-gradient-via: #0a0a0a59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-neutral-950\/35 {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 35%, transparent);
    }
  }

  .via-neutral-950\/35 {
    --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-neutral-950\/74 {
    --tw-gradient-via: #0a0a0abd;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-neutral-950\/74 {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 74%, transparent);
    }
  }

  .via-neutral-950\/74 {
    --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-500 {
    --tw-gradient-via: var(--color-orange-500);
    --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-pink-500 {
    --tw-gradient-via: var(--color-pink-500);
    --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-primary {
    --tw-gradient-via: var(--primary);
    --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-primary\/3 {
    --tw-gradient-via: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-primary\/3 {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }

  .via-primary\/3 {
    --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-primary\/5 {
    --tw-gradient-via: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-primary\/5 {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .via-primary\/5 {
    --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-primary\/\[0\.03\] {
    --tw-gradient-via: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-primary\/\[0\.03\] {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }

  .via-primary\/\[0\.03\] {
    --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-primary\/\[0\.04\] {
    --tw-gradient-via: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-primary\/\[0\.04\] {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 4%, transparent);
    }
  }

  .via-primary\/\[0\.04\] {
    --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-surface-secondary {
    --tw-gradient-via: var(--surface-secondary);
    --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-surface-secondary\/80 {
    --tw-gradient-via: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-surface-secondary\/80 {
      --tw-gradient-via: color-mix(in oklab, var(--surface-secondary) 80%, transparent);
    }
  }

  .via-surface-secondary\/80 {
    --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-white\/30 {
    --tw-gradient-via: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .via-white\/30 {
    --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-white\/40 {
    --tw-gradient-via: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .via-white\/40 {
    --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-white\/45 {
    --tw-gradient-via: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/45 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .via-white\/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-white\/70 {
    --tw-gradient-via: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .via-white\/70 {
    --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-\[\#0f1c14\] {
    --tw-gradient-to: #0f1c14;
    --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-\[color-mix\(in_srgb\,var\(--cin-bg-alt\,\#f5f5f5\)_82\%\,transparent\)\] {
    --tw-gradient-to: var(--cin-bg-alt, #f5f5f5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[color-mix\(in_srgb\,var\(--cin-bg-alt\,\#f5f5f5\)_82\%\,transparent\)\] {
      --tw-gradient-to: color-mix(in srgb,var(--cin-bg-alt, #f5f5f5) 82%,transparent);
    }
  }

  .to-\[color-mix\(in_srgb\,var\(--cin-bg-alt\,\#f5f5f5\)_82\%\,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-accent {
    --tw-gradient-to: var(--accent);
    --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-accent\/5 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 5%, transparent);
    }
  }

  .to-accent\/5 {
    --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-accent\/10 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .to-accent\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-accent\/20 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .to-accent\/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));
  }

  .to-accent\/30 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .to-accent\/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));
  }

  .to-accent\/50 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .to-accent\/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));
  }

  .to-accent\/80 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 80%, transparent);
    }
  }

  .to-accent\/80 {
    --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-accent\/\[0\.04\] {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent\/\[0\.04\] {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 4%, transparent);
    }
  }

  .to-accent\/\[0\.04\] {
    --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-50\/50 {
    --tw-gradient-to: #fffbeb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-amber-50\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }

  .to-amber-50\/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));
  }

  .to-amber-500 {
    --tw-gradient-to: 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));
  }

  .to-background {
    --tw-gradient-to: var(--background);
    --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-background\/60 {
    --tw-gradient-to: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-background\/60 {
      --tw-gradient-to: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .to-background\/60 {
    --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\/5 {
    --tw-gradient-to: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .to-black\/5 {
    --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\/10 {
    --tw-gradient-to: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .to-black\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-black\/20 {
    --tw-gradient-to: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .to-black\/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));
  }

  .to-black\/25 {
    --tw-gradient-to: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/25 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .to-black\/25 {
    --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\/30 {
    --tw-gradient-to: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .to-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));
  }

  .to-black\/40 {
    --tw-gradient-to: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .to-black\/40 {
    --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\/50 {
    --tw-gradient-to: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .to-black\/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));
  }

  .to-black\/80 {
    --tw-gradient-to: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .to-black\/80 {
    --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-50 {
    --tw-gradient-to: var(--color-blue-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));
  }

  .to-blue-50\/50 {
    --tw-gradient-to: #eff6ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-50\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }

  .to-blue-50\/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));
  }

  .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-blue-500\/5 {
    --tw-gradient-to: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-500\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .to-blue-500\/5 {
    --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\/20 {
    --tw-gradient-to: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-500\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .to-blue-500\/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));
  }

  .to-border {
    --tw-gradient-to: var(--border);
    --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-border\/30 {
    --tw-gradient-to: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-border\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .to-border\/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));
  }

  .to-brand-blue {
    --tw-gradient-to: var(--brand-blue);
    --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-cyan-500\/10 {
    --tw-gradient-to: #00b7d71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-cyan-500\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }

  .to-cyan-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-danger\/40 {
    --tw-gradient-to: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-danger\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--danger) 40%, transparent);
    }
  }

  .to-danger\/40 {
    --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-50 {
    --tw-gradient-to: var(--color-emerald-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));
  }

  .to-emerald-100 {
    --tw-gradient-to: var(--color-emerald-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-emerald-600 {
    --tw-gradient-to: var(--color-emerald-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));
  }

  .to-foreground {
    --tw-gradient-to: var(--foreground);
    --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-400 {
    --tw-gradient-to: var(--color-gray-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-800 {
    --tw-gradient-to: var(--color-gray-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-gray-900 {
    --tw-gradient-to: var(--color-gray-900);
    --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-green-500 {
    --tw-gradient-to: var(--color-green-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-green-800 {
    --tw-gradient-to: var(--color-green-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-indigo-100 {
    --tw-gradient-to: var(--color-indigo-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-indigo-600 {
    --tw-gradient-to: var(--color-indigo-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));
  }

  .to-indigo-800 {
    --tw-gradient-to: var(--color-indigo-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-muted {
    --tw-gradient-to: var(--muted);
    --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-muted\/50 {
    --tw-gradient-to: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-muted\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .to-muted\/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));
  }

  .to-neutral-800 {
    --tw-gradient-to: var(--color-neutral-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-neutral-950\/25 {
    --tw-gradient-to: #0a0a0a40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-neutral-950\/25 {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-950) 25%, transparent);
    }
  }

  .to-neutral-950\/25 {
    --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-neutral-950\/48 {
    --tw-gradient-to: #0a0a0a7a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-neutral-950\/48 {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-950) 48%, transparent);
    }
  }

  .to-neutral-950\/48 {
    --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-50 {
    --tw-gradient-to: var(--color-orange-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));
  }

  .to-orange-50\/30 {
    --tw-gradient-to: #fff7ed4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-orange-50\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-50) 30%, transparent);
    }
  }

  .to-orange-50\/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));
  }

  .to-orange-400 {
    --tw-gradient-to: 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));
  }

  .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-orange-600 {
    --tw-gradient-to: var(--color-orange-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));
  }

  .to-orange-800 {
    --tw-gradient-to: var(--color-orange-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-pink-800 {
    --tw-gradient-to: var(--color-pink-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-primary {
    --tw-gradient-to: var(--primary);
    --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-primary\/5 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .to-primary\/5 {
    --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-primary\/10 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .to-primary\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary\/50 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .to-primary\/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));
  }

  .to-primary\/70 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/70 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .to-primary\/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-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-purple-800 {
    --tw-gradient-to: var(--color-purple-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-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-800 {
    --tw-gradient-to: var(--color-rose-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-secondary {
    --tw-gradient-to: var(--secondary);
    --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-secondary\/5 {
    --tw-gradient-to: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-secondary\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--secondary) 5%, transparent);
    }
  }

  .to-secondary\/5 {
    --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-secondary\/20 {
    --tw-gradient-to: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-secondary\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }

  .to-secondary\/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));
  }

  .to-sky-500 {
    --tw-gradient-to: var(--color-sky-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-sky-800 {
    --tw-gradient-to: 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));
  }

  .to-slate-900 {
    --tw-gradient-to: var(--color-slate-900);
    --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-success {
    --tw-gradient-to: var(--success);
    --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-success-100 {
    --tw-gradient-to: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-success-100 {
      --tw-gradient-to: color-mix(in oklab, var(--success) 16%, white);
    }
  }

  .to-success-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-success\/5 {
    --tw-gradient-to: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-success\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--success) 5%, transparent);
    }
  }

  .to-success\/5 {
    --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-success\/10 {
    --tw-gradient-to: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-success\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .to-success\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-surface {
    --tw-gradient-to: var(--surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-surface-secondary {
    --tw-gradient-to: var(--surface-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-surface-sunken {
    --tw-gradient-to: var(--surface-sunken);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-surface\/40 {
    --tw-gradient-to: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-surface\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--surface) 40%, transparent);
    }
  }

  .to-surface\/40 {
    --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-teal-800 {
    --tw-gradient-to: var(--color-teal-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-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));
  }

  .\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000, #0000);
    mask-image: linear-gradient(#000, #0000);
  }

  .\[mask-image\:linear-gradient\(to_bottom\,black_60\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 60%, #0000);
    mask-image: linear-gradient(#000 60%, #0000);
  }

  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_18\%\,black_68\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000 18% 68%, #0000);
    mask-image: linear-gradient(#0000, #000 18% 68%, #0000);
  }

  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-12px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 12px), #0000);
    mask-image: linear-gradient(to right, #000 calc(100% - 12px), #0000);
  }

  .\[mask-image\:linear-gradient\(to_right\,transparent\,black_2rem\,black_calc\(100\%-2rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 2rem calc(100% - 2rem), #0000);
    mask-image: linear-gradient(to right, #0000, #000 2rem calc(100% - 2rem), #0000);
  }

  .\[mask-image\:linear-gradient\(to_top\,black_42\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to top, #000 42%, #0000);
    mask-image: linear-gradient(to top, #000 42%, #0000);
  }

  .\[mask-image\:linear-gradient\(to_top\,black_55\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to top, #000 55%, #0000);
    mask-image: linear-gradient(to top, #000 55%, #0000);
  }

  .bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[\#dc4558\] {
    fill: #dc4558;
  }

  .fill-\[\#fb7185\] {
    fill: #fb7185;
  }

  .fill-amber-400 {
    fill: var(--color-amber-400);
  }

  .fill-background {
    fill: var(--background);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-danger {
    fill: var(--danger);
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-none {
    fill: none;
  }

  .fill-primary {
    fill: var(--primary);
  }

  .fill-primary\/30 {
    fill: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-primary\/30 {
      fill: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .fill-red-500 {
    fill: var(--color-red-500);
  }

  .fill-rose-400 {
    fill: var(--color-rose-400);
  }

  .fill-rose-500 {
    fill: var(--color-rose-500);
  }

  .fill-success\/20 {
    fill: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-success\/20 {
      fill: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .fill-warning {
    fill: var(--warning);
  }

  .fill-white {
    fill: var(--color-white);
  }

  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }

  .stroke-border {
    stroke: var(--border);
  }

  .stroke-current {
    stroke: currentColor;
  }

  .stroke-primary {
    stroke: var(--primary);
  }

  .stroke-transparent {
    stroke: #0000;
  }

  .stroke-\[2\.75\] {
    stroke-width: 2.75px;
  }

  .stroke-\[3\] {
    stroke-width: 3px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-\[center_25\%\] {
    object-position: center 25%;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .object-top {
    object-position: top;
  }

  .\!p-0 {
    padding: 0 !important;
  }

  .\!p-1 {
    padding: var(--spacing) !important;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .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-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .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-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-\[4\%\] {
    padding: 4%;
  }

  .p-\[6\%\] {
    padding: 6%;
  }

  .p-px {
    padding: 1px;
  }

  .\!px-0 {
    padding-inline: 0 !important;
  }

  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }

  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }

  .px-\[6px\] {
    padding-inline: 6px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .\!py-0 {
    padding-block: 0 !important;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .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);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-px {
    padding-block: 1px;
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

  .pe-0 {
    padding-inline-end: 0;
  }

  .pe-1 {
    padding-inline-end: var(--spacing);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-7 {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }

  .\!pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pt-\[8vh\] {
    padding-top: 8vh;
  }

  .pt-\[10vh\] {
    padding-top: 10vh;
  }

  .pt-\[18px\] {
    padding-top: 18px;
  }

  .pt-\[calc\(var\(--ehq-cin-nav-h\,3\.5rem\)\+0\.75rem\)\] {
    padding-top: calc(var(--ehq-cin-nav-h, 3.5rem) + .75rem);
  }

  .pt-\[calc\(var\(--ehq-cin-nav-h\,3\.5rem\)\+1\.5rem\)\] {
    padding-top: calc(var(--ehq-cin-nav-h, 3.5rem) + 1.5rem);
  }

  .pt-\[calc\(var\(--ehq-cin-nav-h\,3\.5rem\)\+2\.75rem\)\] {
    padding-top: calc(var(--ehq-cin-nav-h, 3.5rem) + 2.75rem);
  }

  .pt-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+var\(--ehq-cin-nav-h\,0px\)\)\] {
    padding-top: calc(var(--ehq-offline-banner-h, 0px) + var(--ehq-cin-nav-h, 0px));
  }

  .pt-\[env\(safe-area-inset-top\)\] {
    padding-top: env(safe-area-inset-top);
  }

  .pt-\[max\(4rem\,calc\(env\(safe-area-inset-top\)\+3rem\)\)\] {
    padding-top: max(4rem, calc(env(safe-area-inset-top) + 3rem));
  }

  .pt-\[max\(env\(safe-area-inset-top\)\,0\.5rem\)\] {
    padding-top: max(env(safe-area-inset-top), .5rem);
  }

  .pt-\[max\(env\(safe-area-inset-top\)\,0\.75rem\)\] {
    padding-top: max(env(safe-area-inset-top), .75rem);
  }

  .pt-\[max\(env\(safe-area-inset-top\)\,1rem\)\] {
    padding-top: max(env(safe-area-inset-top), 1rem);
  }

  .pt-\[var\(--ehq-cin-nav-h\,3\.5rem\)\] {
    padding-top: var(--ehq-cin-nav-h, 3.5rem);
  }

  .pt-\[var\(--ehq-offline-banner-h\,0px\)\] {
    padding-top: var(--ehq-offline-banner-h, 0px);
  }

  .pt-\[var\(--ehq-participant-utility-header-h\,calc\(3\.25rem_\+_max\(env\(safe-area-inset-top\)\,0\.75rem\)\)\)\] {
    padding-top: var(--ehq-participant-utility-header-h, calc(3.25rem + max(env(safe-area-inset-top), .75rem)));
  }

  .pt-px {
    padding-top: 1px;
  }

  .pr-0 {
    padding-right: 0;
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }

  .pr-36 {
    padding-right: calc(var(--spacing) * 36);
  }

  .\!pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-5\.5 {
    padding-bottom: calc(var(--spacing) * 5.5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }

  .pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
  }

  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }

  .pb-44 {
    padding-bottom: calc(var(--spacing) * 44);
  }

  .pb-\[45vh\] {
    padding-bottom: 45vh;
  }

  .pb-\[58vh\] {
    padding-bottom: 58vh;
  }

  .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(4rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(4rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(5\.25rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(6rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + .75rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.625rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + .625rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.75rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.75rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.375rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.375rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+var\(--keyboard-browser-toolbar-inset\,0px\)\+0\.75rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + var(--keyboard-browser-toolbar-inset, 0px) + .75rem);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+1rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
  }

  .pb-\[calc\(max\(env\(safe-area-inset-bottom\)\,0\.75rem\)\+0\.5rem\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom), .75rem) + .5rem);
  }

  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  }

  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }

  .pb-\[max\(2rem\,calc\(env\(safe-area-inset-bottom\)\+1rem\)\)\] {
    padding-bottom: max(2rem, calc(env(safe-area-inset-bottom) + 1rem));
  }

  .pb-\[max\(6\.5rem\,calc\(env\(safe-area-inset-bottom\)\+5\.5rem\)\)\] {
    padding-bottom: max(6.5rem, calc(env(safe-area-inset-bottom) + 5.5rem));
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,0\.75rem\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), .75rem);
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,0\.375rem\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), .375rem);
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,0px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 0px);
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,1rem\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 1rem);
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,12px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 12px);
  }

  .\!pl-4 {
    padding-left: calc(var(--spacing) * 4) !important;
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-13 {
    padding-left: calc(var(--spacing) * 13);
  }

  .pl-28 {
    padding-left: calc(var(--spacing) * 28);
  }

  .pl-\[3\.5rem\] {
    padding-left: 3.5rem;
  }

  .pl-\[34px\] {
    padding-left: 34px;
  }

  .pl-\[92px\] {
    padding-left: 92px;
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-\[-1px\] {
    vertical-align: -1px;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-body {
    font-family: var(--font-outfit);
  }

  .font-display {
    font-family: var(--font-lora);
  }

  .font-mono {
    font-family: var(--font-geist-mono);
  }

  .font-sans {
    font-family: var(--font-geist-sans);
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--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));
  }

  .\[font-size\:inherit\] {
    font-size: inherit;
  }

  .text-2xs {
    font-size: .6875rem;
  }

  .text-\[0\.6rem\] {
    font-size: .6rem;
  }

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[0\.55rem\] {
    font-size: .55rem;
  }

  .text-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[0\.72rem\] {
    font-size: .72rem;
  }

  .text-\[0\.85em\] {
    font-size: .85em;
  }

  .text-\[0\.86em\] {
    font-size: .86em;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[0\.9375rem\] {
    font-size: .9375rem;
  }

  .text-\[0px\] {
    font-size: 0;
  }

  .text-\[1\.0625rem\] {
    font-size: 1.0625rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[4\.5rem\] {
    font-size: 4.5rem;
  }

  .text-\[6px\] {
    font-size: 6px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[clamp\(0\.5rem\,2\.1vw\,0\.72rem\)\] {
    font-size: clamp(.5rem, 2.1vw, .72rem);
  }

  .text-\[clamp\(0\.5rem\,2\.2vw\,0\.75rem\)\] {
    font-size: clamp(.5rem, 2.2vw, .75rem);
  }

  .text-\[clamp\(0\.45rem\,1\.8vw\,0\.65rem\)\] {
    font-size: clamp(.45rem, 1.8vw, .65rem);
  }

  .text-\[clamp\(0\.65rem\,2\.8vw\,0\.95rem\)\] {
    font-size: clamp(.65rem, 2.8vw, .95rem);
  }

  .text-\[clamp\(2\.75rem\,7\.5vw\,7\.5rem\)\] {
    font-size: clamp(2.75rem, 7.5vw, 7.5rem);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .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-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5);
    line-height: calc(var(--spacing) * 5.5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.82\] {
    --tw-leading: .82;
    line-height: .82;
  }

  .leading-\[0\.85\] {
    --tw-leading: .85;
    line-height: .85;
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .leading-\[2rem\] {
    --tw-leading: 2rem;
    line-height: 2rem;
  }

  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .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-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .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-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\!tracking-normal {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .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\.25em\] {
    --tw-tracking: .25em;
    letter-spacing: .25em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .tracking-\[0\.32em\] {
    --tw-tracking: .32em;
    letter-spacing: .32em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[var\(--brand-button-fg\,\#ffffff\)\] {
    color: var(--brand-button-fg, #fff) !important;
  }

  .\!text-danger {
    color: var(--danger) !important;
  }

  .\!text-foreground {
    color: var(--foreground) !important;
  }

  .\!text-gray-500 {
    color: var(--color-gray-500) !important;
  }

  .\!text-gray-950 {
    color: var(--color-gray-950) !important;
  }

  .\!text-success-foreground {
    color: var(--success-foreground) !important;
  }

  .\!text-warning-foreground {
    color: var(--warning-foreground) !important;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .\!text-zinc-50 {
    color: var(--color-zinc-50) !important;
  }

  .\!text-zinc-300 {
    color: var(--color-zinc-300) !important;
  }

  .text-\[\#0a120d\] {
    color: #0a120d;
  }

  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }

  .text-\[\#1d1d1f\] {
    color: #1d1d1f;
  }

  .text-\[\#3d3d3d\] {
    color: #3d3d3d;
  }

  .text-\[\#5d996e\] {
    color: #5d996e;
  }

  .text-\[\#6c9d79\] {
    color: #6c9d79;
  }

  .text-\[\#6d6d6d\] {
    color: #6d6d6d;
  }

  .text-\[\#6e6e73\] {
    color: #6e6e73;
  }

  .text-\[\#6e9c82\] {
    color: #6e9c82;
  }

  .text-\[\#007aff\] {
    color: #007aff;
  }

  .text-\[\#007aff\]\/45 {
    color: #007aff73;
    color: lab(51.8529% 12.1394 -75.2743 / .45);
  }

  .text-\[\#9f3527\] {
    color: #9f3527;
  }

  .text-\[\#9fd4b4\] {
    color: #9fd4b4;
  }

  .text-\[\#22c55e\] {
    color: #22c55e;
  }

  .text-\[\#22d3ee\] {
    color: #22d3ee;
  }

  .text-\[\#183d3c\] {
    color: #183d3c;
  }

  .text-\[\#648b6c\] {
    color: #648b6c;
  }

  .text-\[\#888899\] {
    color: #889;
  }

  .text-\[\#ad4615\] {
    color: #ad4615;
  }

  .text-\[\#c43b00\] {
    color: #c43b00;
  }

  .text-\[\#dc4558\] {
    color: #dc4558;
  }

  .text-\[\#ddeb9d\] {
    color: #ddeb9d;
  }

  .text-\[\#fb7185\] {
    color: #fb7185;
  }

  .text-\[\#fff7e8\] {
    color: #fff7e8;
  }

  .text-\[\#fff7e8\]\/65 {
    color: #fff7e8a6;
    color: lab(97.5592% .910759 8.23668 / .65);
  }

  .text-\[\#fff7e8\]\/70 {
    color: #fff7e8b3;
    color: lab(97.5592% .910789 8.23667 / .7);
  }

  .text-\[\#fff7e8\]\/75 {
    color: #fff7e8bf;
    color: lab(97.5592% .910759 8.23668 / .75);
  }

  .text-\[\#fff7e8\]\/80 {
    color: #fff7e8cc;
    color: lab(97.5592% .910759 8.23668 / .8);
  }

  .text-\[color\:var\(--brand-fg\)\] {
    color: var(--brand-fg);
  }

  .text-\[color\:var\(--cin-accent\)\] {
    color: var(--cin-accent);
  }

  .text-\[color\:var\(--rdh-ink-2\)\] {
    color: var(--rdh-ink-2);
  }

  .text-\[oklch\(0\.7_0\.16_85\)\] {
    color: #c99500;
    color: lab(65.3174% 13.5259 84.1956);
  }

  .text-\[oklch\(0\.58_0\.19_38\)\] {
    color: #d24100;
    color: lab(49.6531% 56.0917 61.7109);
  }

  .text-\[var\(--brand-button-fg\)\] {
    color: var(--brand-button-fg);
  }

  .text-\[var\(--brand-button-fg\,var\(--brand-fg\,\#fff\)\)\] {
    color: var(--brand-button-fg, var(--brand-fg, #fff));
  }

  .text-\[var\(--brand-color-fg\,var\(--brand-color\)\)\] {
    color: var(--brand-color-fg, var(--brand-color));
  }

  .text-\[var\(--brand-color-fg\,var\(--brand-text\)\)\] {
    color: var(--brand-color-fg, var(--brand-text));
  }

  .text-\[var\(--brand-color-fg\,var\(--brand-text\,var\(--brand-color\)\)\)\] {
    color: var(--brand-color-fg, var(--brand-text, var(--brand-color)));
  }

  .text-\[var\(--brand-color-fg\,var\(--brand-text\,var\(--color-primary\)\)\)\] {
    color: var(--brand-color-fg, var(--brand-text, var(--color-primary)));
  }

  .text-\[var\(--brand-fg\,\#fff\)\] {
    color: var(--brand-fg, #fff);
  }

  .text-\[var\(--brand-fg\,var\(--primary-foreground\)\)\] {
    color: var(--brand-fg, var(--primary-foreground));
  }

  .text-\[var\(--brand-on-dark\,\#67e8f9\)\] {
    color: var(--brand-on-dark, #67e8f9);
  }

  .text-\[var\(--brand-soft-fg\,var\(--saved-pile-accent\)\)\] {
    color: var(--brand-soft-fg, var(--saved-pile-accent));
  }

  .text-\[var\(--brand-text\)\] {
    color: var(--brand-text);
  }

  .text-\[var\(--brand-text\,var\(--primary\)\)\] {
    color: var(--brand-text, var(--primary));
  }

  .text-\[var\(--cairn-accent\,var\(--accent\)\)\] {
    color: var(--cairn-accent, var(--accent));
  }

  .text-\[var\(--cairn-gradient-foreground\)\] {
    color: var(--cairn-gradient-foreground);
  }

  .text-\[var\(--cin-accent\)\] {
    color: var(--cin-accent);
  }

  .text-\[var\(--donation-brand\)\] {
    color: var(--donation-brand);
  }

  .text-\[var\(--event-pass-control-fg\)\] {
    color: var(--event-pass-control-fg);
  }

  .text-\[var\(--organization-accent\)\] {
    color: var(--organization-accent);
  }

  .text-\[var\(--personal-accent\)\] {
    color: var(--personal-accent);
  }

  .text-\[var\(--pmc-accent\)\] {
    color: var(--pmc-accent);
  }

  .text-\[var\(--rdh-ink\)\] {
    color: var(--rdh-ink);
  }

  .text-\[var\(--rdh-ink\,var\(--foreground\)\)\] {
    color: var(--rdh-ink, var(--foreground));
  }

  .text-\[var\(--rdh-ink-2\)\] {
    color: var(--rdh-ink-2);
  }

  .text-\[var\(--rdh-ink-2\,var\(--muted-foreground\)\)\] {
    color: var(--rdh-ink-2, var(--muted-foreground));
  }

  .text-\[var\(--rdh-ink-3\)\] {
    color: var(--rdh-ink-3);
  }

  .text-\[var\(--rdh-ink-3\,hsl\(var\(--heroui-default-500\)\)\)\] {
    color: var(--rdh-ink-3, hsl(var(--heroui-default-500)));
  }

  .text-\[var\(--rdh-ink-3\,var\(--muted\)\)\] {
    color: var(--rdh-ink-3, var(--muted));
  }

  .text-\[var\(--rdh-ink-4\)\] {
    color: var(--rdh-ink-4);
  }

  .text-\[var\(--supply-chip-fg\)\] {
    color: var(--supply-chip-fg);
  }

  .text-accent {
    color: var(--accent);
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-accent-foreground\/70 {
    color: var(--accent-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent-foreground\/70 {
      color: color-mix(in oklab, var(--accent-foreground) 70%, transparent);
    }
  }

  .text-accent-soft-foreground {
    color: var(--accent-soft-foreground);
  }

  .text-accent\/20 {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/20 {
      color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .text-accent\/\[0\.07\] {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/\[0\.07\] {
      color: color-mix(in oklab, var(--accent) 7.0%, transparent);
    }
  }

  .text-accent\/\[0\.08\] {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/\[0\.08\] {
      color: color-mix(in oklab, var(--accent) 8%, transparent);
    }
  }

  .text-amber-50 {
    color: var(--color-amber-50);
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-900\/80 {
    color: #7b3306cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-900\/80 {
      color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }

  .text-background {
    color: var(--background);
  }

  .text-background\/60 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/60 {
      color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .text-background\/65 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/65 {
      color: color-mix(in oklab, var(--background) 65%, transparent);
    }
  }

  .text-background\/75 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/75 {
      color: color-mix(in oklab, var(--background) 75%, transparent);
    }
  }

  .text-black {
    color: var(--color-black);
  }

  .text-black\/20 {
    color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/20 {
      color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .text-black\/30 {
    color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/30 {
      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .text-black\/40 {
    color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/40 {
      color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .text-black\/50 {
    color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/50 {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .text-black\/55 {
    color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/55 {
      color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .text-black\/60 {
    color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/60 {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .text-black\/65 {
    color: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/65 {
      color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }

  .text-black\/70 {
    color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/70 {
      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .text-black\/80 {
    color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/80 {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-border {
    color: var(--border);
  }

  .text-brand-blue {
    color: var(--brand-blue);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-current\/35 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/35 {
      color: color-mix(in oklab, currentcolor 35%, transparent);
    }
  }

  .text-current\/70 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/70 {
      color: color-mix(in oklab, currentcolor 70%, transparent);
    }
  }

  .text-cyan-300 {
    color: var(--color-cyan-300);
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-cyan-800 {
    color: var(--color-cyan-800);
  }

  .text-danger {
    color: var(--danger);
  }

  .text-danger\! {
    color: var(--danger) !important;
  }

  .text-danger-500 {
    color: var(--danger);
  }

  .text-danger-600 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger-600 {
      color: color-mix(in oklab, var(--danger) 82%, black);
    }
  }

  .text-danger-700 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger-700 {
      color: color-mix(in oklab, var(--danger) 68%, black);
    }
  }

  .text-danger-800 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger-800 {
      color: color-mix(in oklab, var(--danger) 52%, black);
    }
  }

  .text-danger-foreground {
    color: var(--danger-foreground);
  }

  .text-danger-soft-foreground {
    color: var(--danger-soft-foreground);
  }

  .text-danger\/50 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/50 {
      color: color-mix(in oklab, var(--danger) 50%, transparent);
    }
  }

  .text-danger\/70 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/70 {
      color: color-mix(in oklab, var(--danger) 70%, transparent);
    }
  }

  .text-danger\/80 {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/80 {
      color: color-mix(in oklab, var(--danger) 80%, transparent);
    }
  }

  .text-default-500 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-default-500 {
      color: color-mix(in oklab, var(--foreground) 55%, var(--background));
    }
  }

  .text-default-foreground {
    color: var(--foreground);
  }

  .text-default-soft-foreground {
    color: var(--default-soft-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }

  .text-destructive\/70 {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-destructive\/70 {
      color: color-mix(in oklab, var(--destructive) 70%, transparent);
    }
  }

  .text-destructive\/80 {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-destructive\/80 {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }

  .text-emerald-50 {
    color: var(--color-emerald-50);
  }

  .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-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .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-field {
    color: var(--field-background, var(--default));
  }

  .text-field-foreground {
    color: var(--field-foreground, var(--foreground));
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\! {
    color: var(--foreground) !important;
  }

  .text-foreground\/10 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/10 {
      color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .text-foreground\/15 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/15 {
      color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .text-foreground\/20 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/20 {
      color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .text-foreground\/25 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/25 {
      color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }

  .text-foreground\/30 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/30 {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .text-foreground\/35 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/35 {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .text-foreground\/40 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/40 {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .text-foreground\/45 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/45 {
      color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }

  .text-foreground\/50 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/50 {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .text-foreground\/55 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/55 {
      color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/65 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/65 {
      color: color-mix(in oklab, var(--foreground) 65%, transparent);
    }
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/75 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/75 {
      color: color-mix(in oklab, var(--foreground) 75%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/85 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-foreground\/\[0\.04\] {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/\[0\.04\] {
      color: color-mix(in oklab, var(--foreground) 4%, transparent);
    }
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .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-gray-950 {
    color: var(--color-gray-950);
  }

  .text-green-400\/60 {
    color: #05df7299;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-400\/60 {
      color: color-mix(in oklab, var(--color-green-400) 60%, transparent);
    }
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-700\/70 {
    color: #008138b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-700\/70 {
      color: color-mix(in oklab, var(--color-green-700) 70%, transparent);
    }
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-highlight {
    color: var(--highlight);
  }

  .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-info {
    color: var(--info);
  }

  .text-inherit {
    color: inherit;
  }

  .text-live {
    color: var(--live);
  }

  .text-muted {
    color: var(--muted);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-muted-foreground\! {
    color: var(--muted-foreground) !important;
  }

  .text-muted-foreground\/0 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/0 {
      color: color-mix(in oklab, var(--muted-foreground) 0%, transparent);
    }
  }

  .text-muted-foreground\/20 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/20 {
      color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .text-muted-foreground\/30 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/30 {
      color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .text-muted-foreground\/40 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/40 {
      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-muted-foreground\/55 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/55 {
      color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
    }
  }

  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/60 {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .text-muted\/30 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/30 {
      color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .text-muted\/35 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/35 {
      color: color-mix(in oklab, var(--muted) 35%, transparent);
    }
  }

  .text-muted\/50 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/50 {
      color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .text-muted\/60 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/60 {
      color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .text-muted\/70 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/70 {
      color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }

  .text-muted\/80 {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted\/80 {
      color: color-mix(in oklab, var(--muted) 80%, transparent);
    }
  }

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-800 {
    color: var(--color-neutral-800);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-neutral-950 {
    color: var(--color-neutral-950);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-orange-800 {
    color: var(--color-orange-800);
  }

  .text-pink-400 {
    color: var(--color-pink-400);
  }

  .text-pink-500 {
    color: var(--color-pink-500);
  }

  .text-pink-600 {
    color: var(--color-pink-600);
  }

  .text-pink-700 {
    color: var(--color-pink-700);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-primary-foreground\/60 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/60 {
      color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);
    }
  }

  .text-primary-foreground\/70 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/70 {
      color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
    }
  }

  .text-primary-foreground\/75 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/75 {
      color: color-mix(in oklab, var(--primary-foreground) 75%, transparent);
    }
  }

  .text-primary-foreground\/80 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/80 {
      color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
    }
  }

  .text-primary-foreground\/90 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/90 {
      color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
    }
  }

  .text-primary\/15 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/15 {
      color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .text-primary\/40 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/40 {
      color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .text-primary\/50 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/50 {
      color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .text-primary\/60 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/60 {
      color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .text-primary\/70 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/70 {
      color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .text-primary\/80 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/80 {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .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-red-900 {
    color: var(--color-red-900);
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-rose-400 {
    color: var(--color-rose-400);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-secondary {
    color: var(--secondary);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-secondary\/70 {
    color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/70 {
      color: color-mix(in oklab, var(--secondary) 70%, transparent);
    }
  }

  .text-segment-foreground {
    color: var(--segment-foreground);
  }

  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }

  .text-sidebar-foreground\/55 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/55 {
      color: color-mix(in oklab, var(--sidebar-foreground) 55%, transparent);
    }
  }

  .text-sidebar-foreground\/65 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/65 {
      color: color-mix(in oklab, var(--sidebar-foreground) 65%, transparent);
    }
  }

  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  .text-sidebar-primary-foreground {
    color: var(--sidebar-primary-foreground);
  }

  .text-sky-500 {
    color: var(--color-sky-500);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-stone-400 {
    color: var(--color-stone-400);
  }

  .text-stone-500 {
    color: var(--color-stone-500);
  }

  .text-stone-700 {
    color: var(--color-stone-700);
  }

  .text-stone-900 {
    color: var(--color-stone-900);
  }

  .text-success {
    color: var(--success);
  }

  .text-success-300 {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-success-300 {
      color: color-mix(in oklab, var(--success) 45%, white);
    }
  }

  .text-success-500 {
    color: var(--success);
  }

  .text-success-600 {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-success-600 {
      color: color-mix(in oklab, var(--success) 82%, black);
    }
  }

  .text-success-700 {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-success-700 {
      color: color-mix(in oklab, var(--success) 68%, black);
    }
  }

  .text-success-800 {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-success-800 {
      color: color-mix(in oklab, var(--success) 52%, black);
    }
  }

  .text-success-foreground {
    color: var(--success-foreground);
  }

  .text-success-soft-foreground {
    color: var(--success-soft-foreground);
  }

  .text-success\/70 {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-success\/70 {
      color: color-mix(in oklab, var(--success) 70%, transparent);
    }
  }

  .text-teal-600 {
    color: var(--color-teal-600);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-teal-800 {
    color: var(--color-teal-800);
  }

  .text-transparent {
    color: #0000;
  }

  .text-urgent {
    color: var(--urgent);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-violet-400 {
    color: var(--color-violet-400);
  }

  .text-violet-500 {
    color: var(--color-violet-500);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-warning {
    color: var(--warning);
  }

  .text-warning-100 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-100 {
      color: color-mix(in oklab, var(--warning) 16%, white);
    }
  }

  .text-warning-300 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-300 {
      color: color-mix(in oklab, var(--warning) 45%, white);
    }
  }

  .text-warning-500 {
    color: var(--warning);
  }

  .text-warning-600 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-600 {
      color: color-mix(in oklab, var(--warning) 82%, black);
    }
  }

  .text-warning-700 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-700 {
      color: color-mix(in oklab, var(--warning) 68%, black);
    }
  }

  .text-warning-800 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-800 {
      color: color-mix(in oklab, var(--warning) 52%, black);
    }
  }

  .text-warning-foreground {
    color: var(--warning-foreground);
  }

  .text-warning-soft-foreground {
    color: var(--warning-soft-foreground);
  }

  .text-warning\/70 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning\/70 {
      color: color-mix(in oklab, var(--warning) 70%, transparent);
    }
  }

  .text-warning\/80 {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning\/80 {
      color: color-mix(in oklab, var(--warning) 80%, transparent);
    }
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/15 {
    color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/15 {
      color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .text-white\/20 {
    color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .text-white\/25 {
    color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/25 {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .text-white\/30 {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .text-white\/35 {
    color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .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\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, 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-white\/92 {
    color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/92 {
      color: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .text-yellow-900 {
    color: var(--color-yellow-900);
  }

  .text-zinc-300 {
    color: var(--color-zinc-300);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .text-zinc-600 {
    color: var(--color-zinc-600);
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .text-zinc-950 {
    color: var(--color-zinc-950);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .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;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-border {
    -webkit-text-decoration-color: var(--border);
    text-decoration-color: var(--border);
  }

  .decoration-current\/40 {
    text-decoration-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-current\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
    }
  }

  .decoration-foreground\/30 {
    -webkit-text-decoration-color: var(--foreground);
    text-decoration-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-foreground\/30 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      text-decoration-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .decoration-foreground\/55 {
    -webkit-text-decoration-color: var(--foreground);
    text-decoration-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-foreground\/55 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--foreground) 55%, transparent);
      text-decoration-color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }

  .decoration-muted\/40 {
    -webkit-text-decoration-color: var(--muted);
    text-decoration-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-muted\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--muted) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .decoration-white\/40 {
    text-decoration-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-white\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .decoration-white\/60 {
    text-decoration-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-white\/60 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .decoration-dashed {
    text-decoration-style: dashed;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .decoration-2 {
    text-decoration-thickness: 2px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .caret-accent {
    caret-color: var(--accent);
  }

  .accent-foreground {
    accent-color: var(--foreground);
  }

  .accent-primary {
    accent-color: var(--primary);
  }

  .\!opacity-100 {
    opacity: 1 !important;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-5 {
    opacity: .05;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .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-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-95 {
    opacity: .95;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-100\! {
    opacity: 1 !important;
  }

  .opacity-\[0\.02\] {
    opacity: .02;
  }

  .opacity-\[0\.03\] {
    opacity: .03;
  }

  .opacity-\[0\.04\] {
    opacity: .04;
  }

  .opacity-\[0\.05\] {
    opacity: .05;
  }

  .opacity-\[0\.06\] {
    opacity: .06;
  }

  .opacity-\[0\.07\] {
    opacity: .07;
  }

  .opacity-\[0\.08\] {
    opacity: .08;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .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-\[-3px_-3px_0_\#000\] {
    --tw-shadow: -3px -3px 0 var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[-3px_3px_0_\#000\] {
    --tw-shadow: -3px 3px 0 var(--tw-shadow-color, #000);
    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_1px_black\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, black);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgb\(255_255_255_\/_0\.8\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #fffc);
    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_1px_rgba\(14\,165\,233\,0\.28\)\,0_0_24px_rgba\(14\,165\,233\,0\.22\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0ea5e947), 0 0 24px var(--tw-shadow-color, #0ea5e938);
    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_1px_rgba\(255\,255\,255\,0\.08\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff14);
    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_4px_rgba\(8\,145\,178\,0\.20\)\,0_6px_16px_rgba\(8\,145\,178\,0\.30\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #0891b233), 0 6px 16px var(--tw-shadow-color, #0891b24d);
    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\(217\,119\,6\,0\.16\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, #d9770629);
    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\(251\,191\,36\,0\.22\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, #fbbf2438);
    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_26px_rgba\(217\,119\,6\,0\.14\)\] {
    --tw-shadow: 0 0 26px var(--tw-shadow-color, #d9770624);
    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_26px_rgba\(251\,191\,36\,0\.16\)\] {
    --tw-shadow: 0 0 26px var(--tw-shadow-color, #fbbf2429);
    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_42px_rgba\(16\,185\,129\,0\.28\)\] {
    --tw-shadow: 0 0 42px var(--tw-shadow-color, #10b98147);
    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_1px_0_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, #00000008);
    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_1px_2px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #00000008);
    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_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0_8px_24px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000000a), 0 8px 24px var(--tw-shadow-color, #00000008);
    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_1px_3px_rgba\(0\,0\,0\,0\.28\)\,inset_0_0_0_1px_rgba\(127\,127\,127\,0\.4\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000047), inset 0 0 0 1px var(--tw-shadow-color, #7f7f7f66);
    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_2px_20px_rgba\(0\,0\,0\,0\.08\)\,0_0_0_0\.5px_rgba\(255\,255\,255\,0\.3\)_inset\,0_1px_0_rgba\(255\,255\,255\,0\.4\)_inset\] {
    --tw-shadow: 0 2px 20px var(--tw-shadow-color, #00000014), 0 0 0 .5px var(--tw-shadow-color, #ffffff4d) inset, 0 1px 0 var(--tw-shadow-color, #fff6) inset;
    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_14px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 4px 14px 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_8px_24px_rgba\(var\(--brand-rgb\)\,0\.24\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(var(--brand-rgb),.24));
    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_24px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
    --tw-shadow: 0 10px 24px -12px var(--tw-shadow-color, var(--brand-color));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_10px_24px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
      --tw-shadow: 0 10px 24px -12px var(--tw-shadow-color, color-mix(in srgb,var(--brand-color) 55%,transparent));
    }
  }

  .shadow-\[0_10px_24px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
    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_26px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
    --tw-shadow: 0 10px 26px -12px var(--tw-shadow-color, var(--brand-color));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_10px_26px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
      --tw-shadow: 0 10px 26px -12px var(--tw-shadow-color, color-mix(in srgb,var(--brand-color) 55%,transparent));
    }
  }

  .shadow-\[0_10px_26px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_55\%\,transparent\)\] {
    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_28px_-20px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 10px 28px -20px 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-\[0_10px_36px_rgba\(0\,0\,0\,0\.30\)\] {
    --tw-shadow: 0 10px 36px 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_12px_28px_-18px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-shadow: 0 12px 28px -18px var(--tw-shadow-color, #000000a6);
    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_12px_34px_rgba\(var\(--brand-rgb\)\,0\.28\)\] {
    --tw-shadow: 0 12px 34px var(--tw-shadow-color, rgba(var(--brand-rgb),.28));
    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_14px_36px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 14px 36px var(--tw-shadow-color, #00000059);
    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_16px_42px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: 0 16px 42px var(--tw-shadow-color, #0000003d);
    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_45px_-24px_rgba\(15\,23\,42\,0\.55\)\] {
    --tw-shadow: 0 18px 45px -24px var(--tw-shadow-color, #0f172a8c);
    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_45px_rgba\(15\,23\,42\,0\.24\)\] {
    --tw-shadow: 0 18px 45px var(--tw-shadow-color, #0f172a3d);
    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_20px_55px_rgba\(15\,23\,42\,0\.22\)\] {
    --tw-shadow: 0 20px 55px var(--tw-shadow-color, #0f172a38);
    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_24px_70px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #00000073);
    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_24px_80px_rgba\(15\,23\,42\,0\.24\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0f172a3d);
    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_24px_90px_-36px_rgba\(0\,0\,0\,0\.72\)\] {
    --tw-shadow: 0 24px 90px -36px var(--tw-shadow-color, #000000b8);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[3px_-3px_0_\#000\] {
    --tw-shadow: 3px -3px 0 var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[3px_3px_0_\#000\] {
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[10px_0_14px_-14px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 10px 0 14px -14px var(--tw-shadow-color, #0f172a73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[10px_0_14px_-14px_rgba\(255\,255\,255\,0\.35\)\] {
    --tw-shadow: 10px 0 14px -14px var(--tw-shadow-color, #ffffff59);
    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\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000000f);
    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\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001f);
    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\(127\,127\,127\,0\.35\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #7f7f7f59);
    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\,0\.35\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff59);
    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_1px_0_0_rgb\(255_255_255\/0\.2\)\] {
    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #fff3);
    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_1px_0_0_rgb\(255_255_255\/0\.25\)\] {
    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #ffffff40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-field {
    --tw-shadow: var(--field-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-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-overlay {
    --tw-shadow: var(--overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-surface {
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\!ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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);
  }

  .\[box-shadow\:var\(--cairn-gradient-shadow\)\] {
    box-shadow: var(--cairn-gradient-shadow);
  }

  .shadow-accent\/20 {
    --tw-shadow-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-accent\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/10 {
    --tw-shadow-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/15 {
    --tw-shadow-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, 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\/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\/50 {
    --tw-shadow-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-danger\/30 {
    --tw-shadow-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-danger\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-primary\/10 {
    --tw-shadow-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-primary\/20 {
    --tw-shadow-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-primary\/25 {
    --tw-shadow-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-primary\/30 {
    --tw-shadow-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-success\/30 {
    --tw-shadow-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-success\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--success) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-warning\/30 {
    --tw-shadow-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-warning\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_20\%\,transparent\)\] {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_20\%\,transparent\)\] {
      --tw-ring-color: color-mix(in srgb,var(--brand-color) 20%,transparent);
    }
  }

  .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_24\%\,transparent\)\] {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_24\%\,transparent\)\] {
      --tw-ring-color: color-mix(in srgb,var(--brand-color) 24%,transparent);
    }
  }

  .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_30\%\,transparent\)\] {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_30\%\,transparent\)\] {
      --tw-ring-color: color-mix(in srgb,var(--brand-color) 30%,transparent);
    }
  }

  .ring-\[color\:var\(--brand-ring\)\] {
    --tw-ring-color: var(--brand-ring);
  }

  .ring-\[color\:var\(--cin-border\)\] {
    --tw-ring-color: var(--cin-border);
  }

  .ring-\[var\(--brand-color\)\] {
    --tw-ring-color: var(--brand-color);
  }

  .ring-\[var\(--brand-color\)\]\/30 {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[var\(--brand-color\)\]\/30 {
      --tw-ring-color: color-mix(in oklab, var(--brand-color) 30%, transparent);
    }
  }

  .ring-\[var\(--brand-ring\)\] {
    --tw-ring-color: var(--brand-ring);
  }

  .ring-\[var\(--brand-ring\,var\(--primary\)\)\] {
    --tw-ring-color: var(--brand-ring, var(--primary));
  }

  .ring-\[var\(--cin-border\)\] {
    --tw-ring-color: var(--cin-border);
  }

  .ring-\[var\(--cin-border-strong\)\] {
    --tw-ring-color: var(--cin-border-strong);
  }

  .ring-\[var\(--cin-surface\)\] {
    --tw-ring-color: var(--cin-surface);
  }

  .ring-\[var\(--pmc-accent\)\] {
    --tw-ring-color: var(--pmc-accent);
  }

  .ring-\[var\(--rdh-line\,var\(--border\)\)\] {
    --tw-ring-color: var(--rdh-line, var(--border));
  }

  .ring-\[var\(--supply-chip-ring\)\] {
    --tw-ring-color: var(--supply-chip-ring);
  }

  .ring-accent {
    --tw-ring-color: var(--accent);
  }

  .ring-accent\/20 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/20 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .ring-accent\/25 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/25 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }

  .ring-accent\/30 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/30 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .ring-accent\/40 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/40 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }

  .ring-accent\/45 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/45 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 45%, transparent);
    }
  }

  .ring-accent\/50 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/50 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .ring-accent\/60 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/60 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 60%, transparent);
    }
  }

  .ring-accent\/70 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/70 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 70%, transparent);
    }
  }

  .ring-amber-200\/60 {
    --tw-ring-color: #fee68599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-200\/60 {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
    }
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-background\/90 {
    --tw-ring-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-background\/90 {
      --tw-ring-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-black\/15 {
    --tw-ring-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .ring-black\/60 {
    --tw-ring-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/60 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .ring-black\/\[0\.04\] {
    --tw-ring-color: #0000000a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/\[0\.04\] {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }

  .ring-black\/\[0\.06\] {
    --tw-ring-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/\[0\.06\] {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }

  .ring-blue-500\/20 {
    --tw-ring-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .ring-border {
    --tw-ring-color: var(--border);
  }

  .ring-border\/50 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/50 {
      --tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .ring-border\/60 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/60 {
      --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .ring-border\/70 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/70 {
      --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .ring-content1 {
    --tw-ring-color: var(--card);
  }

  .ring-current\/20 {
    --tw-ring-color: currentcolor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-current\/20 {
      --tw-ring-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }

  .ring-cyan-500\/70 {
    --tw-ring-color: #00b7d7b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cyan-500\/70 {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 70%, transparent);
    }
  }

  .ring-danger {
    --tw-ring-color: var(--danger);
  }

  .ring-danger\/20 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/20 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 20%, transparent);
    }
  }

  .ring-danger\/25 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/25 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 25%, transparent);
    }
  }

  .ring-danger\/30 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/30 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 30%, transparent);
    }
  }

  .ring-danger\/35 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/35 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 35%, transparent);
    }
  }

  .ring-danger\/40 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/40 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 40%, transparent);
    }
  }

  .ring-danger\/60 {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/60 {
      --tw-ring-color: color-mix(in oklab, var(--danger) 60%, transparent);
    }
  }

  .ring-default {
    --tw-ring-color: var(--default);
  }

  .ring-divider {
    --tw-ring-color: var(--border);
  }

  .ring-divider\/70 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-divider\/70 {
      --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .ring-emerald-200 {
    --tw-ring-color: var(--color-emerald-200);
  }

  .ring-emerald-800 {
    --tw-ring-color: var(--color-emerald-800);
  }

  .ring-focus {
    --tw-ring-color: var(--focus);
  }

  .ring-focus\/20 {
    --tw-ring-color: var(--focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-focus\/20 {
      --tw-ring-color: color-mix(in oklab, var(--focus) 20%, transparent);
    }
  }

  .ring-focus\/25 {
    --tw-ring-color: var(--focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-focus\/25 {
      --tw-ring-color: color-mix(in oklab, var(--focus) 25%, transparent);
    }
  }

  .ring-focus\/35 {
    --tw-ring-color: var(--focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-focus\/35 {
      --tw-ring-color: color-mix(in oklab, var(--focus) 35%, transparent);
    }
  }

  .ring-foreground {
    --tw-ring-color: var(--foreground);
  }

  .ring-foreground\/5 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/5 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-foreground\/15 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/15 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .ring-foreground\/20 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/20 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .ring-foreground\/35 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/35 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .ring-foreground\/40 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/40 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .ring-green-500 {
    --tw-ring-color: var(--color-green-500);
  }

  .ring-green-500\/20 {
    --tw-ring-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-green-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .ring-live\/20 {
    --tw-ring-color: var(--live);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-live\/20 {
      --tw-ring-color: color-mix(in oklab, var(--live) 20%, transparent);
    }
  }

  .ring-orange-400\/50 {
    --tw-ring-color: #ff8b1a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-orange-400\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
    }
  }

  .ring-primary {
    --tw-ring-color: var(--primary);
  }

  .ring-primary\/10 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/10 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .ring-primary\/15 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/15 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .ring-primary\/20 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/20 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .ring-primary\/25 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/25 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .ring-primary\/35 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/35 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }

  .ring-primary\/40 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/40 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .ring-primary\/50 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/50 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .ring-primary\/55 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/55 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 55%, transparent);
    }
  }

  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }

  .ring-red-500\/20 {
    --tw-ring-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-red-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .ring-rose-400\/25 {
    --tw-ring-color: #ff667f40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-400\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
    }
  }

  .ring-secondary\/25 {
    --tw-ring-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-secondary\/25 {
      --tw-ring-color: color-mix(in oklab, var(--secondary) 25%, transparent);
    }
  }

  .ring-sidebar {
    --tw-ring-color: var(--sidebar);
  }

  .ring-sidebar-border\/70 {
    --tw-ring-color: var(--sidebar-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-sidebar-border\/70 {
      --tw-ring-color: color-mix(in oklab, var(--sidebar-border) 70%, transparent);
    }
  }

  .ring-success-200 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-200 {
      --tw-ring-color: color-mix(in oklab, var(--success) 28%, white);
    }
  }

  .ring-success-200\/70 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-200\/70 {
      --tw-ring-color: color-mix(in oklab, color-mix(in oklab, var(--success) 28%, white) 70%, transparent);
    }
  }

  .ring-success-500\/45 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-500\/45 {
      --tw-ring-color: color-mix(in oklab, var(--success) 45%, transparent);
    }
  }

  .ring-success\/5 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success\/5 {
      --tw-ring-color: color-mix(in oklab, var(--success) 5%, transparent);
    }
  }

  .ring-success\/25 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success\/25 {
      --tw-ring-color: color-mix(in oklab, var(--success) 25%, transparent);
    }
  }

  .ring-success\/30 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success\/30 {
      --tw-ring-color: color-mix(in oklab, var(--success) 30%, transparent);
    }
  }

  .ring-success\/35 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success\/35 {
      --tw-ring-color: color-mix(in oklab, var(--success) 35%, transparent);
    }
  }

  .ring-success\/40 {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success\/40 {
      --tw-ring-color: color-mix(in oklab, var(--success) 40%, transparent);
    }
  }

  .ring-surface {
    --tw-ring-color: var(--surface);
  }

  .ring-transparent {
    --tw-ring-color: transparent;
  }

  .ring-warning-300 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning-300 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 45%, white);
    }
  }

  .ring-warning\/20 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/20 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .ring-warning\/25 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/25 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 25%, transparent);
    }
  }

  .ring-warning\/40 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/40 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .ring-warning\/50 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/50 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 50%, transparent);
    }
  }

  .ring-white {
    --tw-ring-color: var(--color-white);
  }

  .ring-white\/10 {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .ring-white\/15 {
    --tw-ring-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .ring-white\/25 {
    --tw-ring-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .ring-white\/35 {
    --tw-ring-color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .ring-white\/40 {
    --tw-ring-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .ring-white\/85 {
    --tw-ring-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/85 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .ring-white\/90 {
    --tw-ring-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/90 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .ring-yellow-500 {
    --tw-ring-color: var(--color-yellow-500);
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-4 {
    --tw-ring-offset-width: 4px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-\[var\(--rdh-panel\,transparent\)\] {
    --tw-ring-offset-color: var(--rdh-panel, transparent);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .ring-offset-gray-900 {
    --tw-ring-offset-color: var(--color-gray-900);
  }

  .ring-offset-surface {
    --tw-ring-offset-color: var(--surface);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-offset-2 {
    outline-offset: 2px;
  }

  .outline-offset-4 {
    outline-offset: 4px;
  }

  .outline-accent {
    outline-color: var(--accent);
  }

  .outline-primary {
    outline-color: var(--primary);
  }

  .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-2xl {
    --tw-blur: blur(var(--blur-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, );
  }

  .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, );
  }

  .blur-\[2px\] {
    --tw-blur: blur(2px);
    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-\[6px\] {
    --tw-blur: blur(6px);
    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-lg {
    --tw-blur: blur(var(--blur-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, );
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-0 {
    --tw-brightness: brightness(0%);
    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, );
  }

  .brightness-90 {
    --tw-brightness: brightness(90%);
    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, );
  }

  .brightness-100 {
    --tw-brightness: brightness(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, );
  }

  .brightness-\[0\.78\] {
    --tw-brightness: brightness(.78);
    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, );
  }

  .brightness-\[0\.82\] {
    --tw-brightness: brightness(.82);
    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, );
  }

  .contrast-125 {
    --tw-contrast: contrast(125%);
    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 {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    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_1px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 1px var(--tw-drop-shadow-color, #0000003d));
    --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_1px_3px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 3px 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_1px_8px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 8px 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_1px_8px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 8px var(--tw-drop-shadow-color, #000000a6));
    --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_2px_8px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, #0000008c));
    --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_2px_10px_rgba\(0\,0\,0\,0\.95\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 10px var(--tw-drop-shadow-color, #000000f2));
    --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_2px_12px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, #0000008c));
    --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_2px_18px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 18px var(--tw-drop-shadow-color, #00000073));
    --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-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-\[0\.1\] {
    --tw-grayscale: grayscale(.1);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-\[0\.15\] {
    --tw-grayscale: grayscale(.15);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-\[15\%\] {
    --tw-grayscale: grayscale(15%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-\[30\%\] {
    --tw-grayscale: grayscale(30%);
    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-50 {
    --tw-saturate: saturate(50%);
    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-100 {
    --tw-saturate: saturate(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\.82\] {
    --tw-saturate: saturate(.82);
    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-md {
    --tw-backdrop-blur: blur(var(--blur-md)) !important;
    -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, ) !important;
    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, ) !important;
  }

  .\!backdrop-blur-none {
    --tw-backdrop-blur:    !important;
    -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, ) !important;
    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, ) !important;
  }

  .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-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -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-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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-none {
    --tw-backdrop-blur:  ;
    -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, );
  }

  .backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-saturate-\[2\] {
    --tw-backdrop-saturate: saturate(2);
    -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-filter {
    -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\,backdrop-filter\] {
    transition-property: background-color, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\,filter\,opacity\,transform\] {
    transition-property: background-color, border-color, box-shadow, filter, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\,transform\] {
    transition-property: background-color, border-color, box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,box-shadow\] {
    transition-property: background-color, border-color, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,opacity\,transform\] {
    transition-property: background-color, border-color, color, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,transform\] {
    transition-property: background-color, border-color, color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,transform\] {
    transition-property: background-color, border-color, transform;
    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\,border-color\] {
    transition-property: background-color, box-shadow, border-color;
    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\] {
    transition-property: background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,opacity\,transform\] {
    transition-property: background-color, color, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,transform\,gap\,padding\] {
    transition-property: background-color, color, transform, gap, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,transform\] {
    transition-property: background-color, color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\] {
    transition-property: background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,opacity\,transform\] {
    transition-property: background-color, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\,transform\,box-shadow\] {
    transition-property: border-color, background-color, transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\,background-color\] {
    transition-property: border-color, box-shadow, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\,filter\,opacity\] {
    transition-property: border-color, box-shadow, filter, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\,transform\] {
    transition-property: border-color, box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-radius\,box-shadow\] {
    transition-property: border-radius, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[bottom\] {
    transition-property: bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\,opacity\] {
    transition-property: box-shadow, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\,transform\] {
    transition-property: box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\] {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,transform\] {
    transition-property: color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\,opacity\,transform\] {
    transition-property: filter, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\,opacity\] {
    transition-property: filter, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\,transform\,box-shadow\] {
    transition-property: filter, transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\,transform\] {
    transition-property: filter, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[gap\,background-color\,color\,box-shadow\,transform\] {
    transition-property: gap, background-color, color, box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[gap\,background-color\,color\,box-shadow\] {
    transition-property: gap, background-color, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-columns\,opacity\] {
    transition-property: grid-template-columns, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\,margin-top\,transform\] {
    transition-property: grid-template-rows, opacity, margin-top, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\,margin-top\] {
    transition-property: grid-template-rows, opacity, margin-top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\,transform\] {
    transition-property: grid-template-rows, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,background-color\,opacity\] {
    transition-property: height, background-color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,box-shadow\] {
    transition-property: height, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,filter\] {
    transition-property: height, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,transform\] {
    transition-property: left, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,width\,opacity\] {
    transition-property: left, width, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\,transform\] {
    transition-property: max-height, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\,opacity\,margin\] {
    transition-property: max-width, opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\,opacity\,padding-left\] {
    transition-property: max-width, opacity, padding-left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\,opacity\] {
    transition-property: max-width, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[min-height\] {
    transition-property: min-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,background-color\,color\] {
    transition-property: opacity, background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,filter\] {
    transition-property: opacity, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,background-color\,color\] {
    transition-property: opacity, transform, background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,background-color\] {
    transition-property: opacity, transform, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\] {
    transition-property: opacity, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[padding-bottom\] {
    transition-property: padding-bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[padding-left\,padding-right\] {
    transition-property: padding-left, padding-right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[right\] {
    transition-property: right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\] {
    transition-property: top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,background-color\,border-color\,box-shadow\] {
    transition-property: transform, background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,background-color\,color\,box-shadow\] {
    transition-property: transform, background-color, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,background-color\,color\] {
    transition-property: transform, background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,color\] {
    transition-property: transform, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,filter\,background-color\] {
    transition-property: transform, filter, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\,background-color\,border-color\,box-shadow\] {
    transition-property: transform, opacity, background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\,visibility\] {
    transition-property: transform, opacity, visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\,width\] {
    transition-property: transform, opacity, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,width\] {
    transition-property: transform, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[visibility\] {
    transition-property: visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,gap\,background-color\,color\] {
    transition-property: width, gap, background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\,box-shadow\,transform\,background-color\,color\,filter\] {
    transition-property: width, height, padding, box-shadow, transform, background-color, color, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,margin\,opacity\] {
    transition-property: width, margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,margin\] {
    transition-property: width, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,padding\,background-color\,backdrop-filter\,transform\] {
    transition-property: width, padding, background-color, -webkit-backdrop-filter, backdrop-filter, transform;
    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-shadow {
    transition-property: box-shadow;
    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 !important;
  }

  .transition-none {
    transition-property: none;
  }

  .delay-0 {
    transition-delay: 0s;
  }

  .delay-75 {
    transition-delay: 75ms;
  }

  .delay-100 {
    transition-delay: .1s;
  }

  .delay-150 {
    transition-delay: .15s;
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .delay-500 {
    transition-delay: .5s;
  }

  .delay-\[400ms\] {
    transition-delay: .4s;
  }

  .delay-\[600ms\] {
    transition-delay: .6s;
  }

  .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-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[220ms\] {
    --tw-duration: .22s;
    transition-duration: .22s;
  }

  .duration-\[280ms\] {
    --tw-duration: .28s;
    transition-duration: .28s;
  }

  .duration-\[550ms\] {
    --tw-duration: .55s;
    transition-duration: .55s;
  }

  .duration-\[600ms\] {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .duration-\[650ms\] {
    --tw-duration: .65s;
    transition-duration: .65s;
  }

  .duration-\[700ms\] {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[800ms\] {
    --tw-duration: .8s;
    transition-duration: .8s;
  }

  .duration-\[1200ms\] {
    --tw-duration: 1.2s;
    transition-duration: 1.2s;
  }

  .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(.16,1,.3,1);
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(.32,.72,0,1);
    transition-timing-function: cubic-bezier(.32, .72, 0, 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-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .delay-0 {
    --tw-animation-delay: 0s;
    animation-delay: 0s;
  }

  .delay-75 {
    --tw-animation-delay: 75ms;
    animation-delay: 75ms;
  }

  .delay-100 {
    --tw-animation-delay: .1s;
    animation-delay: .1s;
  }

  .delay-150 {
    --tw-animation-delay: .15s;
    animation-delay: .15s;
  }

  .delay-200 {
    --tw-animation-delay: .2s;
    animation-delay: .2s;
  }

  .delay-300 {
    --tw-animation-delay: .3s;
    animation-delay: .3s;
  }

  .delay-500 {
    --tw-animation-delay: .5s;
    animation-delay: .5s;
  }

  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .delay-\[400ms\] {
    --tw-animation-delay: .4s;
    animation-delay: .4s;
  }

  .delay-\[600ms\] {
    --tw-animation-delay: .6s;
    animation-delay: .6s;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\!paused {
    animation-play-state: paused !important;
  }

  .\[--agenda-current-time-color\:var\(--accent\)\] {
    --agenda-current-time-color: var(--accent);
  }

  .\[--button-bg-hover\:transparent\] {
    --button-bg-hover: transparent;
  }

  .\[--button-bg-hover\:var\(--surface\)\] {
    --button-bg-hover: var(--surface);
  }

  .\[--button-bg-hover\:var\(--surface-tertiary\)\] {
    --button-bg-hover: var(--surface-tertiary);
  }

  .\[--button-bg-pressed\:transparent\] {
    --button-bg-pressed: transparent;
  }

  .\[--button-bg-pressed\:var\(--surface-secondary\)\] {
    --button-bg-pressed: var(--surface-secondary);
  }

  .\[--button-bg-pressed\:var\(--surface-tertiary\)\] {
    --button-bg-pressed: var(--surface-tertiary);
  }

  .\[--button-bg\:transparent\] {
    --button-bg: transparent;
  }

  .\[--button-bg\:var\(--surface\)\] {
    --button-bg: var(--surface);
  }

  .\[--button-bg\:var\(--surface-secondary\)\] {
    --button-bg: var(--surface-secondary);
  }

  .\[--course-map-h\:var\(--course-map-h-compact\)\] {
    --course-map-h: var(--course-map-h-compact);
  }

  .\[--ehq-guide-map-h\:var\(--ehq-guide-map-h-compact\)\] {
    --ehq-guide-map-h: var(--ehq-guide-map-h-compact);
  }

  .\[--ehq-participant-utility-sticky-h\:env\(safe-area-inset-top\)\] {
    --ehq-participant-utility-sticky-h: env(safe-area-inset-top);
  }

  .\[--fitted-logo-height\:2\.5rem\] {
    --fitted-logo-height: 2.5rem;
  }

  .\[--fitted-logo-height\:3\.5rem\] {
    --fitted-logo-height: 3.5rem;
  }

  .\[--fitted-logo-max-width\:7\.5rem\] {
    --fitted-logo-max-width: 7.5rem;
  }

  .\[--fitted-logo-max-width\:13rem\] {
    --fitted-logo-max-width: 13rem;
  }

  .\[--muted\:var\(--muted-foreground\)\] {
    --muted: var(--muted-foreground);
  }

  .\[--navbar-height\:3\.5rem\]\! {
    --navbar-height: 3.5rem !important;
  }

  .\[--toggle-button-bg-selected-hover\:transparent\] {
    --toggle-button-bg-selected-hover: transparent;
  }

  .\[--toggle-button-bg-selected-pressed\:transparent\] {
    --toggle-button-bg-selected-pressed: transparent;
  }

  .\[--toggle-button-bg-selected\:transparent\] {
    --toggle-button-bg-selected: transparent;
  }

  .\[--toggle-button-fg-selected\:var\(--segment-foreground\)\] {
    --toggle-button-fg-selected: var(--segment-foreground);
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,black_18\%\,black_68\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000 18% 68%, #0000);
  }

  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }

  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }

  .\[-webkit-user-select\:none\] {
    -webkit-user-select: none;
  }

  .\[animation-delay\:-0\.3s\] {
    animation-delay: -.3s;
  }

  .\[animation-delay\:-0\.15s\] {
    animation-delay: -.15s;
  }

  .\[animation-duration\:3s\] {
    animation-duration: 3s;
  }

  .\[background\:linear-gradient\(var\(--cairn-fill\)\,var\(--cairn-fill\)\)_padding-box\,var\(--cairn-border-gradient\)_border-box\] {
    background: linear-gradient(var(--cairn-fill),var(--cairn-fill)) padding-box,var(--cairn-border-gradient) border-box;
  }

  .\[browser\:kernel\] {
    browser: kernel;
  }

  .\[event-owner-handoff\:restore-operator-membership\] {
    event-owner-handoff: restore-operator-membership;
  }

  .\[event-owner-handoff\:rollback-owner-membership\] {
    event-owner-handoff: rollback-owner-membership;
  }

  .\[event-transfer\:bundle\] {
    event-transfer: bundle;
  }

  .\[event-transfer\:debug\] {
    event-transfer: debug;
  }

  .\[event-transfer\:finalization-wake\] {
    event-transfer: finalization-wake;
  }

  .\[event-transfer\:manifest\] {
    event-transfer: manifest;
  }

  .\[event-transfer\:organization-rollback\] {
    event-transfer: organization-rollback;
  }

  .\[event-transfer\:push-config\] {
    event-transfer: push-config;
  }

  .\[event-transfer\:push-execute\] {
    event-transfer: push-execute;
  }

  .\[event-transfer\:push-preflight\] {
    event-transfer: push-preflight;
  }

  .\[event-transfer\:push-targets\] {
    event-transfer: push-targets;
  }

  .\[event-transfer\:source-events\] {
    event-transfer: source-events;
  }

  .\[firecrawl\:stderr\] {
    firecrawl: stderr;
  }

  .\[grants\:collaborators\] {
    grants: collaborators;
  }

  .\[grants\:event-owner\] {
    grants: event-owner;
  }

  .\[grants\:workspace-owner\] {
    grants: workspace-owner;
  }

  .\[guide-thumbnail-backfill\:courseFiles\] {
    guide-thumbnail-backfill: courseFiles;
  }

  .\[guide-thumbnail-backfill\:runnerFiles\] {
    guide-thumbnail-backfill: runnerFiles;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .\[text-box-edge\:cap_alphabetic\] {
    text-box-edge: cap alphabetic;
  }

  .\[text-box-trim\:trim-start\] {
    text-box-trim: trim-start;
  }

  .\[text-shadow\:0_1px_3px_rgb\(0_0_0\/0\.3\)\] {
    text-shadow: 0 1px 3px #0000004d;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .running\! {
    animation-play-state: running !important;
  }

  .slide-in-from-bottom {
    --tw-enter-translate-y: 100%;
  }

  .slide-in-from-bottom-1 {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }

  .slide-in-from-bottom-2 {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4*var(--spacing));
  }

  .slide-in-from-bottom-6 {
    --tw-enter-translate-y: calc(6*var(--spacing));
  }

  .slide-in-from-bottom-8 {
    --tw-enter-translate-y: calc(8*var(--spacing));
  }

  .slide-in-from-left-3 {
    --tw-enter-translate-x: calc(3*var(--spacing)*-1);
  }

  .slide-in-from-right-3 {
    --tw-enter-translate-x: calc(3*var(--spacing));
  }

  .slide-in-from-top-1 {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .zoom-out {
    --tw-exit-scale: 0;
  }

  :is(.\*\:h-7 > *) {
    height: calc(var(--spacing) * 7);
  }

  :is(.\*\:w-fit > *) {
    width: fit-content;
  }

  :is(.\*\:min-w-0 > *) {
    min-width: 0;
  }

  :is(.\*\:flex-none > *) {
    flex: none;
  }

  :is(.\*\:px-2\.5 > *) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  :is(.\*\:text-xs > *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-last\/th\:hidden:is(:where(.group\/th):last-child *) {
    display: none;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\:invisible:is(:where(.group):focus-within *) {
    visibility: hidden;
  }

  .group-focus-within\:flex:is(:where(.group):focus-within *) {
    display: flex;
  }

  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/headercell\:pointer-events-auto:is(:where(.group\/headercell):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/headercell\:opacity-100:is(:where(.group\/headercell):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/herobg\:translate-y-0:is(:where(.group\/herobg):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\/herobg\:opacity-100:is(:where(.group\/herobg):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/input\:top-2:is(:where(.group\/input):focus-within *) {
    top: calc(var(--spacing) * 2);
  }

  .group-focus-within\/input\:-translate-y-0:is(:where(.group\/input):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\/input\:text-xs:is(:where(.group\/input):focus-within *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-focus-within\/sidebar\:opacity-100:is(:where(.group\/sidebar):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/sortcol\:opacity-70:is(:where(.group\/sortcol):focus-within *) {
    opacity: .7;
  }

  .group-focus-within\/subtask\:opacity-100:is(:where(.group\/subtask):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/task-rail\:pointer-events-auto:is(:where(.group\/task-rail):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/task-rail\:opacity-100:is(:where(.group\/task-rail):focus-within *), .group-focus-within\/upload\:opacity-100:is(:where(.group\/upload):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }

    .group-hover\:invisible:is(:where(.group):hover *) {
      visibility: hidden;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }

    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[calc\(50\%\+1px\)\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(calc(50% + 1px) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .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);
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.01\]:is(:where(.group):hover *) {
      scale: 1.01;
    }

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
      scale: 1.05;
    }

    .group-hover\:scale-\[1\.06\]:is(:where(.group):hover *) {
      scale: 1.06;
    }

    .group-hover\:scale-\[1\.015\]:is(:where(.group):hover *) {
      scale: 1.015;
    }

    .group-hover\:scale-\[1\.025\]:is(:where(.group):hover *) {
      scale: 1.025;
    }

    .group-hover\:scale-\[1\.42\]:is(:where(.group):hover *) {
      scale: 1.42;
    }

    .group-hover\:border-\[var\(--brand-color\)\]:is(:where(.group):hover *) {
      border-color: var(--brand-color);
    }

    .group-hover\:border-black\/25:is(:where(.group):hover *) {
      border-color: #00000040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-black\/25:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
    }

    .group-hover\:border-foreground\/40:is(:where(.group):hover *) {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-foreground\/40:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }

    .group-hover\:border-foreground\/45:is(:where(.group):hover *) {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-foreground\/45:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
      }
    }

    .group-hover\:border-primary\/40:is(:where(.group):hover *) {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-primary\/40:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }

    .group-hover\:border-primary\/50:is(:where(.group):hover *) {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-primary\/50:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }

    .group-hover\:bg-\[color\:var\(--brand\)\]\/10:is(:where(.group):hover *) {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-\[color\:var\(--brand\)\]\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--brand) 10%, transparent);
      }
    }

    .group-hover\:bg-\[color\:var\(--cin-fg-faint\)\]:is(:where(.group):hover *) {
      background-color: var(--cin-fg-faint);
    }

    .group-hover\:bg-\[var\(--brand-color\)\]:is(:where(.group):hover *) {
      background-color: var(--brand-color);
    }

    .group-hover\:bg-accent\/20:is(:where(.group):hover *) {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-accent\/20:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--accent) 20%, transparent);
      }
    }

    .group-hover\:bg-black\/10:is(:where(.group):hover *) {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .group-hover\:bg-black\/20:is(:where(.group):hover *) {
      background-color: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/20:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }

    .group-hover\:bg-black\/40:is(:where(.group):hover *) {
      background-color: #0006;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }

    .group-hover\:bg-black\/70:is(:where(.group):hover *) {
      background-color: #000000b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/70:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }

    .group-hover\:bg-default:is(:where(.group):hover *) {
      background-color: var(--default);
    }

    .group-hover\:bg-foreground\/35:is(:where(.group):hover *) {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-foreground\/35:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--foreground) 35%, transparent);
      }
    }

    .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .group-hover\:bg-primary\/15:is(:where(.group):hover *) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-primary\/15:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--primary) 15%, transparent);
      }
    }

    .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .group-hover\:bg-secondary\/20:is(:where(.group):hover *) {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-secondary\/20:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
      }
    }

    .group-hover\:bg-success\/10:is(:where(.group):hover *) {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-success\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--success) 10%, transparent);
      }
    }

    .group-hover\:bg-surface-secondary:is(:where(.group):hover *), .group-hover\:bg-surface-secondary\/40:is(:where(.group):hover *) {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-surface-secondary\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
      }
    }

    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white);
    }

    .group-hover\:bg-white\/20:is(:where(.group):hover *) {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-white\/20:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .group-hover\:text-\[color\:var\(--brand\)\]:is(:where(.group):hover *) {
      color: var(--brand);
    }

    .group-hover\:text-\[var\(--brand-color\)\]:is(:where(.group):hover *) {
      color: var(--brand-color);
    }

    .group-hover\:text-\[var\(--organization-accent\)\]:is(:where(.group):hover *) {
      color: var(--organization-accent);
    }

    .group-hover\:text-\[var\(--personal-accent\)\]:is(:where(.group):hover *) {
      color: var(--personal-accent);
    }

    .group-hover\:text-\[var\(--rdh-ink-2\)\]:is(:where(.group):hover *) {
      color: var(--rdh-ink-2);
    }

    .group-hover\:text-accent:is(:where(.group):hover *) {
      color: var(--accent);
    }

    .group-hover\:text-danger:is(:where(.group):hover *) {
      color: var(--danger);
    }

    .group-hover\:text-foreground:is(:where(.group):hover *), .group-hover\:text-foreground\/60:is(:where(.group):hover *) {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-foreground\/60:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }

    .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }

    .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
      color: var(--muted-foreground);
    }

    .group-hover\:text-neutral-900:is(:where(.group):hover *) {
      color: var(--color-neutral-900);
    }

    .group-hover\:text-primary:is(:where(.group):hover *), .group-hover\:text-primary\/80:is(:where(.group):hover *) {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-primary\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .group-hover\:text-success:is(:where(.group):hover *), .group-hover\:text-success-600:is(:where(.group):hover *) {
      color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-success-600:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--success) 82%, black);
      }
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:decoration-transparent:is(:where(.group):hover *) {
      text-decoration-color: #0000;
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: .5;
    }

    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6;
    }

    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: .7;
    }

    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8;
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-\[0_12px_30px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_70\%\,transparent\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 12px 30px -12px var(--tw-shadow-color, var(--brand-color));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:shadow-\[0_12px_30px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_70\%\,transparent\)\]:is(:where(.group):hover *) {
        --tw-shadow: 0 12px 30px -12px var(--tw-shadow-color, color-mix(in srgb,var(--brand-color) 70%,transparent));
      }
    }

    .group-hover\:shadow-\[0_12px_30px_-12px_color-mix\(in_srgb\,var\(--brand-color\)_70\%\,transparent\)\]:is(:where(.group):hover *) {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-lg:is(:where(.group):hover *) {
      --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);
    }

    .group-hover\:shadow-md:is(:where(.group):hover *) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:ring-black\/10:is(:where(.group):hover *) {
      --tw-ring-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:ring-black\/10:is(:where(.group):hover *) {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .group-hover\:grayscale-0:is(:where(.group):hover *) {
      --tw-grayscale: grayscale(0%);
      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, );
    }

    .group-hover\:saturate-100:is(:where(.group):hover *) {
      --tw-saturate: saturate(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, );
    }

    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *), .group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *), .group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *) {
      opacity: 1;
    }

    .group-hover\/domain\:text-foreground\/70:is(:where(.group\/domain):hover *) {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/domain\:text-foreground\/70:is(:where(.group\/domain):hover *) {
        color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }

    .group-hover\/drag\:opacity-100:is(:where(.group\/drag):hover *) {
      opacity: 1;
    }

    .group-hover\/header\:opacity-50:is(:where(.group\/header):hover *) {
      opacity: .5;
    }

    .group-hover\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):hover *) {
      background-color: #f5f5f5f2;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):hover *) {
        background-color: color-mix(in oklab, var(--color-neutral-100) 95%, transparent);
      }
    }

    .group-hover\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):hover *) {
      background-color: #0a0a0af2;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):hover *) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
      }
    }

    .group-hover\/herobg\:translate-y-0:is(:where(.group\/herobg):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/herobg\:opacity-100:is(:where(.group\/herobg):hover *) {
      opacity: 1;
    }

    .group-hover\/leg\:bg-neutral-900:is(:where(.group\/leg):hover *) {
      background-color: var(--color-neutral-900);
    }

    .group-hover\/leg\:bg-surface-secondary:is(:where(.group\/leg):hover *) {
      background-color: var(--surface-secondary);
    }

    .group-hover\/link\:opacity-100:is(:where(.group\/link):hover *), .group-hover\/list-head\:opacity-100:is(:where(.group\/list-head):hover *) {
      opacity: 1;
    }

    .group-hover\/logo\:text-foreground:is(:where(.group\/logo):hover *) {
      color: var(--foreground);
    }

    .group-hover\/lot\:opacity-100:is(:where(.group\/lot):hover *), .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *) {
      opacity: 1;
    }

    .group-hover\/pick\:bg-primary\/10:is(:where(.group\/pick):hover *) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/pick\:bg-primary\/10:is(:where(.group\/pick):hover *) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .group-hover\/pick\:text-primary:is(:where(.group\/pick):hover *) {
      color: var(--primary);
    }

    .group-hover\/plan-section\:opacity-100:is(:where(.group\/plan-section):hover *), .group-hover\/point\:opacity-100:is(:where(.group\/point):hover *) {
      opacity: 1;
    }

    .group-hover\/prize-sponsor\:border-primary\/30:is(:where(.group\/prize-sponsor):hover *) {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/prize-sponsor\:border-primary\/30:is(:where(.group\/prize-sponsor):hover *) {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .group-hover\/prize-sponsor\:bg-primary\/5:is(:where(.group\/prize-sponsor):hover *) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/prize-sponsor\:bg-primary\/5:is(:where(.group\/prize-sponsor):hover *) {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }

    .group-hover\/prize-sponsor\:underline:is(:where(.group\/prize-sponsor):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\/rail-section\:opacity-100:is(:where(.group\/rail-section):hover *), .group-hover\/reply\:opacity-100:is(:where(.group\/reply):hover *) {
      opacity: 1;
    }

    .group-hover\/saveable-card\:text-foreground:is(:where(.group\/saveable-card):hover *) {
      color: var(--foreground);
    }

    .group-hover\/segment-row\:opacity-100:is(:where(.group\/segment-row):hover *), .group-hover\/subtask\:opacity-100:is(:where(.group\/subtask):hover *), .group-hover\/summary\:opacity-100:is(:where(.group\/summary):hover *), .group-hover\/task-row\:opacity-100:is(:where(.group\/task-row):hover *), .group-hover\/title\:opacity-100:is(:where(.group\/title):hover *), .group-hover\/upload\:opacity-100:is(:where(.group\/upload):hover *) {
      opacity: 1;
    }
  }

  .group-focus-visible\:translate-y-0:is(:where(.group):focus-visible *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-visible\:border-focus:is(:where(.group):focus-visible *) {
    border-color: var(--focus);
  }

  .group-focus-visible\:bg-white:is(:where(.group):focus-visible *) {
    background-color: var(--color-white);
  }

  .group-focus-visible\:text-foreground:is(:where(.group):focus-visible *) {
    color: var(--foreground);
  }

  .group-focus-visible\:text-neutral-900:is(:where(.group):focus-visible *) {
    color: var(--color-neutral-900);
  }

  .group-focus-visible\:opacity-70:is(:where(.group):focus-visible *) {
    opacity: .7;
  }

  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }

  .group-focus-visible\:ring-2:is(:where(.group):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);
  }

  .group-focus-visible\:ring-focus:is(:where(.group):focus-visible *) {
    --tw-ring-color: var(--focus);
  }

  .group-focus-visible\:ring-offset-1:is(:where(.group):focus-visible *) {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .group-focus-visible\:ring-offset-background:is(:where(.group):focus-visible *) {
    --tw-ring-offset-color: var(--background);
  }

  .group-focus-visible\/copy\:opacity-100:is(:where(.group\/copy):focus-visible *) {
    opacity: 1;
  }

  .group-focus-visible\/header\:opacity-70:is(:where(.group\/header):focus-visible *) {
    opacity: .7;
  }

  .group-focus-visible\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):focus-visible *) {
    background-color: #f5f5f5f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):focus-visible *) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 95%, transparent);
    }
  }

  .group-focus-visible\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):focus-visible *) {
    background-color: #0a0a0af2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):focus-visible *) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
    }
  }

  .group-active\:scale-\[0\.98\]:is(:where(.group):active *) {
    scale: .98;
  }

  .group-active\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):active *) {
    background-color: #f5f5f5f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-active\/hero-sponsor\:bg-neutral-100\/95:is(:where(.group\/hero-sponsor):active *) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 95%, transparent);
    }
  }

  .group-active\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):active *) {
    background-color: #0a0a0af2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-active\/hero-sponsor\:bg-neutral-950\/95:is(:where(.group\/hero-sponsor):active *) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
    }
  }

  .group-active\/map-gate\:scale-\[0\.97\]:is(:where(.group\/map-gate):active *) {
    scale: .97;
  }

  .group-has-\[\.checkbox\]\/th\:hidden:is(:where(.group\/th):has(.checkbox) *) {
    display: none;
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focus\=true\]\:bg-muted\/30:is(:where(.group)[data-focus="true"] *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[focus\=true\]\:bg-muted\/30:is(:where(.group)[data-focus="true"] *) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .group-data-\[focus\=true\]\:bg-surface-secondary:is(:where(.group)[data-focus="true"] *) {
    background-color: var(--surface-secondary);
  }

  .group-data-\[focus\=true\]\:bg-transparent:is(:where(.group)[data-focus="true"] *) {
    background-color: #0000;
  }

  .group-data-\[hover\=true\]\:opacity-90:is(:where(.group)[data-hover="true"] *) {
    opacity: .9;
  }

  .group-data-\[pressed\=true\]\/map-gate\:scale-\[0\.97\]:is(:where(.group\/map-gate)[data-pressed="true"] *) {
    scale: .97;
  }

  .group-data-\[selected\=true\]\:text-foreground:is(:where(.group)[data-selected="true"] *) {
    color: var(--foreground);
  }

  .group-data-\[stuck\=true\]\:block:is(:where(.group)[data-stuck="true"] *) {
    display: block;
  }

  .peer-focus-visible\/input\:top-2:is(:where(.peer\/input):focus-visible ~ *) {
    top: calc(var(--spacing) * 2);
  }

  .peer-focus-visible\/input\:-translate-y-0:is(:where(.peer\/input):focus-visible ~ *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-focus-visible\/input\:text-xs:is(:where(.peer\/input):focus-visible ~ *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-\[\:not\(\:placeholder-shown\)\]\/input\:top-2:is(:where(.peer\/input):not(:placeholder-shown) ~ *) {
    top: calc(var(--spacing) * 2);
  }

  .peer-\[\:not\(\:placeholder-shown\)\]\/input\:-translate-y-0:is(:where(.peer\/input):not(:placeholder-shown) ~ *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-\[\:not\(\:placeholder-shown\)\]\/input\:text-xs:is(:where(.peer\/input):not(:placeholder-shown) ~ *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .marker\:text-muted ::marker {
    color: var(--muted);
  }

  .marker\:text-muted::marker {
    color: var(--muted);
  }

  .marker\:text-muted ::-webkit-details-marker {
    color: var(--muted);
  }

  .marker\:text-muted::-webkit-details-marker {
    color: var(--muted);
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .placeholder\:\!text-muted::placeholder {
    color: var(--muted) !important;
  }

  .placeholder\:text-\[color\:var\(--cin-fg-faint\)\]::placeholder {
    color: var(--cin-fg-faint);
  }

  .placeholder\:text-\[color\:var\(--cin-fg-subtle\)\]::placeholder {
    color: var(--cin-fg-subtle);
  }

  .placeholder\:text-field-placeholder::placeholder {
    color: var(--field-placeholder, var(--muted));
  }

  .placeholder\:text-foreground\/30::placeholder {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/30::placeholder {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .placeholder\:text-foreground\/35::placeholder {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/35::placeholder {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .placeholder\:text-foreground\/60::placeholder {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/60::placeholder {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-muted-foreground\/40::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/40::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .placeholder\:text-muted-foreground\/50::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/50::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .placeholder\:text-muted-foreground\/60::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/60::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .placeholder\:text-muted-foreground\/70::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/70::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .placeholder\:text-muted\/60::placeholder {
    color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted\/60::placeholder {
      color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .placeholder\:text-primary-foreground\/50::placeholder {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-primary-foreground\/50::placeholder {
      color: color-mix(in oklab, var(--primary-foreground) 50%, transparent);
    }
  }

  .placeholder\:text-transparent::placeholder {
    color: #0000;
  }

  .placeholder\:text-white\/40::placeholder {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/40::placeholder {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .placeholder\:text-white\/50::placeholder {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/50::placeholder {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:-inset-1:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }

  .before\:-inset-2\.5:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2.5);
  }

  .before\:-inset-x-4:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -4);
  }

  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: 0;
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:top-4:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }

  .before\:top-\[calc\(-0\.75rem-var\(--ehq-participant-utility-sticky-h\,0px\)\)\]:before {
    content: var(--tw-content);
    top: calc(-.75rem - var(--ehq-participant-utility-sticky-h, 0px));
  }

  .before\:-bottom-2:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -2);
  }

  .before\:bottom-4:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 4);
  }

  .before\:bottom-full:before {
    content: var(--tw-content);
    bottom: 100%;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
  }

  .before\:left-\[15px\]:before {
    content: var(--tw-content);
    left: 15px;
  }

  .before\:-z-10:before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }

  .before\:h-\[env\(safe-area-inset-top\)\]:before {
    content: var(--tw-content);
    height: env(safe-area-inset-top);
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-1\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:border-foreground\/45:before {
    content: var(--tw-content);
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-foreground\/45:before {
      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }

  .before\:border-muted-foreground\/50:before {
    content: var(--tw-content);
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-muted-foreground\/50:before {
      border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .before\:bg-\[var\(--brand-button-bg\)\]:before {
    content: var(--tw-content);
    background-color: var(--brand-button-bg);
  }

  .before\:bg-\[var\(--cin-bg\)\]:before {
    content: var(--tw-content);
    background-color: var(--cin-bg);
  }

  .before\:bg-\[var\(--layer-accent\)\]:before {
    content: var(--tw-content);
    background-color: var(--layer-accent);
  }

  .before\:bg-border:before {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .before\:bg-current:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .before\:bg-divider:before {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .before\:bg-divider\/60:before {
    content: var(--tw-content);
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-divider\/60:before {
      background-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .before\:bg-focus:before {
    content: var(--tw-content);
    background-color: var(--focus);
  }

  .before\:transition-colors:before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-150:before {
    content: var(--tw-content);
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:inset-x-2:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2);
  }

  .after\:inset-x-4:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 4);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .after\:end-1\.5:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 1.5);
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }

  .after\:-bottom-px:after {
    content: var(--tw-content);
    bottom: -1px;
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }

  .after\:bottom-1:after {
    content: var(--tw-content);
    bottom: var(--spacing);
  }

  .after\:bottom-1\.5:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 1.5);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: 0;
  }

  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }

  .after\:size-3:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .after\:h-4:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }

  .after\:h-\[1\.375rem\]:after {
    content: var(--tw-content);
    height: 1.375rem;
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .after\:w-0\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .after\:w-10:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 10);
  }

  .after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:origin-center:after {
    content: var(--tw-content);
    transform-origin: center;
  }

  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:scale-x-0:after {
    content: var(--tw-content);
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .after\:scale-x-100:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:rounded-sm:after {
    content: var(--tw-content);
    border-radius: calc(var(--radius) - 4px);
  }

  .after\:border-e-2:after {
    content: var(--tw-content);
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 2px;
  }

  .after\:border-b-2:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .after\:border-separator-secondary:after {
    content: var(--tw-content);
    border-color: var(--separator-secondary);
  }

  .after\:bg-accent-foreground:after {
    content: var(--tw-content);
    background-color: var(--accent-foreground);
  }

  .after\:bg-current:after {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .after\:bg-highlight:after {
    content: var(--tw-content);
    background-color: var(--highlight);
  }

  .after\:bg-primary:after {
    content: var(--tw-content);
    background-color: var(--primary);
  }

  .after\:bg-separator:after {
    content: var(--tw-content);
    background-color: var(--separator);
  }

  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }

  .after\:bg-gradient-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:from-transparent:after {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:to-\[var\(--cin-bg\)\]:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--cin-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:to-background:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--background);
    --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));
  }

  .after\:opacity-40:after {
    content: var(--tw-content);
    opacity: .4;
  }

  .after\:transition-\[height\,width\,background-color\]:after {
    content: var(--tw-content);
    transition-property: height, width, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:transition-transform:after {
    content: var(--tw-content);
    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));
  }

  .after\:duration-150:after {
    content: var(--tw-content);
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .after\:duration-300:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-none:after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .first\:rounded-t-xl:first-child {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .first\:border-0:first-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .first\:pt-1:first-child {
    padding-top: var(--spacing);
  }

  .last\:col-span-2:last-child {
    grid-column: span 2 / span 2;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .last\:rounded-b-xl:last-child {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .only\:block:only-child {
    display: block;
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:border-\(--field-border-focus\):focus-within {
    border-color: var(--field-border-focus);
  }

  .focus-within\:border-\[color\:var\(--cin-accent\)\]:focus-within {
    border-color: var(--cin-accent);
  }

  .focus-within\:border-\[var\(--brand-color-fg\,var\(--brand-color\)\)\]:focus-within {
    border-color: var(--brand-color-fg, var(--brand-color));
  }

  .focus-within\:border-accent:focus-within {
    border-color: var(--accent);
  }

  .focus-within\:border-default-foreground:focus-within {
    border-color: var(--foreground);
  }

  .focus-within\:border-primary:focus-within {
    border-color: var(--primary);
  }

  .focus-within\:bg-default:focus-within {
    background-color: var(--default);
  }

  .focus-within\:bg-field-focus:focus-within {
    background-color: var(--field-focus);
  }

  .focus-within\:bg-surface-secondary:focus-within {
    background-color: var(--surface-secondary);
  }

  .focus-within\:bg-surface-secondary\/40:focus-within {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-surface-secondary\/40:focus-within {
      background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
    }
  }

  .focus-within\:bg-surface-secondary\/70:focus-within {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-surface-secondary\/70:focus-within {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:shadow-sm:focus-within {
    --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);
  }

  .focus-within\:ring-1:focus-within {
    --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);
  }

  .focus-within\:ring-2:focus-within {
    --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-within\:ring-\[\#6366f1\]:focus-within {
    --tw-ring-color: #6366f1;
  }

  .focus-within\:ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_22\%\,transparent\)\]:focus-within {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_22\%\,transparent\)\]:focus-within {
      --tw-ring-color: color-mix(in srgb,var(--brand-color) 22%,transparent);
    }
  }

  .focus-within\:ring-accent\/15:focus-within {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-accent\/15:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  .focus-within\:ring-border:focus-within {
    --tw-ring-color: var(--border);
  }

  .focus-within\:ring-focus:focus-within {
    --tw-ring-color: var(--focus);
  }

  .focus-within\:ring-focus\/20:focus-within {
    --tw-ring-color: var(--focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-focus\/20:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--focus) 20%, transparent);
    }
  }

  .focus-within\:ring-foreground\/10:focus-within {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-foreground\/10:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .focus-within\:ring-ring:focus-within {
    --tw-ring-color: var(--ring);
  }

  .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }

  @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\: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\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-\[0\.985\]:hover {
      scale: .985;
    }

    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

    .hover\:border-solid:hover {
      --tw-border-style: solid;
      border-style: solid;
    }

    .hover\:border-\(--field-border-hover\):hover {
      border-color: var(--field-border-hover);
    }

    .hover\:border-\[var\(--brand-border\)\]:hover {
      border-color: var(--brand-border);
    }

    .hover\:border-\[var\(--brand-color\)\]:hover, .hover\:border-\[var\(--brand-color\)\]\/40:hover {
      border-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--brand-color\)\]\/40:hover {
        border-color: color-mix(in oklab, var(--brand-color) 40%, transparent);
      }
    }

    .hover\:border-\[var\(--brand-color\)\]\/50:hover {
      border-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--brand-color\)\]\/50:hover {
        border-color: color-mix(in oklab, var(--brand-color) 50%, transparent);
      }
    }

    .hover\:border-\[var\(--brand-color\)\]\/60:hover {
      border-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--brand-color\)\]\/60:hover {
        border-color: color-mix(in oklab, var(--brand-color) 60%, transparent);
      }
    }

    .hover\:border-\[var\(--brand-color-fg\,var\(--brand-color\)\)\]:hover {
      border-color: var(--brand-color-fg, var(--brand-color));
    }

    .hover\:border-accent:hover, .hover\:border-accent\/30:hover {
      border-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent\/30:hover {
        border-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }

    .hover\:border-accent\/40:hover {
      border-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent\/40:hover {
        border-color: color-mix(in oklab, var(--accent) 40%, transparent);
      }
    }

    .hover\:border-accent\/50:hover {
      border-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent\/50:hover {
        border-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:border-accent\/60:hover {
      border-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent\/60:hover {
        border-color: color-mix(in oklab, var(--accent) 60%, transparent);
      }
    }

    .hover\:border-amber-100\/55:hover {
      border-color: #fef3c68c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-100\/55:hover {
        border-color: color-mix(in oklab, var(--color-amber-100) 55%, transparent);
      }
    }

    .hover\:border-amber-400\/75:hover {
      border-color: #fcbb00bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-400\/75:hover {
        border-color: color-mix(in oklab, var(--color-amber-400) 75%, transparent);
      }
    }

    .hover\:border-border:hover, .hover\:border-border\/60:hover {
      border-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border\/60:hover {
        border-color: color-mix(in oklab, var(--border) 60%, transparent);
      }
    }

    .hover\:border-current\/40:hover {
      border-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-current\/40:hover {
        border-color: color-mix(in oklab, currentcolor 40%, transparent);
      }
    }

    .hover\:border-danger-200:hover {
      border-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-danger-200:hover {
        border-color: color-mix(in oklab, var(--danger) 28%, white);
      }
    }

    .hover\:border-danger\/40:hover {
      border-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-danger\/40:hover {
        border-color: color-mix(in oklab, var(--danger) 40%, transparent);
      }
    }

    .hover\:border-danger\/60:hover {
      border-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-danger\/60:hover {
        border-color: color-mix(in oklab, var(--danger) 60%, transparent);
      }
    }

    .hover\:border-default-300:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-default-300:hover {
        border-color: color-mix(in oklab, var(--foreground) 20%, var(--background));
      }
    }

    .hover\:border-divider:hover {
      border-color: var(--border);
    }

    .hover\:border-foreground:hover, .hover\:border-foreground\/15:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/15:hover {
        border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
      }
    }

    .hover\:border-foreground\/20:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/20:hover {
        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }

    .hover\:border-foreground\/25:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/25:hover {
        border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
      }
    }

    .hover\:border-foreground\/30:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/30:hover {
        border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }

    .hover\:border-foreground\/40:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/40:hover {
        border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }

    .hover\:border-foreground\/45:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/45:hover {
        border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
      }
    }

    .hover\:border-muted-foreground:hover {
      border-color: var(--muted-foreground);
    }

    .hover\:border-primary:hover, .hover\:border-primary\/20:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/20:hover {
        border-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .hover\:border-primary\/30:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/30:hover {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:border-primary\/35:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/35:hover {
        border-color: color-mix(in oklab, var(--primary) 35%, transparent);
      }
    }

    .hover\:border-primary\/40:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/40:hover {
        border-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }

    .hover\:border-primary\/45:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/45:hover {
        border-color: color-mix(in oklab, var(--primary) 45%, transparent);
      }
    }

    .hover\:border-primary\/50:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }

    .hover\:border-primary\/60:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/60:hover {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }

    .hover\:border-rose-300:hover {
      border-color: var(--color-rose-300);
    }

    .hover\:border-secondary\/30:hover {
      border-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-secondary\/30:hover {
        border-color: color-mix(in oklab, var(--secondary) 30%, transparent);
      }
    }

    .hover\:border-success-300:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success-300:hover {
        border-color: color-mix(in oklab, var(--success) 45%, white);
      }
    }

    .hover\:border-success-400\/60:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success-400\/60:hover {
        border-color: color-mix(in oklab, color-mix(in oklab, var(--success) 68%, white) 60%, transparent);
      }
    }

    .hover\:border-success\/30:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success\/30:hover {
        border-color: color-mix(in oklab, var(--success) 30%, transparent);
      }
    }

    .hover\:border-success\/40:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success\/40:hover {
        border-color: color-mix(in oklab, var(--success) 40%, transparent);
      }
    }

    .hover\:border-success\/50:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success\/50:hover {
        border-color: color-mix(in oklab, var(--success) 50%, transparent);
      }
    }

    .hover\:border-success\/60:hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success\/60:hover {
        border-color: color-mix(in oklab, var(--success) 60%, transparent);
      }
    }

    .hover\:border-transparent:hover {
      border-color: #0000;
    }

    .hover\:border-warning\/40:hover {
      border-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-warning\/40:hover {
        border-color: color-mix(in oklab, var(--warning) 40%, transparent);
      }
    }

    .hover\:border-warning\/60:hover {
      border-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-warning\/60:hover {
        border-color: color-mix(in oklab, var(--warning) 60%, transparent);
      }
    }

    .hover\:border-warning\/70:hover {
      border-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-warning\/70:hover {
        border-color: color-mix(in oklab, var(--warning) 70%, transparent);
      }
    }

    .hover\:border-white\/15:hover {
      border-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/15:hover {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:border-white\/30:hover {
      border-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/30:hover {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }

    .hover\:border-white\/50:hover {
      border-color: #ffffff80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/50:hover {
        border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }

    .hover\:border-white\/60:hover {
      border-color: #fff9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/60:hover {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }

    .hover\:border-white\/\[0\.28\]:hover {
      border-color: #ffffff47;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/\[0\.28\]:hover {
        border-color: color-mix(in oklab, var(--color-white) 28.0%, transparent);
      }
    }

    .hover\:\!bg-\[color-mix\(in_srgb\,var\(--brand-button-bg\,var\(--brand-color\)\)_84\%\,\#ffffff\)\]:hover {
      background-color: var(--brand-button-bg, var(--brand-color)) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-\[color-mix\(in_srgb\,var\(--brand-button-bg\,var\(--brand-color\)\)_84\%\,\#ffffff\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-button-bg, var(--brand-color)) 84%,#fff) !important;
      }
    }

    .hover\:\!bg-cyan-800\/25:hover {
      background-color: #005f7840 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-cyan-800\/25:hover {
        background-color: color-mix(in oklab, var(--color-cyan-800) 25%, transparent) !important;
      }
    }

    .hover\:\!bg-danger\/10:hover {
      background-color: var(--danger) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-danger\/10:hover {
        background-color: color-mix(in oklab, var(--danger) 10%, transparent) !important;
      }
    }

    .hover\:\!bg-foreground\/15:hover {
      background-color: var(--foreground) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-foreground\/15:hover {
        background-color: color-mix(in oklab, var(--foreground) 15%, transparent) !important;
      }
    }

    .hover\:\!bg-foreground\/\[0\.10\]:hover {
      background-color: var(--foreground) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-foreground\/\[0\.10\]:hover {
        background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
      }
    }

    .hover\:\!bg-gray-100:hover {
      background-color: var(--color-gray-100) !important;
    }

    .hover\:\!bg-neutral-700:hover {
      background-color: var(--color-neutral-700) !important;
    }

    .hover\:\!bg-success\/15:hover {
      background-color: var(--success) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-success\/15:hover {
        background-color: color-mix(in oklab, var(--success) 15%, transparent) !important;
      }
    }

    .hover\:\!bg-surface-secondary:hover {
      background-color: var(--surface-secondary) !important;
    }

    .hover\:\!bg-transparent:hover {
      background-color: #0000 !important;
    }

    .hover\:\!bg-warning\/15:hover {
      background-color: var(--warning) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-warning\/15:hover {
        background-color: color-mix(in oklab, var(--warning) 15%, transparent) !important;
      }
    }

    .hover\:\!bg-white\/10:hover {
      background-color: #ffffff1a !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
      }
    }

    .hover\:\!bg-white\/90:hover {
      background-color: #ffffffe6 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
      }
    }

    .hover\:bg-\(--table-row-hover\):hover {
      background-color: var(--table-row-hover);
    }

    .hover\:bg-\[\#84d2a2\]:hover {
      background-color: #84d2a2;
    }

    .hover\:bg-\[\#fff7e8\]\/10:hover {
      background-color: #fff7e81a;
      background-color: lab(97.5592% .910759 8.23668 / .1);
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-color\)_6\%\,transparent\)\]:hover {
      background-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-color\)_6\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-color) 6%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--pmc-accent\)_12\%\,transparent\)\]:hover {
      background-color: var(--pmc-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--pmc-accent\)_12\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--pmc-accent) 12%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--rdh-panel\)_94\%\,var\(--brand-color\)_6\%\)\]:hover {
      background-color: var(--rdh-panel);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--rdh-panel\)_94\%\,var\(--brand-color\)_6\%\)\]:hover {
        background-color: color-mix(in srgb,var(--rdh-panel) 94%,var(--brand-color) 6%);
      }
    }

    .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_15\%\,transparent\)\]:hover {
      background-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--brand-color\)_15\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-color) 15%,transparent);
      }
    }

    .hover\:bg-\[var\(--cin-surface-2\)\]:hover {
      background-color: var(--cin-surface-2);
    }

    .hover\:bg-\[var\(--primary\,\#6366f1\)\]\/5:hover {
      background-color: var(--primary, #6366f1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--primary\,\#6366f1\)\]\/5:hover {
        background-color: color-mix(in oklab, var(--primary, #6366f1) 5%, transparent);
      }
    }

    .hover\:bg-\[var\(--rdh-panel\)\]:hover {
      background-color: var(--rdh-panel);
    }

    .hover\:bg-\[var\(--rdh-surface\)\]:hover {
      background-color: var(--rdh-surface);
    }

    .hover\:bg-\[var\(--supply-chip-hover-bg\)\]:hover {
      background-color: var(--supply-chip-hover-bg);
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    .hover\:bg-accent-soft:hover, .hover\:bg-accent-soft\/20:hover {
      background-color: var(--accent-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-soft\/20:hover {
        background-color: color-mix(in oklab, var(--accent-soft) 20%, transparent);
      }
    }

    .hover\:bg-accent-soft\/50:hover {
      background-color: var(--accent-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-soft\/50:hover {
        background-color: color-mix(in oklab, var(--accent-soft) 50%, transparent);
      }
    }

    .hover\:bg-accent\/15:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/15:hover {
        background-color: color-mix(in oklab, var(--accent) 15%, transparent);
      }
    }

    .hover\:bg-accent\/20:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/20:hover {
        background-color: color-mix(in oklab, var(--accent) 20%, transparent);
      }
    }

    .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:bg-accent\/90:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/90:hover {
        background-color: color-mix(in oklab, var(--accent) 90%, transparent);
      }
    }

    .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-500\/10:hover {
      background-color: #f99c001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }

    .hover\:bg-amber-500\/20:hover {
      background-color: #f99c0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }

    .hover\:bg-background:hover, .hover\:bg-background\/10:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/10:hover {
        background-color: color-mix(in oklab, var(--background) 10%, transparent);
      }
    }

    .hover\:bg-background\/70:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/70:hover {
        background-color: color-mix(in oklab, var(--background) 70%, transparent);
      }
    }

    .hover\:bg-background\/82:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/82:hover {
        background-color: color-mix(in oklab, var(--background) 82%, transparent);
      }
    }

    .hover\:bg-background\/86:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/86:hover {
        background-color: color-mix(in oklab, var(--background) 86%, transparent);
      }
    }

    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }

    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/5:hover {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }

    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .hover\:bg-black\/25:hover {
      background-color: #00000040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/25:hover {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
    }

    .hover\:bg-black\/42:hover {
      background-color: #0000006b;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/42:hover {
        background-color: color-mix(in oklab, var(--color-black) 42%, transparent);
      }
    }

    .hover\:bg-black\/45:hover {
      background-color: #00000073;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/45:hover {
        background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
      }
    }

    .hover\:bg-black\/48:hover {
      background-color: #0000007a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/48:hover {
        background-color: color-mix(in oklab, var(--color-black) 48%, transparent);
      }
    }

    .hover\:bg-black\/60:hover {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/60:hover {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }

    .hover\:bg-black\/65:hover {
      background-color: #000000a6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/65:hover {
        background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
      }
    }

    .hover\:bg-black\/70:hover {
      background-color: #000000b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/70:hover {
        background-color: color-mix(in oklab, var(--color-black) 70%, 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-black\/80:hover {
      background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }

    .hover\:bg-black\/90:hover {
      background-color: #000000e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/90:hover {
        background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }

    .hover\:bg-black\/\[0\.03\]:hover {
      background-color: #00000008;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
      }
    }

    .hover\:bg-card\/80:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/80:hover {
        background-color: color-mix(in oklab, var(--card) 80%, transparent);
      }
    }

    .hover\:bg-current\/10:hover {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-current\/10:hover {
        background-color: color-mix(in oklab, currentcolor 10%, transparent);
      }
    }

    .hover\:bg-danger:hover, .hover\:bg-danger-50:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-50:hover {
        background-color: color-mix(in oklab, var(--danger) 8%, white);
      }
    }

    .hover\:bg-danger-200:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-200:hover {
        background-color: color-mix(in oklab, var(--danger) 28%, white);
      }
    }

    .hover\:bg-danger\/10:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/10:hover {
        background-color: color-mix(in oklab, var(--danger) 10%, transparent);
      }
    }

    .hover\:bg-danger\/15:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/15:hover {
        background-color: color-mix(in oklab, var(--danger) 15%, transparent);
      }
    }

    .hover\:bg-danger\/20:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/20:hover {
        background-color: color-mix(in oklab, var(--danger) 20%, transparent);
      }
    }

    .hover\:bg-danger\/90:hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/90:hover {
        background-color: color-mix(in oklab, var(--danger) 90%, transparent);
      }
    }

    .hover\:bg-default:hover {
      background-color: var(--default);
    }

    .hover\:bg-default-100:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-default-100:hover {
        background-color: color-mix(in oklab, var(--foreground) 8%, var(--background));
      }
    }

    .hover\:bg-default-200\/60:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-default-200\/60:hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 13%, var(--background)) 60%, transparent);
      }
    }

    .hover\:bg-default-200\/90:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-default-200\/90:hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 13%, var(--background)) 90%, transparent);
      }
    }

    .hover\:bg-default-hover:hover {
      background-color: var(--default-hover);
    }

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    .hover\:bg-emerald-100:hover {
      background-color: var(--color-emerald-100);
    }

    .hover\:bg-field-hover:hover {
      background-color: var(--field-hover);
    }

    .hover\:bg-field\/80:hover {
      background-color: var(--field-background, var(--default));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-field\/80:hover {
        background-color: color-mix(in oklab, var(--field-background, var(--default)) 80%, transparent);
      }
    }

    .hover\:bg-foreground\/5:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/5:hover {
        background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
      }
    }

    .hover\:bg-foreground\/10:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }

    .hover\:bg-foreground\/20:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/20:hover {
        background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }

    .hover\:bg-foreground\/90:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/90:hover {
        background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
      }
    }

    .hover\:bg-foreground\/\[0\.05\]:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
      }
    }

    .hover\:bg-foreground\/\[0\.06\]:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
      }
    }

    .hover\:bg-foreground\/\[0\.025\]:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.025\]:hover {
        background-color: color-mix(in oklab, var(--foreground) 2.5%, transparent);
      }
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-green-100:hover {
      background-color: var(--color-green-100);
    }

    .hover\:bg-green-200:hover {
      background-color: var(--color-green-200);
    }

    .hover\:bg-green-700:hover {
      background-color: var(--color-green-700);
    }

    .hover\:bg-live\/15:hover {
      background-color: var(--live);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-live\/15:hover {
        background-color: color-mix(in oklab, var(--live) 15%, transparent);
      }
    }

    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }

    .hover\:bg-muted-foreground\/20:hover {
      background-color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/20:hover {
        background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
      }
    }

    .hover\:bg-muted\/20:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/20:hover {
        background-color: color-mix(in oklab, var(--muted) 20%, transparent);
      }
    }

    .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }

    .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-muted\/60:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, var(--muted) 60%, transparent);
      }
    }

    .hover\:bg-neutral-50:hover {
      background-color: var(--color-neutral-50);
    }

    .hover\:bg-neutral-200:hover {
      background-color: var(--color-neutral-200);
    }

    .hover\:bg-primary-foreground:hover, .hover\:bg-primary-foreground\/10:hover {
      background-color: var(--primary-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
      }
    }

    .hover\:bg-primary\/5:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-primary\/15:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/15:hover {
        background-color: color-mix(in oklab, var(--primary) 15%, transparent);
      }
    }

    .hover\:bg-primary\/20:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .hover\:bg-primary\/25:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/25:hover {
        background-color: color-mix(in oklab, var(--primary) 25%, transparent);
      }
    }

    .hover\:bg-primary\/30:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    .hover\:bg-primary\/92:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/92:hover {
        background-color: color-mix(in oklab, var(--primary) 92%, transparent);
      }
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-200:hover {
      background-color: var(--color-red-200);
    }

    .hover\:bg-red-500\/10:hover {
      background-color: #fb2c361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }

    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }

    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700);
    }

    .hover\:bg-rose-600:hover {
      background-color: var(--color-rose-600);
    }

    .hover\:bg-secondary\/5:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/5:hover {
        background-color: color-mix(in oklab, var(--secondary) 5%, transparent);
      }
    }

    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }

    .hover\:bg-sidebar-primary:hover {
      background-color: var(--sidebar-primary);
    }

    .hover\:bg-success-50:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-50:hover {
        background-color: color-mix(in oklab, var(--success) 8%, white);
      }
    }

    .hover\:bg-success-50\/50:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-50\/50:hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 50%, transparent);
      }
    }

    .hover\:bg-success-50\/80:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-50\/80:hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 80%, transparent);
      }
    }

    .hover\:bg-success-100:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-100:hover {
        background-color: color-mix(in oklab, var(--success) 16%, white);
      }
    }

    .hover\:bg-success-200:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-200:hover {
        background-color: color-mix(in oklab, var(--success) 28%, white);
      }
    }

    .hover\:bg-success-200\/60:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-200\/60:hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 28%, white) 60%, transparent);
      }
    }

    .hover\:bg-success\/5:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/5:hover {
        background-color: color-mix(in oklab, var(--success) 5%, transparent);
      }
    }

    .hover\:bg-success\/10:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/10:hover {
        background-color: color-mix(in oklab, var(--success) 10%, transparent);
      }
    }

    .hover\:bg-success\/15:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/15:hover {
        background-color: color-mix(in oklab, var(--success) 15%, transparent);
      }
    }

    .hover\:bg-success\/20:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/20:hover {
        background-color: color-mix(in oklab, var(--success) 20%, transparent);
      }
    }

    .hover\:bg-surface:hover {
      background-color: var(--surface);
    }

    .hover\:bg-surface-secondary:hover, .hover\:bg-surface-secondary\/30:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/30:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 30%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/35:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/35:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 35%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/40:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/40:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/45:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/45:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 45%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/50:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/50:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/55:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/55:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 55%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/60:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/60:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/70:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/70:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
      }
    }

    .hover\:bg-surface-secondary\/80:hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 80%, transparent);
      }
    }

    .hover\:bg-surface-tertiary:hover {
      background-color: var(--surface-tertiary);
    }

    .hover\:bg-surface\/60:hover {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface\/60:hover {
        background-color: color-mix(in oklab, var(--surface) 60%, transparent);
      }
    }

    .hover\:bg-surface\/70:hover {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface\/70:hover {
        background-color: color-mix(in oklab, var(--surface) 70%, transparent);
      }
    }

    .hover\:bg-surface\/80:hover {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface\/80:hover {
        background-color: color-mix(in oklab, var(--surface) 80%, transparent);
      }
    }

    .hover\:bg-surface\/95:hover {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface\/95:hover {
        background-color: color-mix(in oklab, var(--surface) 95%, transparent);
      }
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-violet-500\/20:hover {
      background-color: #8d54ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
      }
    }

    .hover\:bg-warning-100:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning-100:hover {
        background-color: color-mix(in oklab, var(--warning) 16%, white);
      }
    }

    .hover\:bg-warning\/10:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/10:hover {
        background-color: color-mix(in oklab, var(--warning) 10%, transparent);
      }
    }

    .hover\:bg-warning\/15:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/15:hover {
        background-color: color-mix(in oklab, var(--warning) 15%, transparent);
      }
    }

    .hover\:bg-warning\/20:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/20:hover {
        background-color: color-mix(in oklab, var(--warning) 20%, transparent);
      }
    }

    .hover\:bg-warning\/90:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/90:hover {
        background-color: color-mix(in oklab, var(--warning) 90%, transparent);
      }
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .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\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, 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\/25:hover {
      background-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:bg-white\/70:hover {
      background-color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/70:hover {
        background-color: color-mix(in oklab, var(--color-white) 70%, 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-white\/95:hover {
      background-color: #fffffff2;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/95:hover {
        background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.1\]:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.1\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.15\]:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.15\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:bg-zinc-50:hover {
      background-color: var(--color-zinc-50);
    }

    .hover\:bg-zinc-800:hover {
      background-color: var(--color-zinc-800);
    }

    .hover\:from-indigo-500\/15:hover {
      --tw-gradient-from: #625fff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-indigo-500\/15:hover {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
      }
    }

    .hover\:from-indigo-500\/15:hover {
      --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));
    }

    .hover\:from-primary\/10:hover {
      --tw-gradient-from: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-primary\/10:hover {
        --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:from-primary\/10:hover {
      --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));
    }

    .hover\:from-primary\/15:hover {
      --tw-gradient-from: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-primary\/15:hover {
        --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent);
      }
    }

    .hover\:from-primary\/15:hover {
      --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));
    }

    .hover\:from-secondary\/15:hover {
      --tw-gradient-from: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-secondary\/15:hover {
        --tw-gradient-from: color-mix(in oklab, var(--secondary) 15%, transparent);
      }
    }

    .hover\:from-secondary\/15:hover {
      --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));
    }

    .hover\:from-warning\/15:hover {
      --tw-gradient-from: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-warning\/15:hover {
        --tw-gradient-from: color-mix(in oklab, var(--warning) 15%, transparent);
      }
    }

    .hover\:from-warning\/15:hover {
      --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));
    }

    .hover\:via-accent\/12:hover {
      --tw-gradient-via: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:via-accent\/12:hover {
        --tw-gradient-via: color-mix(in oklab, var(--accent) 12%, transparent);
      }
    }

    .hover\:via-accent\/12:hover {
      --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);
    }

    .hover\:via-blue-500\/12:hover {
      --tw-gradient-via: #3080ff1f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:via-blue-500\/12:hover {
        --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 12%, transparent);
      }
    }

    .hover\:via-blue-500\/12:hover {
      --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);
    }

    .hover\:to-accent\/10:hover {
      --tw-gradient-to: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-accent\/10:hover {
        --tw-gradient-to: color-mix(in oklab, var(--accent) 10%, transparent);
      }
    }

    .hover\:to-accent\/10:hover {
      --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));
    }

    .hover\:to-cyan-500\/15:hover {
      --tw-gradient-to: #00b7d726;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-cyan-500\/15:hover {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
      }
    }

    .hover\:to-cyan-500\/15:hover {
      --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));
    }

    .hover\:to-success\/15:hover {
      --tw-gradient-to: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-success\/15:hover {
        --tw-gradient-to: color-mix(in oklab, var(--success) 15%, transparent);
      }
    }

    .hover\:to-success\/15:hover {
      --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));
    }

    .hover\:\!text-foreground:hover {
      color: var(--foreground) !important;
    }

    .hover\:text-\[\#5d996e\]:hover {
      color: #5d996e;
    }

    .hover\:text-\[\#79aa86\]:hover {
      color: #79aa86;
    }

    .hover\:text-\[var\(--brand-color\)\]:hover {
      color: var(--brand-color);
    }

    .hover\:text-\[var\(--brand-color-fg\,var\(--brand-text\)\)\]:hover {
      color: var(--brand-color-fg, var(--brand-text));
    }

    .hover\:text-\[var\(--rdh-ink\)\]:hover {
      color: var(--rdh-ink);
    }

    .hover\:text-\[var\(--rdh-ink-2\)\]:hover {
      color: var(--rdh-ink-2);
    }

    .hover\:text-accent:hover {
      color: var(--accent);
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-accent\/80:hover {
      color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-accent\/80:hover {
        color: color-mix(in oklab, var(--accent) 80%, transparent);
      }
    }

    .hover\:text-amber-700:hover {
      color: var(--color-amber-700);
    }

    .hover\:text-amber-900:hover {
      color: var(--color-amber-900);
    }

    .hover\:text-current:hover {
      color: currentColor;
    }

    .hover\:text-danger:hover, .hover\:text-danger-600:hover {
      color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-danger-600:hover {
        color: color-mix(in oklab, var(--danger) 82%, black);
      }
    }

    .hover\:text-danger\/80:hover {
      color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-danger\/80:hover {
        color: color-mix(in oklab, var(--danger) 80%, transparent);
      }
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover, .hover\:text-foreground\/60:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/60:hover {
        color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }

    .hover\:text-foreground\/65:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/65:hover {
        color: color-mix(in oklab, var(--foreground) 65%, transparent);
      }
    }

    .hover\:text-foreground\/70:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/70:hover {
        color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }

    .hover\:text-foreground\/75:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/75:hover {
        color: color-mix(in oklab, var(--foreground) 75%, transparent);
      }
    }

    .hover\:text-foreground\/80:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/80:hover {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }

    .hover\:text-highlight:hover {
      color: var(--highlight);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-neutral-900:hover {
      color: var(--color-neutral-900);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:text-primary-foreground:hover {
      color: var(--primary-foreground);
    }

    .hover\:text-primary\/80:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-rose-400:hover {
      color: var(--color-rose-400);
    }

    .hover\:text-rose-500:hover {
      color: var(--color-rose-500);
    }

    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }

    .hover\:text-sidebar-foreground:hover {
      color: var(--sidebar-foreground);
    }

    .hover\:text-sidebar-primary-foreground:hover {
      color: var(--sidebar-primary-foreground);
    }

    .hover\:text-success:hover {
      color: var(--success);
    }

    .hover\:text-warning:hover, .hover\:text-warning-700:hover {
      color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-warning-700:hover {
        color: color-mix(in oklab, var(--warning) 68%, black);
      }
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:text-white\/70:hover {
      color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/70:hover {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .hover\:text-white\/90:hover {
      color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/90:hover {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .hover\:text-zinc-950:hover {
      color: var(--color-zinc-950);
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-foreground\/70:hover {
      -webkit-text-decoration-color: var(--foreground);
      text-decoration-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-foreground\/70:hover {
        -webkit-text-decoration-color: color-mix(in oklab, var(--foreground) 70%, transparent);
        text-decoration-color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }

    .hover\:decoration-white:hover {
      -webkit-text-decoration-color: var(--color-white);
      text-decoration-color: var(--color-white);
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-95:hover {
      opacity: .95;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_4px_18px_color-mix\(in_srgb\,var\(--saved-pile-accent\)_14\%\,transparent\)\]:hover {
      --tw-shadow: 0 4px 18px var(--tw-shadow-color, var(--saved-pile-accent));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_4px_18px_color-mix\(in_srgb\,var\(--saved-pile-accent\)_14\%\,transparent\)\]:hover {
        --tw-shadow: 0 4px 18px var(--tw-shadow-color, color-mix(in srgb,var(--saved-pile-accent) 14%,transparent));
      }
    }

    .hover\:shadow-\[0_4px_18px_color-mix\(in_srgb\,var\(--saved-pile-accent\)_14\%\,transparent\)\]:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.32\)\]:hover {
      --tw-shadow: 0 18px 48px var(--tw-shadow-color, #00000052);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --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);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-sm:hover {
      --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);
    }

    .hover\:shadow-surface:hover {
      --tw-shadow: var(--surface-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --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);
    }

    .hover\:ring-1:hover {
      --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);
    }

    .hover\:ring-2:hover {
      --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);
    }

    .hover\:ring-\[var\(--brand-color\)\]\/20:hover {
      --tw-ring-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-\[var\(--brand-color\)\]\/20:hover {
        --tw-ring-color: color-mix(in oklab, var(--brand-color) 20%, transparent);
      }
    }

    .hover\:ring-\[var\(--brand-color\)\]\/30:hover {
      --tw-ring-color: var(--brand-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-\[var\(--brand-color\)\]\/30:hover {
        --tw-ring-color: color-mix(in oklab, var(--brand-color) 30%, transparent);
      }
    }

    .hover\:ring-accent:hover, .hover\:ring-accent\/60:hover {
      --tw-ring-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-accent\/60:hover {
        --tw-ring-color: color-mix(in oklab, var(--accent) 60%, transparent);
      }
    }

    .hover\:ring-accent\/70:hover {
      --tw-ring-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-accent\/70:hover {
        --tw-ring-color: color-mix(in oklab, var(--accent) 70%, transparent);
      }
    }

    .hover\:ring-border:hover {
      --tw-ring-color: var(--border);
    }

    .hover\:ring-focus\/20:hover {
      --tw-ring-color: var(--focus);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-focus\/20:hover {
        --tw-ring-color: color-mix(in oklab, var(--focus) 20%, transparent);
      }
    }

    .hover\:ring-foreground\/15:hover {
      --tw-ring-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-foreground\/15:hover {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 15%, transparent);
      }
    }

    .hover\:ring-foreground\/25:hover {
      --tw-ring-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-foreground\/25:hover {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 25%, transparent);
      }
    }

    .hover\:ring-foreground\/30:hover {
      --tw-ring-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-foreground\/30:hover {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }

    .hover\:ring-primary:hover, .hover\:ring-primary\/20:hover {
      --tw-ring-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-primary\/20:hover {
        --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .hover\:ring-primary\/25:hover {
      --tw-ring-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-primary\/25:hover {
        --tw-ring-color: color-mix(in oklab, var(--primary) 25%, transparent);
      }
    }

    .hover\:ring-primary\/30:hover {
      --tw-ring-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-primary\/30:hover {
        --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:ring-primary\/40:hover {
      --tw-ring-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-primary\/40:hover {
        --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }

    .hover\:ring-success-300\/60:hover {
      --tw-ring-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-success-300\/60:hover {
        --tw-ring-color: color-mix(in oklab, color-mix(in oklab, var(--success) 45%, white) 60%, transparent);
      }
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      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-100:hover {
      --tw-brightness: brightness(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, );
    }

    .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, );
    }

    .hover\:brightness-\[0\.95\]:hover {
      --tw-brightness: brightness(.95);
      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-\[0\.97\]:hover {
      --tw-brightness: brightness(.97);
      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-\[0\.985\]:hover {
      --tw-brightness: brightness(.985);
      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\:grayscale-0:hover {
      --tw-grayscale: grayscale(0%);
      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\:before\:bg-foreground\/25:hover:before {
      content: var(--tw-content);
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:before\:bg-foreground\/25:hover:before {
        background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
      }
    }

    .hover\:after\:h-full:hover:after {
      content: var(--tw-content);
      height: 100%;
    }

    .hover\:after\:w-0\.5:hover:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * .5);
    }

    .hover\:after\:scale-x-100:hover:after {
      content: var(--tw-content);
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:after\:bg-accent:hover:after {
      content: var(--tw-content);
      background-color: var(--accent);
    }

    .hover\:after\:bg-highlight:hover:after {
      content: var(--tw-content);
      background-color: var(--highlight);
    }
  }

  .focus\:\!border-primary:focus {
    border-color: var(--primary) !important;
  }

  .focus\:border-\[color\:var\(--cin-border-strong\)\]:focus {
    border-color: var(--cin-border-strong);
  }

  .focus\:border-\[var\(--brand-color\)\]:focus {
    border-color: var(--brand-color);
  }

  .focus\:border-border:focus {
    border-color: var(--border);
  }

  .focus\:border-danger:focus {
    border-color: var(--danger);
  }

  .focus\:border-primary:focus {
    border-color: var(--primary);
  }

  .focus\:border-primary\/40:focus {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-primary\/40:focus {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .focus\:border-primary\/50:focus {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-primary\/50:focus {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .focus\:border-ring:focus {
    border-color: var(--ring);
  }

  .focus\:bg-default:focus {
    background-color: var(--default);
  }

  .focus\:bg-surface-secondary:focus {
    background-color: var(--surface-secondary);
  }

  .focus\:bg-surface-secondary\/70:focus {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-surface-secondary\/70:focus {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:\!ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {
    --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);
  }

  .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-\[var\(--brand-color\)\]\/20:focus {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-\[var\(--brand-color\)\]\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--brand-color) 20%, transparent);
    }
  }

  .focus\:ring-\[var\(--primary\,\#6366f1\)\]:focus {
    --tw-ring-color: var(--primary, #6366f1);
  }

  .focus\:ring-border:focus {
    --tw-ring-color: var(--border);
  }

  .focus\:ring-danger\/20:focus {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-danger\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--danger) 20%, transparent);
    }
  }

  .focus\:ring-destructive\/20:focus {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-destructive\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus\:ring-primary:focus {
    --tw-ring-color: var(--primary);
  }

  .focus\:ring-primary-foreground\/30:focus {
    --tw-ring-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary-foreground\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);
    }
  }

  .focus\:ring-primary\/10:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .focus\:ring-primary\/20:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .focus\:ring-primary\/30:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .focus\:ring-primary\/40:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .focus\:ring-primary\/50:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .focus\:ring-ring\/20:focus {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-ring\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
    }
  }

  .focus\:ring-white\/40:focus {
    --tw-ring-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-white\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:\!outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:pointer-events-auto:focus-visible {
    pointer-events: auto;
  }

  .focus-visible\:flex:focus-visible {
    display: flex;
  }

  .focus-visible\:rounded-md:focus-visible {
    border-radius: calc(var(--radius) - 2px);
  }

  .focus-visible\:rounded-sm:focus-visible {
    border-radius: calc(var(--radius) - 4px);
  }

  .focus-visible\:border-\[var\(--brand-color-fg\,var\(--brand-color\)\)\]:focus-visible {
    border-color: var(--brand-color-fg, var(--brand-color));
  }

  .focus-visible\:border-primary:focus-visible {
    border-color: var(--primary);
  }

  .focus-visible\:bg-primary\/10:focus-visible {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-primary\/10:focus-visible {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .focus-visible\:bg-surface-secondary:focus-visible {
    background-color: var(--surface-secondary);
  }

  .focus-visible\:bg-surface-tertiary:focus-visible {
    background-color: var(--surface-tertiary);
  }

  .focus-visible\:text-highlight:focus-visible {
    color: var(--highlight);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:\!ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --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);
  }

  .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-\[color-mix\(in_srgb\,var\(--brand-color\)_28\%\,transparent\)\]:focus-visible {
    --tw-ring-color: var(--brand-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--brand-color\)_28\%\,transparent\)\]:focus-visible {
      --tw-ring-color: color-mix(in srgb,var(--brand-color) 28%,transparent);
    }
  }

  .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--brand-color\,\#06b6d4\)_70\%\,transparent\)\]:focus-visible {
    --tw-ring-color: var(--brand-color, #06b6d4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--brand-color\,\#06b6d4\)_70\%\,transparent\)\]:focus-visible {
      --tw-ring-color: color-mix(in srgb,var(--brand-color, #06b6d4) 70%,transparent);
    }
  }

  .focus-visible\:ring-\[color\:var\(--brand-button-bg\,var\(--rdh-brand\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-button-bg, var(--rdh-brand));
  }

  .focus-visible\:ring-\[color\:var\(--brand-ring\)\]:focus-visible {
    --tw-ring-color: var(--brand-ring);
  }

  .focus-visible\:ring-\[color\:var\(--brand-ring\,var\(--brand-color\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-ring, var(--brand-color));
  }

  .focus-visible\:ring-\[var\(--accent\)\]:focus-visible {
    --tw-ring-color: var(--accent);
  }

  .focus-visible\:ring-\[var\(--brand-color\)\]:focus-visible {
    --tw-ring-color: var(--brand-color);
  }

  .focus-visible\:ring-\[var\(--brand-color\,var\(--cin-accent\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-color, var(--cin-accent));
  }

  .focus-visible\:ring-\[var\(--brand-color-fg\,var\(--brand-color\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-color-fg, var(--brand-color));
  }

  .focus-visible\:ring-\[var\(--brand-ring\)\]:focus-visible {
    --tw-ring-color: var(--brand-ring);
  }

  .focus-visible\:ring-\[var\(--brand-ring\,var\(--primary\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-ring, var(--primary));
  }

  .focus-visible\:ring-\[var\(--brand-ring\,var\(--saved-pile-accent\)\)\]:focus-visible {
    --tw-ring-color: var(--brand-ring, var(--saved-pile-accent));
  }

  .focus-visible\:ring-\[var\(--brand-text\)\]:focus-visible {
    --tw-ring-color: var(--brand-text);
  }

  .focus-visible\:ring-\[var\(--pmc-accent\)\]:focus-visible {
    --tw-ring-color: var(--pmc-accent);
  }

  .focus-visible\:ring-\[var\(--saved-remove-accent\)\]:focus-visible {
    --tw-ring-color: var(--saved-remove-accent);
  }

  .focus-visible\:ring-accent\/40:focus-visible {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-accent\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }

  .focus-visible\:ring-border:focus-visible {
    --tw-ring-color: var(--border);
  }

  .focus-visible\:ring-danger:focus-visible {
    --tw-ring-color: var(--danger);
  }

  .focus-visible\:ring-danger\/40:focus-visible {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-danger\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--danger) 40%, transparent);
    }
  }

  .focus-visible\:ring-focus:focus-visible {
    --tw-ring-color: var(--focus);
  }

  .focus-visible\:ring-foreground\/25:focus-visible {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-foreground\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }

  .focus-visible\:ring-foreground\/30:focus-visible {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-foreground\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: var(--primary);
  }

  .focus-visible\:ring-primary\/30:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .focus-visible\:ring-primary\/35:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/35:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }

  .focus-visible\:ring-primary\/40:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .focus-visible\:ring-primary\/50:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .focus-visible\:ring-primary\/60:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-rose-500\/30:focus-visible {
    --tw-ring-color: #ff23574d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-rose-500\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }

  .focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color: var(--sidebar-ring);
  }

  .focus-visible\:ring-success\/40:focus-visible {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-success\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--success) 40%, transparent);
    }
  }

  .focus-visible\:ring-white:focus-visible {
    --tw-ring-color: var(--color-white);
  }

  .focus-visible\:ring-white\/60:focus-visible {
    --tw-ring-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .focus-visible\:ring-white\/70:focus-visible {
    --tw-ring-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/70:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .focus-visible\:ring-white\/80:focus-visible {
    --tw-ring-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/80:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-\[color\:var\(--cin-bg\)\]:focus-visible {
    --tw-ring-offset-color: var(--cin-bg);
  }

  .focus-visible\:ring-offset-\[color\:var\(--cin-bg-alt\)\]:focus-visible {
    --tw-ring-offset-color: var(--cin-bg-alt);
  }

  .focus-visible\:ring-offset-\[var\(--rdh-bg\)\]:focus-visible {
    --tw-ring-offset-color: var(--rdh-bg);
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: var(--background);
  }

  .focus-visible\:ring-offset-black\/20:focus-visible {
    --tw-ring-offset-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-offset-black\/20:focus-visible {
      --tw-ring-offset-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .focus-visible\:ring-offset-black\/30:focus-visible {
    --tw-ring-offset-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-offset-black\/30:focus-visible {
      --tw-ring-offset-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .focus-visible\:ring-offset-neutral-950:focus-visible {
    --tw-ring-offset-color: var(--color-neutral-950);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }

  .focus-visible\:outline-\[\#9fd4b4\]:focus-visible {
    outline-color: #9fd4b4;
  }

  .focus-visible\:outline-accent:focus-visible {
    outline-color: var(--accent);
  }

  .focus-visible\:outline-current:focus-visible {
    outline-color: currentColor;
  }

  .focus-visible\:outline-focus:focus-visible {
    outline-color: var(--focus);
  }

  .focus-visible\:outline-foreground:focus-visible {
    outline-color: var(--foreground);
  }

  .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--primary);
  }

  .focus-visible\:outline-white\/70:focus-visible {
    outline-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:outline-white\/70:focus-visible {
      outline-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .focus-visible\:\!outline-none:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:\!ring-inset:focus-visible {
    --tw-ring-inset: inset !important;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .focus-visible\:before\:bg-focus:focus-visible:before {
    content: var(--tw-content);
    background-color: var(--focus);
  }

  .focus-visible\:after\:bg-highlight:focus-visible:after {
    content: var(--tw-content);
    background-color: var(--highlight);
  }

  .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:\!scale-100:active {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-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-100:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.94\]:active {
    scale: .94;
  }

  .active\:scale-\[0\.96\]:active {
    scale: .96;
  }

  .active\:scale-\[0\.97\]:active {
    scale: .97;
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:scale-\[0\.985\]:active {
    scale: .985;
  }

  .active\:scale-\[0\.992\]:active {
    scale: .992;
  }

  .active\:scale-\[0\.995\]:active {
    scale: .995;
  }

  .active\:scale-\[0\.997\]:active {
    scale: .997;
  }

  .active\:\!transform-none:active {
    transform: none !important;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:\!bg-transparent:active {
    background-color: #0000 !important;
  }

  .active\:bg-background\/80:active {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-background\/80:active {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .active\:bg-default:active {
    background-color: var(--default);
  }

  .active\:bg-default-100:active {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-default-100:active {
      background-color: color-mix(in oklab, var(--foreground) 8%, var(--background));
    }
  }

  .active\:bg-default-hover:active {
    background-color: var(--default-hover);
  }

  .active\:bg-foreground\/5:active {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-foreground\/5:active {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .active\:bg-foreground\/\[0\.045\]:active {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-foreground\/\[0\.045\]:active {
      background-color: color-mix(in oklab, var(--foreground) 4.5%, transparent);
    }
  }

  .active\:bg-muted:active {
    background-color: var(--muted);
  }

  .active\:bg-surface-secondary:active {
    background-color: var(--surface-secondary);
  }

  .active\:bg-surface-secondary\/50:active {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-surface-secondary\/50:active {
      background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
    }
  }

  .active\:bg-surface-secondary\/60:active {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-surface-secondary\/60:active {
      background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent);
    }
  }

  .active\:bg-surface-secondary\/70:active {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-surface-secondary\/70:active {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .active\:bg-surface-secondary\/80:active {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-surface-secondary\/80:active {
      background-color: color-mix(in oklab, var(--surface-secondary) 80%, transparent);
    }
  }

  .active\:bg-surface-tertiary:active {
    background-color: var(--surface-tertiary);
  }

  .active\:bg-white\/15:active {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-white\/15:active {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .active\:text-foreground:active {
    color: var(--foreground);
  }

  .active\:opacity-60:active {
    opacity: .6;
  }

  .active\:opacity-70:active {
    opacity: .7;
  }

  .active\:opacity-80:active {
    opacity: .8;
  }

  .active\:after\:h-full:active:after {
    content: var(--tw-content);
    height: 100%;
  }

  .active\:after\:w-0\.5:active:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .active\:after\:bg-accent:active:after {
    content: var(--tw-content);
    background-color: var(--accent);
  }

  .enabled\:cursor-grab:enabled {
    cursor: grab;
  }

  .enabled\:active\:cursor-grabbing:enabled:active {
    cursor: grabbing;
  }

  .enabled\:active\:bg-surface-secondary:enabled:active {
    background-color: var(--surface-secondary);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-80:disabled {
    opacity: .8;
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  @media (hover: hover) {
    .disabled\:hover\:scale-100:disabled:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .disabled\:hover\:border-border:disabled:hover, .disabled\:hover\:border-divider:disabled:hover {
      border-color: var(--border);
    }

    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }

    .disabled\:hover\:text-muted:disabled:hover {
      color: var(--muted);
    }
  }

  .disabled\:active\:scale-100:disabled:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .has-\[\.inventory-location-editor-surface\]\:w-\[min\(44rem\,calc\(100vw-2rem\)\)\]:has(.inventory-location-editor-surface) {
    width: min(44rem, 100vw - 2rem);
  }

  .has-\[\:focus-visible\]\:bg-\[var\(--cin-surface-2\)\]:has(:focus-visible) {
    background-color: var(--cin-surface-2);
  }

  .has-\[\:focus-visible\]\:bg-surface-secondary:has(:focus-visible) {
    background-color: var(--surface-secondary);
  }

  .has-\[\:focus-visible\]\:bg-surface-secondary\/40:has(:focus-visible) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:focus-visible\]\:bg-surface-secondary\/40:has(:focus-visible) {
      background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
    }
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-expanded\:border-primary\/40[aria-expanded="true"] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-expanded\:border-primary\/40[aria-expanded="true"] {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .aria-expanded\:bg-surface-secondary\/70[aria-expanded="true"] {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-expanded\:bg-surface-secondary\/70[aria-expanded="true"] {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .aria-invalid\:border-danger[aria-invalid="true"] {
    border-color: var(--danger);
  }

  .aria-invalid\:focus-within\:ring-danger\/20[aria-invalid="true"]:focus-within {
    --tw-ring-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:focus-within\:ring-danger\/20[aria-invalid="true"]:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--danger) 20%, transparent);
    }
  }

  .aria-selected\:text-foreground[aria-selected="true"] {
    color: var(--foreground);
  }

  .data-\[disabled\]\:line-through[data-disabled] {
    text-decoration-line: line-through;
  }

  .data-\[disabled\=true\]\:opacity-100[data-disabled="true"] {
    opacity: 1;
  }

  .data-\[dragging\=true\]\:\!scale-105[data-dragging="true"] {
    --tw-scale-x: 105% !important;
    --tw-scale-y: 105% !important;
    --tw-scale-z: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"] {
    cursor: grabbing;
  }

  .data-\[expanded\=true\]\:\!rotate-0[data-expanded="true"] {
    rotate: none !important;
  }

  .data-\[focus-visible\=true\]\:ring-2[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[focus-visible\=true\]\:ring-focus[data-focus-visible="true"] {
    --tw-ring-color: var(--focus);
  }

  .data-\[focus-visible\=true\]\:ring-primary[data-focus-visible="true"] {
    --tw-ring-color: var(--primary);
  }

  .data-\[focus-visible\=true\]\:\!ring-inset[data-focus-visible="true"] {
    --tw-ring-inset: inset !important;
  }

  .data-\[focus\=true\]\:border-border[data-focus="true"] {
    border-color: var(--border);
  }

  .data-\[focus\=true\]\:border-primary[data-focus="true"] {
    border-color: var(--primary);
  }

  .data-\[focus\=true\]\:border-ring[data-focus="true"] {
    border-color: var(--ring);
  }

  .data-\[focus\=true\]\:bg-background[data-focus="true"] {
    background-color: var(--background);
  }

  .data-\[focused\=true\]\:bg-surface-secondary[data-focused="true"] {
    background-color: var(--surface-secondary);
  }

  .data-\[hover\=true\]\:-translate-y-0[data-hover="true"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[hover\=true\]\:border-border[data-hover="true"] {
    border-color: var(--border);
  }

  .data-\[hover\=true\]\:border-ring[data-hover="true"] {
    border-color: var(--ring);
  }

  .data-\[hover\=true\]\:\!bg-\[color-mix\(in_srgb\,var\(--brand-button-bg\,var\(--brand-color\)\)_84\%\,\#ffffff\)\][data-hover="true"] {
    background-color: var(--brand-button-bg, var(--brand-color)) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:\!bg-\[color-mix\(in_srgb\,var\(--brand-button-bg\,var\(--brand-color\)\)_84\%\,\#ffffff\)\][data-hover="true"] {
      background-color: color-mix(in srgb,var(--brand-button-bg, var(--brand-color)) 84%,#fff) !important;
    }
  }

  .data-\[hover\=true\]\:\!bg-foreground\/\[0\.10\][data-hover="true"] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:\!bg-foreground\/\[0\.10\][data-hover="true"] {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
    }
  }

  .data-\[hover\=true\]\:\!bg-transparent[data-hover="true"] {
    background-color: #0000 !important;
  }

  .data-\[hover\=true\]\:\!bg-white\/90[data-hover="true"] {
    background-color: #ffffffe6 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:\!bg-white\/90[data-hover="true"] {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
    }
  }

  .data-\[hover\=true\]\:bg-black\/10[data-hover="true"] {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-black\/10[data-hover="true"] {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-muted\/40[data-hover="true"] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-muted\/40[data-hover="true"] {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-primary\/10[data-hover="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-primary\/10[data-hover="true"] {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-primary\/15[data-hover="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-primary\/15[data-hover="true"] {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-surface-secondary[data-hover="true"] {
    background-color: var(--surface-secondary);
  }

  .data-\[hover\=true\]\:bg-surface-secondary\/50[data-hover="true"] {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-surface-secondary\/50[data-hover="true"] {
      background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-surface-secondary\/70[data-hover="true"] {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hover\=true\]\:bg-surface-secondary\/70[data-hover="true"] {
      background-color: color-mix(in oklab, var(--surface-secondary) 70%, transparent);
    }
  }

  .data-\[hover\=true\]\:bg-transparent[data-hover="true"] {
    background-color: #0000;
  }

  .data-\[hover\=true\]\:text-foreground[data-hover="true"] {
    color: var(--foreground);
  }

  .data-\[hovered\=true\]\:border-divider[data-hovered="true"] {
    border-color: var(--border);
  }

  .data-\[hovered\=true\]\:\!bg-transparent[data-hovered="true"] {
    background-color: #0000 !important;
  }

  .data-\[hovered\=true\]\:bg-muted[data-hovered="true"] {
    background-color: var(--muted);
  }

  .data-\[hovered\=true\]\:bg-primary\/15[data-hovered="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[hovered\=true\]\:bg-primary\/15[data-hovered="true"] {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .data-\[hovered\=true\]\:bg-surface-secondary[data-hovered="true"] {
    background-color: var(--surface-secondary);
  }

  .data-\[hovered\=true\]\:bg-surface-tertiary[data-hovered="true"] {
    background-color: var(--surface-tertiary);
  }

  .data-\[hovered\=true\]\:bg-transparent[data-hovered="true"] {
    background-color: #0000;
  }

  .data-\[hovered\=true\]\:text-foreground[data-hovered="true"] {
    color: var(--foreground);
  }

  .data-\[hovered\=true\]\:text-highlight[data-hovered="true"] {
    color: var(--highlight);
  }

  .data-\[hovered\=true\]\:after\:bg-highlight[data-hovered="true"]:after {
    content: var(--tw-content);
    background-color: var(--highlight);
  }

  .data-\[inert\]\:hidden[data-inert] {
    display: none;
  }

  .data-\[placeholder\=true\]\:text-muted-foreground[data-placeholder="true"] {
    color: var(--muted-foreground);
  }

  .data-\[pressed\=true\]\:\!scale-100[data-pressed="true"] {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .data-\[pressed\=true\]\:scale-100[data-pressed="true"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[pressed\=true\]\:scale-\[0\.94\][data-pressed="true"] {
    scale: .94;
  }

  .data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"] {
    scale: .97;
  }

  .data-\[pressed\=true\]\:scale-\[0\.99\][data-pressed="true"] {
    scale: .99;
  }

  .data-\[pressed\=true\]\:\!transform-none[data-pressed="true"] {
    transform: none !important;
  }

  .data-\[pressed\=true\]\:\!bg-foreground\/\[0\.12\][data-pressed="true"] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[pressed\=true\]\:\!bg-foreground\/\[0\.12\][data-pressed="true"] {
      background-color: color-mix(in oklab, var(--foreground) 12%, transparent) !important;
    }
  }

  .data-\[pressed\=true\]\:\!bg-transparent[data-pressed="true"] {
    background-color: #0000 !important;
  }

  .data-\[pressed\=true\]\:bg-default[data-pressed="true"] {
    background-color: var(--default);
  }

  .data-\[pressed\=true\]\:bg-transparent[data-pressed="true"] {
    background-color: #0000;
  }

  .data-\[resize-handle-active\]\:\!bg-foreground\/25[data-resize-handle-active] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[resize-handle-active\]\:\!bg-foreground\/25[data-resize-handle-active] {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent) !important;
    }
  }

  .data-\[selected\=true\]\:border-\[var\(--event-pass-control-bg\)\][data-selected="true"] {
    border-color: var(--event-pass-control-bg);
  }

  .data-\[selected\=true\]\:border-accent[data-selected="true"] {
    border-color: var(--accent);
  }

  .data-\[selected\=true\]\:border-danger[data-selected="true"] {
    border-color: var(--danger);
  }

  .data-\[selected\=true\]\:border-primary[data-selected="true"] {
    border-color: var(--primary);
  }

  .data-\[selected\=true\]\:border-primary\/30[data-selected="true"] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:border-primary\/30[data-selected="true"] {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .data-\[selected\=true\]\:border-primary\/50[data-selected="true"] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:border-primary\/50[data-selected="true"] {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .data-\[selected\=true\]\:border-success[data-selected="true"] {
    border-color: var(--success);
  }

  .data-\[selected\=true\]\:border-warning[data-selected="true"] {
    border-color: var(--warning);
  }

  .data-\[selected\=true\]\:bg-\[var\(--event-pass-control-bg\)\][data-selected="true"] {
    background-color: var(--event-pass-control-bg);
  }

  .data-\[selected\=true\]\:bg-accent\/10[data-selected="true"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:bg-accent\/10[data-selected="true"] {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .data-\[selected\=true\]\:bg-danger[data-selected="true"] {
    background-color: var(--danger);
  }

  .data-\[selected\=true\]\:bg-primary[data-selected="true"] {
    background-color: var(--primary);
  }

  .data-\[selected\=true\]\:bg-primary\/5[data-selected="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:bg-primary\/5[data-selected="true"] {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .data-\[selected\=true\]\:bg-success[data-selected="true"] {
    background-color: var(--success);
  }

  .data-\[selected\=true\]\:bg-warning[data-selected="true"] {
    background-color: var(--warning);
  }

  .data-\[selected\=true\]\:text-\[var\(--event-pass-control-fg\)\][data-selected="true"] {
    color: var(--event-pass-control-fg);
  }

  .data-\[selected\=true\]\:text-foreground[data-selected="true"] {
    color: var(--foreground);
  }

  .data-\[separator\=active\]\:\!bg-foreground\/25[data-separator="active"] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[separator\=active\]\:\!bg-foreground\/25[data-separator="active"] {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent) !important;
    }
  }

  .data-\[separator\=active\]\:bg-accent-soft[data-separator="active"] {
    background-color: var(--accent-soft);
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(.\*\*\:data-\[slot\=radio\]\:mt-0 *)[data-slot="radio"] {
    margin-top: 0;
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=selected\]\:bg-surface-secondary[data-state="selected"] {
    background-color: var(--surface-secondary);
  }

  .data-\[variant\=media\]\:size-20[data-variant="media"] {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:\!bg-background\/20 {
      background-color: var(--background) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:\!bg-background\/20 {
        background-color: color-mix(in oklab, var(--background) 20%, transparent) !important;
      }
    }

    .supports-\[backdrop-filter\]\:bg-background\/72 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-background\/72 {
        background-color: color-mix(in oklab, var(--background) 72%, transparent);
      }
    }

    .supports-\[backdrop-filter\]\:bg-sidebar\/85 {
      background-color: var(--sidebar);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-sidebar\/85 {
        background-color: color-mix(in oklab, var(--sidebar) 85%, transparent);
      }
    }

    .supports-\[backdrop-filter\]\:bg-surface\/68 {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-surface\/68 {
        background-color: color-mix(in oklab, var(--surface) 68%, transparent);
      }
    }

    .supports-\[backdrop-filter\]\:bg-surface\/80 {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-surface\/80 {
        background-color: color-mix(in oklab, var(--surface) 80%, transparent);
      }
    }
  }

  .motion-safe\:translate-y-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .motion-safe\:translate-y-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:translate-y-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:translate-y-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-safe\:translate-y-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:translate-y-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: 1.5s ease-in-out 3 bounce;
  }

  .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: 1.5s ease-in-out 3 bounce;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: 1.5s ease-in-out 3 bounce;
    }

    .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-\[bounce_1\.5s_ease-in-out_3\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: 1.5s ease-in-out 3 bounce;
    }
  }

  .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: 4s ease-in-out infinite operations-runway-water;
  }

  .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: 4s ease-in-out infinite operations-runway-water;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: 4s ease-in-out infinite operations-runway-water;
    }

    .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-\[operations-runway-water_4s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: 4s ease-in-out infinite operations-runway-water;
    }
  }

  .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: 1.1s ease-in-out infinite pulse;
  }

  .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: 1.1s ease-in-out infinite pulse;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: 1.1s ease-in-out infinite pulse;
    }

    .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-\[pulse_1\.1s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: 1.1s ease-in-out infinite pulse;
    }
  }

  .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: 2.2s ease-in-out infinite pulse;
  }

  .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: 2.2s ease-in-out infinite pulse;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: 2.2s ease-in-out infinite pulse;
    }

    .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-\[pulse_2\.2s_ease-in-out_infinite\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: 2.2s ease-in-out infinite pulse;
    }
  }

  .motion-safe\:animate-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .motion-safe\:animate-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    }

    .motion-safe\:animate-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    }
  }

  .motion-safe\:animate-pulse:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation: var(--animate-pulse);
  }

  .motion-safe\:animate-pulse:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:animate-pulse:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation: var(--animate-pulse);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation: var(--animate-pulse);
    }

    .motion-safe\:animate-pulse:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:animate-pulse:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation: var(--animate-pulse);
    }
  }

  .motion-safe\:transition-opacity:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .motion-safe\:transition-opacity:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:transition-opacity:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-opacity:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .motion-safe\:transition-opacity:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:transition-opacity:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .motion-safe\:transition-transform:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    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));
  }

  .motion-safe\:transition-transform:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:transition-transform:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    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));
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-transform:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      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));
    }

    .motion-safe\:transition-transform:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:transition-transform:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      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));
    }
  }

  .motion-safe\:duration-200:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .motion-safe\:duration-200:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:duration-200:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-200:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-duration: .2s;
      transition-duration: .2s;
    }

    .motion-safe\:duration-200:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:duration-200:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-duration: .2s;
      transition-duration: .2s;
    }
  }

  .motion-safe\:duration-300:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .motion-safe\:duration-300:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:duration-300:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-300:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .motion-safe\:duration-300:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:duration-300:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-duration: .3s;
      transition-duration: .3s;
    }
  }

  .motion-safe\:duration-500:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .motion-safe\:duration-500:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:duration-500:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-500:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-duration: .5s;
      transition-duration: .5s;
    }

    .motion-safe\:duration-500:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:duration-500:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-duration: .5s;
      transition-duration: .5s;
    }
  }

  .motion-safe\:duration-700:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .motion-safe\:duration-700:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:duration-700:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-700:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-duration: .7s;
      transition-duration: .7s;
    }

    .motion-safe\:duration-700:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:duration-700:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-duration: .7s;
      transition-duration: .7s;
    }
  }

  .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-scale: .5;
  }

  .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-scale: .5;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-scale: .5;
    }

    .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-scale: .5;
    }
  }

  .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-scale: .5;
  }

  .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:zoom-in-50:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-scale: .5;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-scale: .5;
    }

    .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:zoom-in-50:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-scale: .5;
    }
  }

  .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-scale: .75;
  }

  .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-scale: .75;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-scale: .75;
    }

    .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-scale: .75;
    }
  }

  .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-scale: .75;
  }

  .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:zoom-in-75:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-scale: .75;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-scale: .75;
    }

    .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:zoom-in-75:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-scale: .75;
    }
  }

  .motion-safe\:\[animation-delay\:450ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation-delay: .45s;
  }

  .motion-safe\:\[animation-delay\:450ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:\[animation-delay\:450ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation-delay: .45s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:\[animation-delay\:450ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation-delay: .45s;
    }

    .motion-safe\:\[animation-delay\:450ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:\[animation-delay\:450ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation-delay: .45s;
    }
  }

  .motion-safe\:\[animation-duration\:900ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    animation-duration: .9s;
  }

  .motion-safe\:\[animation-duration\:900ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:\[animation-duration\:900ms\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    animation-duration: .9s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:\[animation-duration\:900ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      animation-duration: .9s;
    }

    .motion-safe\:\[animation-duration\:900ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:\[animation-duration\:900ms\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      animation-duration: .9s;
    }
  }

  .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-opacity: 0;
  }

  .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-opacity: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-opacity: 0;
    }

    .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-opacity: 0;
    }
  }

  .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-opacity: 0;
  }

  .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:fade-in:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-opacity: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-opacity: 0;
    }

    .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:fade-in:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-opacity: 0;
    }
  }

  .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }

    .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }

  .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-bottom-2:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }

    .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-bottom-2:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }

  .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(3*var(--spacing)*-1);
  }

  .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(3*var(--spacing)*-1);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(3*var(--spacing)*-1);
    }

    .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(3*var(--spacing)*-1);
    }
  }

  .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(3*var(--spacing)*-1);
  }

  .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-top-3:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(3*var(--spacing)*-1);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(3*var(--spacing)*-1);
    }

    .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-top-3:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(3*var(--spacing)*-1);
    }
  }

  .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }

  .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(4*var(--spacing)*-1);
    }

    .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(4*var(--spacing)*-1);
    }
  }

  .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }

  .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):before, .motion-safe\:slide-in-from-top-4:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):after {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) {
      --tw-enter-translate-y: calc(4*var(--spacing)*-1);
    }

    .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):before, .motion-safe\:slide-in-from-top-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):after {
      --tw-enter-translate-y: calc(4*var(--spacing)*-1);
    }
  }

  @media (hover: hover) {
    .motion-safe\:group-hover\:scale-\[1\.06\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):is(:where(.group):hover *), :is():is(:where(.group):hover *) {
      scale: 1.06;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) {
      .motion-safe\:group-hover\:scale-\[1\.06\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):is(:where(.group):hover *), :is():is(:where(.group):hover *) {
        scale: 1.06;
      }
    }
  }

  .motion-safe\:group-focus-visible\:scale-\[1\.06\]:is([data-reduce-motion="false"], [data-reduce-motion="false"] *):is(:where(.group):focus-visible *), :is():is(:where(.group):focus-visible *) {
    scale: 1.06;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:group-focus-visible\:scale-\[1\.06\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)):is(:where(.group):focus-visible *), :is():is(:where(.group):focus-visible *) {
      scale: 1.06;
    }
  }

  .motion-reduce\:hidden:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    display: none;
  }

  .motion-reduce\:hidden:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:hidden:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    display: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      display: none;
    }

    .motion-reduce\:hidden:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:hidden:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      display: none;
    }
  }

  .motion-reduce\:w-auto:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    width: auto;
  }

  .motion-reduce\:w-auto:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:w-auto:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    width: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:w-auto:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      width: auto;
    }

    .motion-reduce\:w-auto:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:w-auto:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      width: auto;
    }
  }

  .motion-reduce\:translate-y-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .motion-reduce\:translate-y-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:translate-y-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:translate-y-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:translate-y-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:translate-y-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .motion-reduce\:transform-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transform: none;
  }

  .motion-reduce\:transform-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:transform-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transform-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transform: none;
    }

    .motion-reduce\:transform-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:transform-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transform: none;
    }
  }

  .motion-reduce\:animate-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none;
  }

  .motion-reduce\:animate-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:animate-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none;
    }

    .motion-reduce\:animate-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:animate-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none;
    }
  }

  .motion-reduce\:animate-none\!:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    animation: none !important;
  }

  .motion-reduce\:animate-none\!:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:animate-none\!:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    animation: none !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none\!:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      animation: none !important;
    }

    .motion-reduce\:animate-none\!:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:animate-none\!:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      animation: none !important;
    }
  }

  .motion-reduce\:cursor-default:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    cursor: default;
  }

  .motion-reduce\:cursor-default:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:cursor-default:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    cursor: default;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:cursor-default:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      cursor: default;
    }

    .motion-reduce\:cursor-default:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:cursor-default:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      cursor: default;
    }
  }

  .motion-reduce\:flex-wrap:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    flex-wrap: wrap;
  }

  .motion-reduce\:flex-wrap:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:flex-wrap:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    flex-wrap: wrap;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:flex-wrap:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      flex-wrap: wrap;
    }

    .motion-reduce\:flex-wrap:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:flex-wrap:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      flex-wrap: wrap;
    }
  }

  .motion-reduce\:justify-center:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    justify-content: center;
  }

  .motion-reduce\:justify-center:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:justify-center:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    justify-content: center;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:justify-center:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      justify-content: center;
    }

    .motion-reduce\:justify-center:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:justify-center:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      justify-content: center;
    }
  }

  .motion-reduce\:overflow-visible:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    overflow: visible;
  }

  .motion-reduce\:overflow-visible:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:overflow-visible:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    overflow: visible;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:overflow-visible:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      overflow: visible;
    }

    .motion-reduce\:overflow-visible:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:overflow-visible:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      overflow: visible;
    }
  }

  .motion-reduce\:\[mask-image\:none\]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .motion-reduce\:\[mask-image\:none\]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:\[mask-image\:none\]:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    -webkit-mask-image: none;
    mask-image: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[mask-image\:none\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      -webkit-mask-image: none;
      mask-image: none;
    }

    .motion-reduce\:\[mask-image\:none\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:\[mask-image\:none\]:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      -webkit-mask-image: none;
      mask-image: none;
    }
  }

  .motion-reduce\:px-4:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .motion-reduce\:px-4:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:px-4:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    padding-inline: calc(var(--spacing) * 4);
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:px-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      padding-inline: calc(var(--spacing) * 4);
    }

    .motion-reduce\:px-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:px-4:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  .motion-reduce\:opacity-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    opacity: 1;
  }

  .motion-reduce\:opacity-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:opacity-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:opacity-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      opacity: 1;
    }

    .motion-reduce\:opacity-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:opacity-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      opacity: 1;
    }
  }

  .motion-reduce\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

  .motion-reduce\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    .motion-reduce\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-delay: 0s;
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-delay: 0s;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-delay: 0s;
    }

    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-delay: 0s;
    }
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    --tw-animation-delay: 0s;
    animation-delay: 0s;
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    --tw-animation-delay: 0s;
    animation-delay: 0s;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      --tw-animation-delay: 0s;
      animation-delay: 0s;
    }

    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      --tw-animation-delay: 0s;
      animation-delay: 0s;
    }
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    --tw-animation-delay: 0s;
    animation-delay: 0s;
  }

  .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:delay-0:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    --tw-animation-delay: 0s;
    animation-delay: 0s;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      --tw-animation-delay: 0s;
      animation-delay: 0s;
    }

    .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:delay-0:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      --tw-animation-delay: 0s;
      animation-delay: 0s;
    }
  }

  @media (hover: hover) {
    .motion-reduce\:group-hover\:scale-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):is(:where(.group):hover *), :is():is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    @media (hover: hover) {
      .motion-reduce\:group-hover\:scale-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):is(:where(.group):hover *), :is():is(:where(.group):hover *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (hover: hover) {
    .motion-reduce\:hover\:scale-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):hover, :is():hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    @media (hover: hover) {
      .motion-reduce\:hover\:scale-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):hover, :is():hover {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  .motion-reduce\:active\:scale-100:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):active, :is():active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:active\:scale-100:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):active, :is():active {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-lg\:pointer-events-none {
      pointer-events: none;
    }

    .max-lg\:fixed {
      position: fixed;
    }

    .max-lg\:-translate-y-3 {
      --tw-translate-y: calc(var(--spacing) * -3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-lg\:\!bg-transparent {
      background-color: #0000 !important;
    }

    .max-lg\:bg-background {
      background-color: var(--background);
    }

    .max-lg\:bg-transparent\! {
      background-color: #0000 !important;
    }

    .max-lg\:opacity-0 {
      opacity: 0;
    }

    .max-lg\:\!shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .max-lg\: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);
    }

    .max-lg\:\!backdrop-blur-none {
      --tw-backdrop-blur:    !important;
      -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, ) !important;
      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, ) !important;
    }

    .max-lg\:transition-\[transform\,opacity\] {
      transition-property: transform, opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .max-lg\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .max-lg\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
      --tw-ease: cubic-bezier(.22,1,.36,1);
      transition-timing-function: cubic-bezier(.22, 1, .36, 1);
    }

    .max-lg\:peer-data-\[map-state\=hidden\]\:inline-flex:is(:where(.peer)[data-map-state="hidden"] ~ *) {
      display: inline-flex;
    }

    .max-lg\:data-\[map-state\=hidden\]\:pointer-events-none[data-map-state="hidden"] {
      pointer-events: none;
    }

    .max-lg\:data-\[map-state\=hidden\]\:-translate-y-\[130\%\][data-map-state="hidden"] {
      --tw-translate-y: calc(130% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-lg\:data-\[map-state\=tracking\]\:translate-y-\[var\(--ehq-guide-map-shift\)\][data-map-state="tracking"] {
      --tw-translate-y: var(--ehq-guide-map-shift);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-lg\:data-\[map-state\=tracking\]\:transition-none[data-map-state="tracking"] {
      transition-property: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:sticky {
      position: sticky;
    }

    .max-md\:top-\[max\(env\(safe-area-inset-top\)\,0\.5rem\)\] {
      top: max(env(safe-area-inset-top), .5rem);
    }

    .max-md\:z-20 {
      z-index: 20;
    }

    .max-md\:contents {
      display: contents;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:bg-background\/70 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .max-md\:bg-background\/70 {
        background-color: color-mix(in oklab, var(--background) 70%, transparent);
      }
    }

    .max-md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .max-md\: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, );
    }

    .max-md\:backdrop-saturate-150 {
      --tw-backdrop-saturate: saturate(150%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-sm\:m-0 {
      margin: 0;
    }

    .max-sm\:hidden {
      display: none;
    }

    .max-sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .max-sm\:h-\[100dvh\] {
      height: 100dvh;
    }

    .max-sm\:h-\[calc\(100dvh-13\.5rem\)\] {
      height: calc(100dvh - 13.5rem);
    }

    .max-sm\:max-h-\[100dvh\] {
      max-height: 100dvh;
    }

    .max-sm\:min-h-\[24rem\] {
      min-height: 24rem;
    }

    .max-sm\:min-w-8 {
      min-width: calc(var(--spacing) * 8);
    }

    .max-sm\:min-w-10 {
      min-width: calc(var(--spacing) * 10);
    }

    .max-sm\:\!rounded-none {
      border-radius: 0 !important;
    }

    .max-sm\:rounded-none {
      border-radius: 0;
    }

    .max-sm\:\!border-0 {
      border-style: var(--tw-border-style) !important;
      border-width: 0 !important;
    }

    .max-sm\:border-x-0 {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
    }

    .max-sm\:\!bg-transparent {
      background-color: #0000 !important;
    }

    .max-sm\:\!p-0 {
      padding: 0 !important;
    }

    .max-sm\:p-0 {
      padding: 0;
    }

    .max-sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-sm\:\!pb-4 {
      padding-bottom: calc(var(--spacing) * 4) !important;
    }

    .max-sm\:pb-\[max\(env\(safe-area-inset-bottom\)\,1rem\)\] {
      padding-bottom: max(env(safe-area-inset-bottom), 1rem);
    }

    .max-sm\:\!shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }

  @media (min-width: 360px) {
    .min-\[360px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[360px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[360px\]\:last\:col-span-2:last-child {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 430px) {
    .min-\[430px\]\:inline {
      display: inline;
    }
  }

  @media (min-width: 520px) {
    .min-\[520px\]\:p-0 {
      padding: 0;
    }

    .min-\[520px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .min-\[520px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .min-\[520px\]\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pointer-events-none {
      pointer-events: none;
    }

    .sm\:static {
      position: static;
    }

    .sm\:-inset-x-6 {
      inset-inline: calc(var(--spacing) * -6);
    }

    .sm\:-top-14 {
      top: calc(var(--spacing) * -14);
    }

    .sm\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .sm\:top-5 {
      top: calc(var(--spacing) * 5);
    }

    .sm\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .sm\:top-8 {
      top: calc(var(--spacing) * 8);
    }

    .sm\:top-16 {
      top: calc(var(--spacing) * 16);
    }

    .sm\:top-\[4\.5rem\] {
      top: 4.5rem;
    }

    .sm\:top-\[calc\(4rem\+env\(safe-area-inset-top\,0px\)\)\] {
      top: calc(4rem + env(safe-area-inset-top, 0px));
    }

    .sm\:-right-12 {
      right: calc(var(--spacing) * -12);
    }

    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .sm\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .sm\:right-12 {
      right: calc(var(--spacing) * 12);
    }

    .sm\:right-\[10\%\] {
      right: 10%;
    }

    .sm\:right-auto {
      right: auto;
    }

    .sm\:bottom-3 {
      bottom: calc(var(--spacing) * 3);
    }

    .sm\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }

    .sm\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .sm\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }

    .sm\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .sm\:bottom-36 {
      bottom: calc(var(--spacing) * 36);
    }

    .sm\:bottom-\[56\%\] {
      bottom: 56%;
    }

    .sm\:left-4 {
      left: calc(var(--spacing) * 4);
    }

    .sm\:left-8 {
      left: calc(var(--spacing) * 8);
    }

    .sm\:left-10 {
      left: calc(var(--spacing) * 10);
    }

    .sm\:left-14 {
      left: calc(var(--spacing) * 14);
    }

    .sm\:left-\[8\%\] {
      left: 8%;
    }

    .sm\:left-\[calc\(var\(--aid-table-station-width\)_\+_0\.5rem\)\] {
      left: calc(var(--aid-table-station-width) + .5rem);
    }

    .sm\:left-auto {
      left: auto;
    }

    .sm\:order-1 {
      order: 1;
    }

    .sm\:order-2 {
      order: 2;
    }

    .sm\:order-3 {
      order: 3;
    }

    .sm\:order-4 {
      order: 4;
    }

    .sm\:order-none {
      order: 0;
    }

    .sm\:col-auto {
      grid-column: auto;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-start-1 {
      grid-column-start: 1;
    }

    .sm\:col-start-2 {
      grid-column-start: 2;
    }

    .sm\:col-start-3 {
      grid-column-start: 3;
    }

    .sm\:col-start-4 {
      grid-column-start: 4;
    }

    .sm\:row-auto {
      grid-row: auto;
    }

    .sm\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .sm\:row-start-1 {
      grid-row-start: 1;
    }

    .sm\:m-4 {
      margin: calc(var(--spacing) * 4);
    }

    .sm\:m-6 {
      margin: calc(var(--spacing) * 6);
    }

    .sm\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }

    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .sm\:mx-0 {
      margin-inline: 0;
    }

    .sm\:mx-1 {
      margin-inline: var(--spacing);
    }

    .sm\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }

    .sm\:mx-auto {
      margin-inline: auto;
    }

    .sm\:\!my-6 {
      margin-block: calc(var(--spacing) * 6) !important;
    }

    .sm\:my-0 {
      margin-block: 0;
    }

    .sm\:my-1 {
      margin-block: var(--spacing);
    }

    .sm\:my-6 {
      margin-block: calc(var(--spacing) * 6);
    }

    .sm\:ms-auto {
      margin-inline-start: auto;
    }

    .sm\:mt-0 {
      margin-top: 0;
    }

    .sm\:mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5);
    }

    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .sm\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .sm\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .sm\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .sm\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .sm\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .sm\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }

    .sm\:mt-auto {
      margin-top: auto;
    }

    .sm\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }

    .sm\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }

    .sm\:mr-auto {
      margin-right: auto;
    }

    .sm\:mb-0 {
      margin-bottom: 0;
    }

    .sm\:mb-1\.5 {
      margin-bottom: calc(var(--spacing) * 1.5);
    }

    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .sm\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .sm\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .sm\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .sm\:mb-\[2px\] {
      margin-bottom: 2px;
    }

    .sm\:mb-px {
      margin-bottom: 1px;
    }

    .sm\:-ml-6 {
      margin-left: calc(var(--spacing) * -6);
    }

    .sm\:ml-0 {
      margin-left: 0;
    }

    .sm\:ml-1 {
      margin-left: var(--spacing);
    }

    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }

    .sm\:ml-5 {
      margin-left: calc(var(--spacing) * 5);
    }

    .sm\:ml-10 {
      margin-left: calc(var(--spacing) * 10);
    }

    .sm\:ml-14 {
      margin-left: calc(var(--spacing) * 14);
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .sm\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }

    .sm\:block {
      display: block;
    }

    .sm\:contents {
      display: contents;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:inline-grid {
      display: inline-grid;
    }

    .sm\:table-cell {
      display: table-cell;
    }

    .sm\:table-column {
      display: table-column;
    }

    .sm\:aspect-\[16\/4\] {
      aspect-ratio: 16 / 4;
    }

    .sm\:aspect-\[16\/9\] {
      aspect-ratio: 16 / 9;
    }

    .sm\:aspect-\[21\/8\] {
      aspect-ratio: 21 / 8;
    }

    .sm\:\!size-4 {
      width: calc(var(--spacing) * 4) !important;
      height: calc(var(--spacing) * 4) !important;
    }

    .sm\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .sm\:size-28 {
      width: calc(var(--spacing) * 28);
      height: calc(var(--spacing) * 28);
    }

    .sm\:size-40 {
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40);
    }

    .sm\:\!h-\[min\(820px\,calc\(100svh-2rem\)\)\] {
      height: min(820px, 100svh - 2rem) !important;
    }

    .sm\:\!h-auto {
      height: auto !important;
    }

    .sm\:h-3\.5 {
      height: calc(var(--spacing) * 3.5);
    }

    .sm\:h-4 {
      height: calc(var(--spacing) * 4);
    }

    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .sm\:h-8 {
      height: calc(var(--spacing) * 8);
    }

    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .sm\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }

    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .sm\:h-18 {
      height: calc(var(--spacing) * 18);
    }

    .sm\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .sm\:h-24 {
      height: calc(var(--spacing) * 24);
    }

    .sm\:h-28 {
      height: calc(var(--spacing) * 28);
    }

    .sm\:h-32 {
      height: calc(var(--spacing) * 32);
    }

    .sm\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .sm\:h-40 {
      height: calc(var(--spacing) * 40);
    }

    .sm\:h-44 {
      height: calc(var(--spacing) * 44);
    }

    .sm\:h-48 {
      height: calc(var(--spacing) * 48);
    }

    .sm\:h-56 {
      height: calc(var(--spacing) * 56);
    }

    .sm\:h-64 {
      height: calc(var(--spacing) * 64);
    }

    .sm\:h-72 {
      height: calc(var(--spacing) * 72);
    }

    .sm\:h-80 {
      height: calc(var(--spacing) * 80);
    }

    .sm\:h-96 {
      height: calc(var(--spacing) * 96);
    }

    .sm\:h-\[5\.25rem\] {
      height: 5.25rem;
    }

    .sm\:h-\[18px\] {
      height: 18px;
    }

    .sm\:h-\[19\.5rem\] {
      height: 19.5rem;
    }

    .sm\:h-\[21rem\] {
      height: 21rem;
    }

    .sm\:h-\[23rem\] {
      height: 23rem;
    }

    .sm\:h-\[98dvh\] {
      height: 98dvh;
    }

    .sm\:h-\[180px\] {
      height: 180px;
    }

    .sm\:h-\[380px\] {
      height: 380px;
    }

    .sm\:h-\[440px\] {
      height: 440px;
    }

    .sm\:h-\[560px\] {
      height: 560px;
    }

    .sm\:h-\[600px\] {
      height: 600px;
    }

    .sm\:h-\[640px\] {
      height: 640px;
    }

    .sm\:h-\[760px\] {
      height: 760px;
    }

    .sm\:h-\[calc\(2\.75rem\*var\(--logo-scale\,1\)\)\] {
      height: calc(2.75rem * var(--logo-scale, 1));
    }

    .sm\:h-\[calc\(100dvh-2\.5rem\)\] {
      height: calc(100dvh - 2.5rem);
    }

    .sm\:h-auto {
      height: auto;
    }

    .sm\:h-full {
      height: 100%;
    }

    .sm\:\!max-h-\[90vh\] {
      max-height: 90vh !important;
    }

    .sm\:\!max-h-\[min\(820px\,calc\(100svh-2rem\)\)\] {
      max-height: min(820px, 100svh - 2rem) !important;
    }

    .sm\:max-h-14 {
      max-height: calc(var(--spacing) * 14);
    }

    .sm\:max-h-28 {
      max-height: calc(var(--spacing) * 28);
    }

    .sm\:max-h-80 {
      max-height: calc(var(--spacing) * 80);
    }

    .sm\:max-h-96 {
      max-height: calc(var(--spacing) * 96);
    }

    .sm\:max-h-\[60vh\] {
      max-height: 60vh;
    }

    .sm\:max-h-\[70vh\] {
      max-height: 70vh;
    }

    .sm\:max-h-\[85dvh\] {
      max-height: 85dvh;
    }

    .sm\:max-h-\[85vh\] {
      max-height: 85vh;
    }

    .sm\:max-h-\[90dvh\] {
      max-height: 90dvh;
    }

    .sm\:max-h-\[90vh\] {
      max-height: 90vh;
    }

    .sm\:max-h-\[92vh\] {
      max-height: 92vh;
    }

    .sm\:max-h-\[640px\] {
      max-height: 640px;
    }

    .sm\:max-h-\[calc\(100dvh-2\.5rem\)\] {
      max-height: calc(100dvh - 2.5rem);
    }

    .sm\:max-h-\[calc\(100dvh-12rem\)\] {
      max-height: calc(100dvh - 12rem);
    }

    .sm\:max-h-\[calc\(100vh-5rem\)\] {
      max-height: calc(100vh - 5rem);
    }

    .sm\:max-h-none {
      max-height: none;
    }

    .sm\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }

    .sm\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }

    .sm\:min-h-28 {
      min-height: calc(var(--spacing) * 28);
    }

    .sm\:min-h-32 {
      min-height: calc(var(--spacing) * 32);
    }

    .sm\:min-h-40 {
      min-height: calc(var(--spacing) * 40);
    }

    .sm\:min-h-44 {
      min-height: calc(var(--spacing) * 44);
    }

    .sm\:min-h-52 {
      min-height: calc(var(--spacing) * 52);
    }

    .sm\:min-h-56 {
      min-height: calc(var(--spacing) * 56);
    }

    .sm\:min-h-64 {
      min-height: calc(var(--spacing) * 64);
    }

    .sm\:min-h-72 {
      min-height: calc(var(--spacing) * 72);
    }

    .sm\:min-h-96 {
      min-height: calc(var(--spacing) * 96);
    }

    .sm\:min-h-\[25rem\] {
      min-height: 25rem;
    }

    .sm\:min-h-\[85vh\] {
      min-height: 85vh;
    }

    .sm\:min-h-\[380px\] {
      min-height: 380px;
    }

    .sm\:min-h-\[calc\(100dvh-4rem\)\] {
      min-height: calc(100dvh - 4rem);
    }

    .sm\:min-h-\[calc\(100dvh-9rem\)\] {
      min-height: calc(100dvh - 9rem);
    }

    .sm\:\!w-\[calc\(100vw-5rem\)\] {
      width: calc(100vw - 5rem) !important;
    }

    .sm\:\!w-\[min\(32rem\,90vw\)\] {
      width: min(32rem, 90vw) !important;
    }

    .sm\:\!w-\[min\(440px\,calc\(100vw-4rem\)\)\] {
      width: min(440px, 100vw - 4rem) !important;
    }

    .sm\:\!w-\[min\(580px\,calc\(100vw-4rem\)\)\] {
      width: min(580px, 100vw - 4rem) !important;
    }

    .sm\:\!w-\[min\(720px\,calc\(100vw-4rem\)\)\] {
      width: min(720px, 100vw - 4rem) !important;
    }

    .sm\:\!w-\[min\(1120px\,calc\(100vw-2rem\)\)\] {
      width: min(1120px, 100vw - 2rem) !important;
    }

    .sm\:w-3\.5 {
      width: calc(var(--spacing) * 3.5);
    }

    .sm\:w-3\/4 {
      width: 75%;
    }

    .sm\:w-4 {
      width: calc(var(--spacing) * 4);
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }

    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .sm\:w-8 {
      width: calc(var(--spacing) * 8);
    }

    .sm\:w-9 {
      width: calc(var(--spacing) * 9);
    }

    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }

    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }

    .sm\:w-14 {
      width: calc(var(--spacing) * 14);
    }

    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }

    .sm\:w-18 {
      width: calc(var(--spacing) * 18);
    }

    .sm\:w-20 {
      width: calc(var(--spacing) * 20);
    }

    .sm\:w-24 {
      width: calc(var(--spacing) * 24);
    }

    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }

    .sm\:w-34 {
      width: calc(var(--spacing) * 34);
    }

    .sm\:w-36 {
      width: calc(var(--spacing) * 36);
    }

    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .sm\:w-41 {
      width: calc(var(--spacing) * 41);
    }

    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .sm\:w-55 {
      width: calc(var(--spacing) * 55);
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-70 {
      width: calc(var(--spacing) * 70);
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .sm\:w-\[5\.5rem\] {
      width: 5.5rem;
    }

    .sm\:w-\[7\.5rem\] {
      width: 7.5rem;
    }

    .sm\:w-\[9\.5rem\] {
      width: 9.5rem;
    }

    .sm\:w-\[13\%\] {
      width: 13%;
    }

    .sm\:w-\[16\.25rem\] {
      width: 16.25rem;
    }

    .sm\:w-\[17\%\] {
      width: 17%;
    }

    .sm\:w-\[18px\] {
      width: 18px;
    }

    .sm\:w-\[19\%\] {
      width: 19%;
    }

    .sm\:w-\[20rem\] {
      width: 20rem;
    }

    .sm\:w-\[21\.25rem\] {
      width: 21.25rem;
    }

    .sm\:w-\[24rem\] {
      width: 24rem;
    }

    .sm\:w-\[28rem\] {
      width: 28rem;
    }

    .sm\:w-\[98vw\] {
      width: 98vw;
    }

    .sm\:w-\[120px\] {
      width: 120px;
    }

    .sm\:w-\[140px\] {
      width: 140px;
    }

    .sm\:w-\[150px\] {
      width: 150px;
    }

    .sm\:w-\[170px\] {
      width: 170px;
    }

    .sm\:w-\[180px\] {
      width: 180px;
    }

    .sm\:w-\[200px\] {
      width: 200px;
    }

    .sm\:w-\[220px\] {
      width: 220px;
    }

    .sm\:w-\[240px\] {
      width: 240px;
    }

    .sm\:w-\[260px\] {
      width: 260px;
    }

    .sm\:w-\[300px\] {
      width: 300px;
    }

    .sm\:w-\[340px\] {
      width: 340px;
    }

    .sm\:w-\[360px\] {
      width: 360px;
    }

    .sm\:w-\[calc\(100vw-3rem\)\] {
      width: calc(100vw - 3rem);
    }

    .sm\:w-\[max\(calc\(50\%_-_0\.25rem\)\,min\(18rem\,100\%\)\)\] {
      width: max(50% - .25rem, min(18rem, 100%));
    }

    .sm\:w-\[var\(--aid-table-station-width\)\] {
      width: var(--aid-table-station-width);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-fit {
      width: fit-content;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:\!max-w-4xl {
      max-width: var(--container-4xl) !important;
    }

    .sm\:\!max-w-280 {
      max-width: calc(var(--spacing) * 280) !important;
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .sm\:max-w-28 {
      max-width: calc(var(--spacing) * 28);
    }

    .sm\:max-w-32 {
      max-width: calc(var(--spacing) * 32);
    }

    .sm\:max-w-36 {
      max-width: calc(var(--spacing) * 36);
    }

    .sm\:max-w-40 {
      max-width: calc(var(--spacing) * 40);
    }

    .sm\:max-w-44 {
      max-width: calc(var(--spacing) * 44);
    }

    .sm\:max-w-48 {
      max-width: calc(var(--spacing) * 48);
    }

    .sm\:max-w-52 {
      max-width: calc(var(--spacing) * 52);
    }

    .sm\:max-w-56 {
      max-width: calc(var(--spacing) * 56);
    }

    .sm\:max-w-60 {
      max-width: calc(var(--spacing) * 60);
    }

    .sm\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }

    .sm\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }

    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }

    .sm\:max-w-105 {
      max-width: calc(var(--spacing) * 105);
    }

    .sm\:max-w-\[18rem\] {
      max-width: 18rem;
    }

    .sm\:max-w-\[22rem\] {
      max-width: 22rem;
    }

    .sm\:max-w-\[23rem\] {
      max-width: 23rem;
    }

    .sm\:max-w-\[31rem\] {
      max-width: 31rem;
    }

    .sm\:max-w-\[80\%\] {
      max-width: 80%;
    }

    .sm\:max-w-\[98vw\] {
      max-width: 98vw;
    }

    .sm\:max-w-\[180px\] {
      max-width: 180px;
    }

    .sm\:max-w-\[280px\] {
      max-width: 280px;
    }

    .sm\:max-w-\[440px\] {
      max-width: 440px;
    }

    .sm\:max-w-\[460px\] {
      max-width: 460px;
    }

    .sm\:max-w-\[480px\] {
      max-width: 480px;
    }

    .sm\:max-w-\[calc\(100vw-7rem\)\] {
      max-width: calc(100vw - 7rem);
    }

    .sm\:max-w-\[var\(--aid-table-station-width\)\] {
      max-width: var(--aid-table-station-width);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }

    .sm\:max-w-xs {
      max-width: var(--container-xs);
    }

    .sm\:min-w-0 {
      min-width: 0;
    }

    .sm\:min-w-8 {
      min-width: calc(var(--spacing) * 8);
    }

    .sm\:min-w-9 {
      min-width: calc(var(--spacing) * 9);
    }

    .sm\:min-w-24 {
      min-width: calc(var(--spacing) * 24);
    }

    .sm\:min-w-32 {
      min-width: calc(var(--spacing) * 32);
    }

    .sm\:min-w-36 {
      min-width: calc(var(--spacing) * 36);
    }

    .sm\:min-w-44 {
      min-width: calc(var(--spacing) * 44);
    }

    .sm\:min-w-52 {
      min-width: calc(var(--spacing) * 52);
    }

    .sm\:min-w-60 {
      min-width: calc(var(--spacing) * 60);
    }

    .sm\:min-w-64 {
      min-width: calc(var(--spacing) * 64);
    }

    .sm\:min-w-72 {
      min-width: calc(var(--spacing) * 72);
    }

    .sm\:min-w-80 {
      min-width: calc(var(--spacing) * 80);
    }

    .sm\:min-w-\[4\.5rem\] {
      min-width: 4.5rem;
    }

    .sm\:min-w-\[6rem\] {
      min-width: 6rem;
    }

    .sm\:min-w-\[8rem\] {
      min-width: 8rem;
    }

    .sm\:min-w-\[10rem\] {
      min-width: 10rem;
    }

    .sm\:min-w-\[22\.5rem\] {
      min-width: 22.5rem;
    }

    .sm\:min-w-\[22rem\] {
      min-width: 22rem;
    }

    .sm\:min-w-\[200px\] {
      min-width: 200px;
    }

    .sm\:min-w-\[220px\] {
      min-width: 220px;
    }

    .sm\:min-w-\[880px\] {
      min-width: 880px;
    }

    .sm\:min-w-\[var\(--aid-table-desktop-min-width\)\] {
      min-width: var(--aid-table-desktop-min-width);
    }

    .sm\:min-w-\[var\(--aid-table-station-width\)\] {
      min-width: var(--aid-table-station-width);
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:flex-initial {
      flex: 0 auto;
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }

    .sm\:shrink {
      flex-shrink: 1;
    }

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

    .sm\:basis-0 {
      flex-basis: 0;
    }

    .sm\:basis-64 {
      flex-basis: calc(var(--spacing) * 64);
    }

    .sm\:basis-\[200px\] {
      flex-basis: 200px;
    }

    .sm\:basis-\[240px\] {
      flex-basis: 240px;
    }

    .sm\:basis-\[320px\] {
      flex-basis: 320px;
    }

    .sm\:basis-auto {
      flex-basis: auto;
    }

    .sm\:table-fixed {
      table-layout: fixed;
    }

    .sm\:translate-x-\[1\.5px\] {
      --tw-translate-x: 1.5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .sm\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .sm\:scale-95 {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .sm\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .sm\:rotate-0 {
      rotate: none;
    }

    .sm\:scroll-mt-16 {
      scroll-margin-top: calc(var(--spacing) * 16);
    }

    .sm\:scroll-mt-24 {
      scroll-margin-top: calc(var(--spacing) * 24);
    }

    .sm\:scroll-mt-28 {
      scroll-margin-top: calc(var(--spacing) * 28);
    }

    .sm\:scroll-mt-32 {
      scroll-margin-top: calc(var(--spacing) * 32);
    }

    .sm\:grid-flow-row {
      grid-auto-flow: row;
    }

    .sm\:auto-rows-\[180px\] {
      grid-auto-rows: 180px;
    }

    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .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\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[0\.65fr_1\.35fr\] {
      grid-template-columns: .65fr 1.35fr;
    }

    .sm\:grid-cols-\[1\.5rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[1\.25fr_0\.75fr\] {
      grid-template-columns: 1.25fr .75fr;
    }

    .sm\:grid-cols-\[1fr_0\.7fr\] {
      grid-template-columns: 1fr .7fr;
    }

    .sm\:grid-cols-\[1fr_1fr_100px_110px_auto\] {
      grid-template-columns: 1fr 1fr 100px 110px auto;
    }

    .sm\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }

    .sm\:grid-cols-\[1fr_8rem_9rem_7rem\] {
      grid-template-columns: 1fr 8rem 9rem 7rem;
    }

    .sm\:grid-cols-\[1fr_9rem_8rem\] {
      grid-template-columns: 1fr 9rem 8rem;
    }

    .sm\:grid-cols-\[1fr_9rem_10rem_auto\] {
      grid-template-columns: 1fr 9rem 10rem auto;
    }

    .sm\:grid-cols-\[1fr_12rem_7rem_auto\] {
      grid-template-columns: 1fr 12rem 7rem auto;
    }

    .sm\:grid-cols-\[1fr_13rem\] {
      grid-template-columns: 1fr 13rem;
    }

    .sm\:grid-cols-\[1fr_120px_140px\] {
      grid-template-columns: 1fr 120px 140px;
    }

    .sm\:grid-cols-\[1fr_160px_160px_180px_auto\] {
      grid-template-columns: 1fr 160px 160px 180px auto;
    }

    .sm\:grid-cols-\[1fr_200px\] {
      grid-template-columns: 1fr 200px;
    }

    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .sm\:grid-cols-\[1fr_auto_auto_1fr_auto\] {
      grid-template-columns: 1fr auto auto 1fr auto;
    }

    .sm\:grid-cols-\[1rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 1rem minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }

    .sm\:grid-cols-\[2rem_minmax\(0\,1fr\)_2\.5rem\] {
      grid-template-columns: 2rem minmax(0, 1fr) 2.5rem;
    }

    .sm\:grid-cols-\[3fr_2fr\] {
      grid-template-columns: 3fr 2fr;
    }

    .sm\:grid-cols-\[3rem_1fr_auto_auto\] {
      grid-template-columns: 3rem 1fr auto auto;
    }

    .sm\:grid-cols-\[5rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 5rem minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[6\.5rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[7rem_5rem_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 7rem 5rem minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 7rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)_7rem\] {
      grid-template-columns: 7rem minmax(0, 1fr) 7rem;
    }

    .sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 9rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[9rem_minmax\(0\,1fr\)_9rem_minmax\(0\,1fr\)_2\.25rem\] {
      grid-template-columns: 9rem minmax(0, 1fr) 9rem minmax(0, 1fr) 2.25rem;
    }

    .sm\:grid-cols-\[10rem_1fr\] {
      grid-template-columns: 10rem 1fr;
    }

    .sm\:grid-cols-\[10rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 10rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 13rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[13rem_minmax\(16rem\,24rem\)\] {
      grid-template-columns: 13rem minmax(16rem, 24rem);
    }

    .sm\:grid-cols-\[180px_minmax\(0\,1fr\)\] {
      grid-template-columns: 180px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(10rem\,0\.8fr\)_minmax\(10rem\,0\.8fr\)\] {
      grid-template-columns: auto minmax(0, 1fr) minmax(10rem, .8fr) minmax(10rem, .8fr);
    }

    .sm\:grid-cols-\[max-content_minmax\(0\,1fr\)\] {
      grid-template-columns: max-content minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .sm\:grid-cols-\[minmax\(0\,0\.9fr\)_7rem_minmax\(0\,1\.1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .9fr) 7rem minmax(0, 1.1fr) minmax(0, 1.2fr);
    }

    .sm\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_7rem\] {
      grid-template-columns: minmax(0, 1fr) 7rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_7rem_6rem\] {
      grid-template-columns: minmax(0, 1fr) 7rem 6rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_7rem_7rem\] {
      grid-template-columns: minmax(0, 1fr) 7rem 7rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_7rem_7rem_auto\] {
      grid-template-columns: minmax(0, 1fr) 7rem 7rem auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_8\.75rem\] {
      grid-template-columns: minmax(0, 1fr) 8.75rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_8rem\] {
      grid-template-columns: minmax(0, 1fr) 8rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_8rem_8rem\] {
      grid-template-columns: minmax(0, 1fr) 8rem 8rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_9rem\] {
      grid-template-columns: minmax(0, 1fr) 9rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_9rem_auto\] {
      grid-template-columns: minmax(0, 1fr) 9rem auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_10rem\] {
      grid-template-columns: minmax(0, 1fr) 10rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_11rem\] {
      grid-template-columns: minmax(0, 1fr) 11rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_11rem_auto\] {
      grid-template-columns: minmax(0, 1fr) 11rem auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {
      grid-template-columns: minmax(0, 1fr) 12rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_13rem\] {
      grid-template-columns: minmax(0, 1fr) 13rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_13rem_2\.25rem\] {
      grid-template-columns: minmax(0, 1fr) 13rem 2.25rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_14rem\] {
      grid-template-columns: minmax(0, 1fr) 14rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_15rem\] {
      grid-template-columns: minmax(0, 1fr) 15rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
      grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_72px_72px_72px_112px\] {
      grid-template-columns: minmax(0, 1fr) 72px 72px 72px 112px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_72px_72px_78px_92px\] {
      grid-template-columns: minmax(0, 1fr) 72px 72px 78px 92px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_72px_minmax\(180px\,0\.8fr\)_32px\] {
      grid-template-columns: minmax(0, 1fr) 72px minmax(180px, .8fr) 32px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_88px_88px_72px\] {
      grid-template-columns: minmax(0, 1fr) 88px 88px 72px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_120px\] {
      grid-template-columns: minmax(0, 1fr) 120px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_120px_auto\] {
      grid-template-columns: minmax(0, 1fr) 120px auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_140px\] {
      grid-template-columns: minmax(0, 1fr) 140px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_160px\] {
      grid-template-columns: minmax(0, 1fr) 160px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_160px_auto\] {
      grid-template-columns: minmax(0, 1fr) 160px auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_180px\] {
      grid-template-columns: minmax(0, 1fr) 180px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_220px_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px 220px;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_6rem\] {
      grid-template-columns: minmax(0, 1fr) auto 6rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
      grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(140px\,0\.8fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(140px, .8fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_8rem_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 8rem auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,16rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 16rem);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(6rem\,9rem\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(6rem, 9rem) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(8rem\,12rem\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(8rem, 12rem) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,10rem\)_1fr_minmax\(5\.5rem\,auto\)\] {
      grid-template-columns: minmax(0, 10rem) 1fr minmax(5.5rem, auto);
    }

    .sm\:grid-cols-\[minmax\(0\,11rem\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,22rem\)_auto\] {
      grid-template-columns: minmax(0, 22rem) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,120px\)_minmax\(0\,160px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 120px) minmax(0, 160px) minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(8rem\,12rem\)_minmax\(0\,1fr\)_3\.5rem\] {
      grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr) 3.5rem;
    }

    .sm\:grid-cols-\[minmax\(9rem\,11rem\)_minmax\(8rem\,10rem\)\] {
      grid-template-columns: minmax(9rem, 11rem) minmax(8rem, 10rem);
    }

    .sm\:grid-cols-\[minmax\(9rem\,11rem\)_minmax\(8rem\,10rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(9rem, 11rem) minmax(8rem, 10rem) minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(12rem\,1fr\)_10rem_11rem_auto\] {
      grid-template-columns: minmax(12rem, 1fr) 10rem 11rem auto;
    }

    .sm\:grid-cols-\[minmax\(12rem\,1fr\)_repeat\(3\,5\.5rem\)\] {
      grid-template-columns: minmax(12rem, 1fr) repeat(3, 5.5rem);
    }

    .sm\:grid-cols-\[minmax\(180px\,1fr\)_120px_120px\] {
      grid-template-columns: minmax(180px, 1fr) 120px 120px;
    }

    .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    }

    .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    }

    .sm\:flex-col {
      flex-direction: column;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:\!items-center {
      align-items: center !important;
    }

    .sm\:items-baseline {
      align-items: baseline;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:justify-items-center {
      justify-items: center;
    }

    .sm\:gap-0 {
      gap: 0;
    }

    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .sm\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .sm\:gap-px {
      gap: 1px;
    }

    :where(.sm\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block: 0;
    }

    :where(.sm\: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(.sm\: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(.sm\: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(.sm\: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(.sm\: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)));
    }

    :where(.sm\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-12 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-20 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-x-7 {
      column-gap: calc(var(--spacing) * 7);
    }

    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .sm\:gap-y-5 {
      row-gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .sm\:self-auto {
      align-self: auto;
    }

    .sm\:self-center {
      align-self: center;
    }

    .sm\:self-end {
      align-self: flex-end;
    }

    .sm\:self-start {
      align-self: flex-start;
    }

    .sm\:justify-self-auto {
      justify-self: auto;
    }

    .sm\:justify-self-end {
      justify-self: flex-end;
    }

    .sm\:justify-self-start {
      justify-self: flex-start;
    }

    .sm\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .sm\:overflow-visible {
      overflow: visible;
    }

    .sm\:overflow-y-auto {
      overflow-y: auto;
    }

    .sm\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .sm\:\!rounded-2xl {
      border-radius: calc(var(--radius) * 2) !important;
    }

    .sm\:rounded-2xl {
      border-radius: calc(var(--radius) * 2);
    }

    .sm\:rounded-3xl {
      border-radius: calc(var(--radius) * 3);
    }

    .sm\:rounded-xl {
      border-radius: calc(var(--radius) + 4px);
    }

    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .sm\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .sm\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sm\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .sm\:border-border, .sm\:border-divider {
      border-color: var(--border);
    }

    .sm\:bg-transparent {
      background-color: #0000;
    }

    .sm\:\[mask-image\:linear-gradient\(to_right\,transparent\,black_4rem\,black_calc\(100\%-4rem\)\,transparent\)\] {
      -webkit-mask-image: linear-gradient(to right, #0000, #000 4rem calc(100% - 4rem), #0000);
      mask-image: linear-gradient(to right, #0000, #000 4rem calc(100% - 4rem), #0000);
    }

    .sm\:object-contain {
      object-fit: contain;
    }

    .sm\:p-0 {
      padding: 0;
    }

    .sm\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }

    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .sm\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .sm\:px-0 {
      padding-inline: 0;
    }

    .sm\:px-1 {
      padding-inline: var(--spacing);
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .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-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .sm\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

    .sm\:py-0 {
      padding-block: 0;
    }

    .sm\:py-1 {
      padding-block: var(--spacing);
    }

    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:py-9 {
      padding-block: calc(var(--spacing) * 9);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .sm\:py-18 {
      padding-block: calc(var(--spacing) * 18);
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .sm\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .sm\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .sm\:pe-12 {
      padding-inline-end: calc(var(--spacing) * 12);
    }

    .sm\:pt-0 {
      padding-top: 0;
    }

    .sm\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .sm\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .sm\:pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }

    .sm\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .sm\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .sm\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .sm\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .sm\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .sm\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .sm\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .sm\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .sm\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .sm\:pt-\[14vh\] {
      padding-top: 14vh;
    }

    .sm\:pt-\[calc\(var\(--ehq-cin-nav-h\,3\.5rem\)\+2rem\)\] {
      padding-top: calc(var(--ehq-cin-nav-h, 3.5rem) + 2rem);
    }

    .sm\:pt-\[calc\(var\(--ehq-cin-nav-h\,4rem\)\+1\.25rem\)\] {
      padding-top: calc(var(--ehq-cin-nav-h, 4rem) + 1.25rem);
    }

    .sm\:pr-0 {
      padding-right: 0;
    }

    .sm\:pr-1 {
      padding-right: var(--spacing);
    }

    .sm\:pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }

    .sm\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .sm\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .sm\:pr-10 {
      padding-right: calc(var(--spacing) * 10);
    }

    .sm\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }

    .sm\:pr-14 {
      padding-right: calc(var(--spacing) * 14);
    }

    .sm\:pb-0 {
      padding-bottom: 0;
    }

    .sm\:pb-1 {
      padding-bottom: var(--spacing);
    }

    .sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }

    .sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }

    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .sm\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }

    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .sm\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .sm\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .sm\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .sm\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .sm\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .sm\:pl-0 {
      padding-left: 0;
    }

    .sm\:pl-2 {
      padding-left: calc(var(--spacing) * 2);
    }

    .sm\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .sm\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }

    .sm\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }

    .sm\:pl-\[4\.5rem\] {
      padding-left: 4.5rem;
    }

    .sm\:pl-\[5\.5rem\] {
      padding-left: 5.5rem;
    }

    .sm\:pl-\[340px\] {
      padding-left: 340px;
    }

    .sm\:text-center {
      text-align: center;
    }

    .sm\:text-end {
      text-align: end;
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-right {
      text-align: right;
    }

    .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-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .sm\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .sm\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--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));
    }

    .sm\:text-\[2\.5rem\] {
      font-size: 2.5rem;
    }

    .sm\:text-\[5\.5rem\] {
      font-size: 5.5rem;
    }

    .sm\:text-\[9px\] {
      font-size: 9px;
    }

    .sm\:text-\[10px\] {
      font-size: 10px;
    }

    .sm\:text-\[11px\] {
      font-size: 11px;
    }

    .sm\:text-\[13px\] {
      font-size: 13px;
    }

    .sm\:text-\[15px\] {
      font-size: 15px;
    }

    .sm\:leading-normal {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }

    .sm\:leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }

    .sm\:tracking-\[0\.2em\] {
      --tw-tracking: .2em;
      letter-spacing: .2em;
    }

    .sm\:tracking-\[0\.15em\] {
      --tw-tracking: .15em;
      letter-spacing: .15em;
    }

    .sm\:tracking-wider {
      --tw-tracking: var(--tracking-wider);
      letter-spacing: var(--tracking-wider);
    }

    .sm\:whitespace-nowrap {
      white-space: nowrap;
    }

    .sm\:opacity-0 {
      opacity: 0;
    }

    .sm\: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);
    }

    .sm\:ring-border, .sm\:ring-border\/50 {
      --tw-ring-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sm\:ring-border\/50 {
        --tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }

    .sm\:backdrop-blur-none {
      --tw-backdrop-blur:  ;
      -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, );
    }

    .sm\: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));
    }

    .sm\:\[--fitted-logo-height\:3\.25rem\] {
      --fitted-logo-height: 3.25rem;
    }

    .sm\:\[--fitted-logo-height\:5rem\] {
      --fitted-logo-height: 5rem;
    }

    .sm\:\[--fitted-logo-max-width\:11\.25rem\] {
      --fitted-logo-max-width: 11.25rem;
    }

    .sm\:\[--fitted-logo-max-width\:20rem\] {
      --fitted-logo-max-width: 20rem;
    }

    .sm\:\[--navbar-height\:4rem\]\! {
      --navbar-height: 4rem !important;
    }

    :is(.sm\:\*\:h-8 > *) {
      height: calc(var(--spacing) * 8);
    }

    :is(.sm\:\*\:px-3 > *) {
      padding-inline: calc(var(--spacing) * 3);
    }

    :is(.sm\:\*\:text-sm > *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }

    .sm\:group-focus-within\/location\:pointer-events-auto:is(:where(.group\/location):focus-within *) {
      pointer-events: auto;
    }

    .sm\:group-focus-within\/location\:opacity-100:is(:where(.group\/location):focus-within *) {
      opacity: 1;
    }

    .sm\:group-focus-within\/vol\:flex:is(:where(.group\/vol):focus-within *) {
      display: flex;
    }

    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }

      .sm\:group-hover\/location\:pointer-events-auto:is(:where(.group\/location):hover *) {
        pointer-events: auto;
      }

      .sm\:group-hover\/location\:opacity-100:is(:where(.group\/location):hover *), .sm\:group-hover\/title\:opacity-100:is(:where(.group\/title):hover *), .sm\:group-hover\/upload\:opacity-100:is(:where(.group\/upload):hover *) {
        opacity: 1;
      }

      .sm\:group-hover\/vol\:flex:is(:where(.group\/vol):hover *) {
        display: flex;
      }
    }

    .sm\:group-focus-visible\/title\:opacity-100:is(:where(.group\/title):focus-visible *) {
      opacity: 1;
    }

    .sm\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }

    .sm\:focus-visible\:opacity-100:focus-visible {
      opacity: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }

    .md\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }

    .md\:static {
      position: static;
    }

    .md\:sticky {
      position: sticky;
    }

    .md\:inset-0 {
      inset: 0;
    }

    .md\:inset-x-auto {
      inset-inline: auto;
    }

    .md\:top-0 {
      top: 0;
    }

    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .md\:top-\[5\.25rem\] {
      top: 5.25rem;
    }

    .md\:top-\[calc\(var\(--ehq-offline-banner-h\,0px\)\+var\(--ehq-cin-nav-h\,0px\)\+var\(--ehq-race-day-banner-stack-h\,0px\)\+0\.5rem\)\] {
      top: calc(var(--ehq-offline-banner-h, 0px) + var(--ehq-cin-nav-h, 0px) + var(--ehq-race-day-banner-stack-h, 0px) + .5rem);
    }

    .md\:top-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\] {
      top: max(.75rem, env(safe-area-inset-top));
    }

    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .md\:right-8 {
      right: calc(var(--spacing) * 8);
    }

    .md\:right-auto {
      right: auto;
    }

    .md\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }

    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .md\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .md\:bottom-\[54\%\] {
      bottom: 54%;
    }

    .md\:left-0 {
      left: 0;
    }

    .md\:left-1\/2 {
      left: 50%;
    }

    .md\:left-16 {
      left: calc(var(--spacing) * 16);
    }

    .md\:left-20 {
      left: calc(var(--spacing) * 20);
    }

    .md\:z-10 {
      z-index: 10;
    }

    .md\:z-40 {
      z-index: 40;
    }

    .md\:z-\[70\] {
      z-index: 70;
    }

    .md\:z-auto {
      z-index: auto;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-start-1 {
      grid-column-start: 1;
    }

    .md\:col-start-2 {
      grid-column-start: 2;
    }

    .md\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .md\:mx-0 {
      margin-inline: 0;
    }

    .md\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:mt-0 {
      margin-top: 0;
    }

    .md\:mt-1 {
      margin-top: var(--spacing);
    }

    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .md\:mt-28 {
      margin-top: calc(var(--spacing) * 28);
    }

    .md\:mr-auto {
      margin-right: auto;
    }

    .md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .md\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .md\:ml-0 {
      margin-left: 0;
    }

    .md\:ml-auto {
      margin-left: auto;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:hidden\! {
      display: none !important;
    }

    .md\:inline {
      display: inline;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:table-cell {
      display: table-cell;
    }

    .md\:aspect-\[18\/7\] {
      aspect-ratio: 18 / 7;
    }

    .md\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }

    .md\:\!h-full {
      height: 100% !important;
    }

    .md\:h-4 {
      height: calc(var(--spacing) * 4);
    }

    .md\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .md\:h-14 {
      height: calc(var(--spacing) * 14);
    }

    .md\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }

    .md\:h-28 {
      height: calc(var(--spacing) * 28);
    }

    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }

    .md\:h-44 {
      height: calc(var(--spacing) * 44);
    }

    .md\:h-48 {
      height: calc(var(--spacing) * 48);
    }

    .md\:h-60 {
      height: calc(var(--spacing) * 60);
    }

    .md\:h-\[5\.5rem\] {
      height: 5.5rem;
    }

    .md\:h-\[28rem\] {
      height: 28rem;
    }

    .md\:h-\[480px\] {
      height: 480px;
    }

    .md\:h-\[calc\(100dvh-7rem\)\] {
      height: calc(100dvh - 7rem);
    }

    .md\:h-\[calc\(100dvh-var\(--workspace-top\,7\.5rem\)-1\.5rem\)\] {
      height: calc(100dvh - var(--workspace-top, 7.5rem) - 1.5rem);
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:h-screen {
      height: 100vh;
    }

    .md\:max-h-\[52svh\] {
      max-height: 52svh;
    }

    .md\:max-h-\[calc\(100dvh-7rem\)\] {
      max-height: calc(100dvh - 7rem);
    }

    .md\:max-h-\[calc\(100dvh-10rem\)\] {
      max-height: calc(100dvh - 10rem);
    }

    .md\:max-h-\[calc\(100dvh-15rem\)\] {
      max-height: calc(100dvh - 15rem);
    }

    .md\:max-h-\[calc\(100dvh-96px\)\] {
      max-height: calc(100dvh - 96px);
    }

    .md\:max-h-none {
      max-height: none;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }

    .md\:min-h-\[22rem\] {
      min-height: 22rem;
    }

    .md\:min-h-\[34rem\] {
      min-height: 34rem;
    }

    .md\:min-h-\[calc\(100dvh-5rem\)\] {
      min-height: calc(100dvh - 5rem);
    }

    .md\:min-h-\[calc\(100svh-var\(--ehq-offline-banner-h\,0px\)\)\] {
      min-height: calc(100svh - var(--ehq-offline-banner-h, 0px));
    }

    .md\:w-16 {
      width: calc(var(--spacing) * 16);
    }

    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }

    .md\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .md\:w-85 {
      width: calc(var(--spacing) * 85);
    }

    .md\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .md\:w-\[8\.5rem\] {
      width: 8.5rem;
    }

    .md\:w-\[10\.5rem\] {
      width: 10.5rem;
    }

    .md\:w-\[42rem\] {
      width: 42rem;
    }

    .md\:w-\[140px\] {
      width: 140px;
    }

    .md\:w-\[150px\] {
      width: 150px;
    }

    .md\:w-\[160px\] {
      width: 160px;
    }

    .md\:w-\[180px\] {
      width: 180px;
    }

    .md\:w-\[190px\] {
      width: 190px;
    }

    .md\:w-\[220px\] {
      width: 220px;
    }

    .md\:w-\[240px\] {
      width: 240px;
    }

    .md\:w-\[260px\] {
      width: 260px;
    }

    .md\:w-\[280px\] {
      width: 280px;
    }

    .md\:w-\[320px\] {
      width: 320px;
    }

    .md\:w-\[340px\] {
      width: 340px;
    }

    .md\:w-\[420px\] {
      width: 420px;
    }

    .md\:w-\[min\(46rem\,calc\(100\%-1\.5rem\)\)\] {
      width: min(46rem, 100% - 1.5rem);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .md\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }

    .md\:max-w-\[11rem\] {
      max-width: 11rem;
    }

    .md\:max-w-\[35rem\] {
      max-width: 35rem;
    }

    .md\:max-w-\[70\%\] {
      max-width: 70%;
    }

    .md\:max-w-\[220px\] {
      max-width: 220px;
    }

    .md\:max-w-\[260px\] {
      max-width: 260px;
    }

    .md\:max-w-\[380px\] {
      max-width: 380px;
    }

    .md\:max-w-\[720px\] {
      max-width: 720px;
    }

    .md\:max-w-\[800px\] {
      max-width: 800px;
    }

    .md\:max-w-\[calc\(100\%-1\.5rem\)\] {
      max-width: calc(100% - 1.5rem);
    }

    .md\:max-w-md {
      max-width: var(--container-md);
    }

    .md\:max-w-sm {
      max-width: var(--container-sm);
    }

    .md\:min-w-0 {
      min-width: 0;
    }

    .md\:min-w-\[6rem\] {
      min-width: 6rem;
    }

    .md\:min-w-\[7rem\] {
      min-width: 7rem;
    }

    .md\:min-w-\[220px\] {
      min-width: 220px;
    }

    .md\:min-w-\[260px\] {
      min-width: 260px;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:shrink-0 {
      flex-shrink: 0;
    }

    .md\:basis-\[240px\] {
      flex-basis: 240px;
    }

    .md\:basis-\[300px\] {
      flex-basis: 300px;
    }

    .md\:basis-\[380px\] {
      flex-basis: 380px;
    }

    .md\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:transform-none {
      transform: none;
    }

    .md\:resize {
      resize: both;
    }

    .md\:resize-y {
      resize: vertical;
    }

    .md\:auto-rows-\[200px\] {
      grid-auto-rows: 200px;
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .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\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1\.4fr_1fr_\.9fr_\.9fr_\.9fr_\.8fr\] {
      grid-template-columns: 1.4fr 1fr .9fr .9fr .9fr .8fr;
    }

    .md\:grid-cols-\[1\.6fr_1fr_\.9fr_\.9fr_\.9fr_\.8fr_2rem\] {
      grid-template-columns: 1.6fr 1fr .9fr .9fr .9fr .8fr 2rem;
    }

    .md\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }

    .md\:grid-cols-\[8\.5rem_minmax\(0\,0\.9fr\)_minmax\(0\,1\.4fr\)\] {
      grid-template-columns: 8.5rem minmax(0, .9fr) minmax(0, 1.4fr);
    }

    .md\:grid-cols-\[9rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 9rem minmax(0, 1fr);
    }

    .md\:grid-cols-\[11rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 11rem minmax(0, 1fr);
    }

    .md\:grid-cols-\[11rem_minmax\(19rem\,24rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: 11rem minmax(19rem, 24rem) minmax(0, 1fr);
    }

    .md\:grid-cols-\[72px_minmax\(0\,1fr\)_minmax\(0\,1\.6fr\)_90px\] {
      grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.6fr) 90px;
    }

    .md\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,1\.4fr\)_auto\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.4fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\] {
      grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    }

    .md\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.5fr\)_5rem_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr) 5rem minmax(0, .8fr);
    }

    .md\:grid-cols-\[minmax\(0\,1\.5fr\)_1fr_1fr_auto\] {
      grid-template-columns: minmax(0, 1.5fr) 1fr 1fr auto;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_8\.5rem\] {
      grid-template-columns: minmax(0, 1fr) 8.5rem;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_9rem_9rem_7rem\] {
      grid-template-columns: minmax(0, 1fr) 9rem 9rem 7rem;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {
      grid-template-columns: minmax(0, 1fr) 12rem;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_160px_170px_170px\] {
      grid-template-columns: minmax(0, 1fr) 160px 170px 170px;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(240px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(240px, .75fr);
    }

    .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(11rem\,1fr\)_minmax\(14rem\,1\.25fr\)_7rem_9\.5rem\] {
      grid-template-columns: minmax(11rem, 1fr) minmax(14rem, 1.25fr) 7rem 9.5rem;
    }

    .md\:grid-cols-\[minmax\(12rem\,0\.7fr\)_minmax\(0\,1\.3fr\)\] {
      grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr);
    }

    .md\:grid-cols-\[minmax\(12rem\,16rem\)_1fr\] {
      grid-template-columns: minmax(12rem, 16rem) 1fr;
    }

    .md\:grid-cols-\[minmax\(14rem\,19rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(14rem, 19rem) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(15rem\,1\.5fr\)_repeat\(3\,minmax\(9rem\,1fr\)\)\] {
      grid-template-columns: minmax(15rem, 1.5fr) repeat(3, minmax(9rem, 1fr));
    }

    .md\:grid-cols-\[minmax\(16rem\,0\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.28fr);
    }

    .md\:grid-cols-\[minmax\(17rem\,22rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(19rem\,24rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(19rem, 24rem) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(280px\,340px\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(280px, 340px) minmax(0, 2fr);
    }

    .md\:grid-rows-\[0fr\] {
      grid-template-rows: 0fr;
    }

    .md\:grid-rows-\[1fr\] {
      grid-template-rows: 1fr;
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:gap-0 {
      gap: 0;
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    :where(.md\:space-y-24 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }

    .md\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .md\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }

    .md\:self-start {
      align-self: flex-start;
    }

    .md\:justify-self-end {
      justify-self: flex-end;
    }

    .md\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .md\:overflow-hidden {
      overflow: hidden;
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:\!overflow-y-auto {
      overflow-y: auto !important;
    }

    .md\:overflow-y-auto {
      overflow-y: auto;
    }

    .md\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .md\:rounded-2xl {
      border-radius: calc(var(--radius) * 2);
    }

    .md\:rounded-md {
      border-radius: calc(var(--radius) - 2px);
    }

    .md\:rounded-none {
      border-radius: 0;
    }

    .md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .md\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }

    .md\:border-divider {
      border-color: var(--border);
    }

    .md\:bg-surface {
      background-color: var(--surface);
    }

    .md\:bg-transparent {
      background-color: #0000;
    }

    .md\:\[background-attachment\:fixed\] {
      background-attachment: fixed;
    }

    .md\:p-0 {
      padding: 0;
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:px-0 {
      padding-inline: 0;
    }

    .md\:px-1 {
      padding-inline: var(--spacing);
    }

    .md\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .md\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

    .md\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .md\:py-40 {
      padding-block: calc(var(--spacing) * 40);
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .md\:pt-40 {
      padding-top: calc(var(--spacing) * 40);
    }

    .md\:pt-\[var\(--ehq-offline-banner-h\,0px\)\] {
      padding-top: var(--ehq-offline-banner-h, 0px);
    }

    .md\:pr-0 {
      padding-right: 0;
    }

    .md\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .md\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .md\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }

    .md\:pb-0 {
      padding-bottom: 0;
    }

    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }

    .md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .md\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .md\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .md\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }

    .md\:pl-0 {
      padding-left: 0;
    }

    .md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }

    .md\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-right {
      text-align: right;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .md\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .md\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .md\:text-\[2\.75rem\] {
      font-size: 2.75rem;
    }

    .md\:text-\[10rem\] {
      font-size: 10rem;
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:opacity-60 {
      opacity: .6;
    }

    .md\:opacity-100 {
      opacity: 1;
    }

    .md\: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);
    }

    .md\:saturate-50 {
      --tw-saturate: saturate(50%);
      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, );
    }

    .md\:transition-\[grid-template-rows\,opacity\,margin-top\] {
      transition-property: grid-template-rows, opacity, margin-top;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .md\: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));
    }

    .md\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .md\:ease-out {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }

    .md\:\[--ehq-participant-utility-sticky-h\:0px\] {
      --ehq-participant-utility-sticky-h: 0px;
    }

    .md\:group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
      pointer-events: auto;
    }

    .md\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }

    .md\:group-focus-within\/event-row\:pointer-events-auto:is(:where(.group\/event-row):focus-within *) {
      pointer-events: auto;
    }

    .md\:group-focus-within\/event-row\:opacity-100:is(:where(.group\/event-row):focus-within *) {
      opacity: 1;
    }

    .md\:group-focus-within\/message\:pointer-events-auto:is(:where(.group\/message):focus-within *) {
      pointer-events: auto;
    }

    .md\:group-focus-within\/message\:opacity-100:is(:where(.group\/message):focus-within *) {
      opacity: 1;
    }

    @media (hover: hover) {
      .md\:group-hover\:pointer-events-auto:is(:where(.group):hover *) {
        pointer-events: auto;
      }

      .md\:group-hover\:opacity-80:is(:where(.group):hover *) {
        opacity: .8;
      }

      .md\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }

      .md\:group-hover\/event-row\:pointer-events-auto:is(:where(.group\/event-row):hover *) {
        pointer-events: auto;
      }

      .md\:group-hover\/event-row\:opacity-100:is(:where(.group\/event-row):hover *) {
        opacity: 1;
      }

      .md\:group-hover\/message\:pointer-events-auto:is(:where(.group\/message):hover *) {
        pointer-events: auto;
      }

      .md\:group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
        opacity: 1;
      }
    }

    .md\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }

    .md\:before\:inset-y-0:before {
      content: var(--tw-content);
      inset-block: 0;
    }

    .md\:before\:left-1\/2:before {
      content: var(--tw-content);
      left: 50%;
    }

    .md\:before\:w-px:before {
      content: var(--tw-content);
      width: 1px;
    }

    .md\:before\:bg-separator:before {
      content: var(--tw-content);
      background-color: var(--separator);
    }

    .md\:after\:block:after {
      content: var(--tw-content);
      display: block;
    }

    .md\:last\:col-span-1:last-child {
      grid-column: span 1 / span 1;
    }

    .md\:focus-within\:pointer-events-auto:focus-within {
      pointer-events: auto;
    }

    .md\:focus-within\:opacity-100:focus-within, .md\:focus-visible\:opacity-100:focus-visible {
      opacity: 1;
    }

    .motion-reduce\:md\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *), .motion-reduce\:md\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, .motion-reduce\:md\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
      transition-property: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    @media (min-width: 48rem) {
      .motion-reduce\:md\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)), .motion-reduce\:md\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, .motion-reduce\:md\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
        transition-property: none;
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute;
    }

    .lg\:static {
      position: static;
    }

    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-0 {
      top: 0;
    }

    .lg\:top-1 {
      top: var(--spacing);
    }

    .lg\:top-3\.5 {
      top: calc(var(--spacing) * 3.5);
    }

    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .lg\:top-16 {
      top: calc(var(--spacing) * 16);
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .lg\:right-3 {
      right: calc(var(--spacing) * 3);
    }

    .lg\:right-3\.5 {
      right: calc(var(--spacing) * 3.5);
    }

    .lg\:right-\[23rem\] {
      right: 23rem;
    }

    .lg\:right-\[24rem\] {
      right: 24rem;
    }

    .lg\:bottom-3 {
      bottom: calc(var(--spacing) * 3);
    }

    .lg\:left-24 {
      left: calc(var(--spacing) * 24);
    }

    .lg\:z-20 {
      z-index: 20;
    }

    .lg\:z-40 {
      z-index: 40;
    }

    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:order-none {
      order: 0;
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-start-1 {
      grid-column-start: 1;
    }

    .lg\:col-start-2 {
      grid-column-start: 2;
    }

    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .lg\:row-start-1 {
      grid-row-start: 1;
    }

    .lg\:row-start-2 {
      grid-row-start: 2;
    }

    .lg\:row-start-3 {
      grid-row-start: 3;
    }

    .lg\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }

    .lg\:mx-4 {
      margin-inline: calc(var(--spacing) * 4);
    }

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:mt-1 {
      margin-top: var(--spacing);
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mb-0 {
      margin-bottom: 0;
    }

    .lg\:ml-1 {
      margin-left: var(--spacing);
    }

    .lg\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }

    .lg\:ml-auto {
      margin-left: auto;
    }

    .lg\:block {
      display: block;
    }

    .lg\:contents {
      display: contents;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:inline-flex {
      display: inline-flex;
    }

    .lg\:table-cell {
      display: table-cell;
    }

    .lg\:size-44 {
      width: calc(var(--spacing) * 44);
      height: calc(var(--spacing) * 44);
    }

    .lg\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .lg\:h-24 {
      height: calc(var(--spacing) * 24);
    }

    .lg\:h-32 {
      height: calc(var(--spacing) * 32);
    }

    .lg\:h-64 {
      height: calc(var(--spacing) * 64);
    }

    .lg\:h-80 {
      height: calc(var(--spacing) * 80);
    }

    .lg\:h-96 {
      height: calc(var(--spacing) * 96);
    }

    .lg\:h-\[200px\] {
      height: 200px;
    }

    .lg\:h-\[520px\] {
      height: 520px;
    }

    .lg\:h-\[calc\(100vh-4rem\)\] {
      height: calc(100vh - 4rem);
    }

    .lg\:h-\[min\(420px\,calc\(100svh-12rem\)\)\] {
      height: min(420px, 100svh - 12rem);
    }

    .lg\:h-\[var\(--task-workspace-height\)\] {
      height: var(--task-workspace-height);
    }

    .lg\:h-auto {
      height: auto;
    }

    .lg\:h-full {
      height: 100%;
    }

    .lg\:max-h-\[320px\] {
      max-height: 320px;
    }

    .lg\:max-h-\[calc\(100dvh-18rem\)\] {
      max-height: calc(100dvh - 18rem);
    }

    .lg\:max-h-\[calc\(100vh-8rem\)\] {
      max-height: calc(100vh - 8rem);
    }

    .lg\:min-h-0 {
      min-height: 0;
    }

    .lg\:min-h-\[260px\] {
      min-height: 260px;
    }

    .lg\:min-h-\[300px\] {
      min-height: 300px;
    }

    .lg\:min-h-\[440px\] {
      min-height: 440px;
    }

    .lg\:w-1\/2 {
      width: 50%;
    }

    .lg\:w-10 {
      width: calc(var(--spacing) * 10);
    }

    .lg\:w-24 {
      width: calc(var(--spacing) * 24);
    }

    .lg\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .lg\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .lg\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .lg\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .lg\:w-95 {
      width: calc(var(--spacing) * 95);
    }

    .lg\:w-\[22rem\] {
      width: 22rem;
    }

    .lg\:w-\[28\%\] {
      width: 28%;
    }

    .lg\:w-\[220px\] {
      width: 220px;
    }

    .lg\:w-\[300px\] {
      width: 300px;
    }

    .lg\:w-\[380px\] {
      width: 380px;
    }

    .lg\:w-\[400px\] {
      width: 400px;
    }

    .lg\:w-\[460px\] {
      width: 460px;
    }

    .lg\:w-\[min\(27vw\,330px\)\] {
      width: min(27vw, 330px);
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:w-full {
      width: 100%;
    }

    .lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .lg\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .lg\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }

    .lg\:max-w-\[300px\] {
      max-width: 300px;
    }

    .lg\:max-w-\[440px\] {
      max-width: 440px;
    }

    .lg\:max-w-\[calc\(100\%-1\.5rem\)\] {
      max-width: calc(100% - 1.5rem);
    }

    .lg\:max-w-none {
      max-width: none;
    }

    .lg\:max-w-sm {
      max-width: var(--container-sm);
    }

    .lg\:max-w-xs {
      max-width: var(--container-xs);
    }

    .lg\:min-w-0 {
      min-width: 0;
    }

    .lg\:min-w-52 {
      min-width: calc(var(--spacing) * 52);
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:shrink-0 {
      flex-shrink: 0;
    }

    .lg\:basis-auto {
      flex-basis: auto;
    }

    .lg\:resize-none {
      resize: none;
    }

    .lg\:\[grid-template-columns\:var\(--profile-grid-cols\)\] {
      grid-template-columns: var(--profile-grid-cols);
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[0fr_1fr\] {
      grid-template-columns: 0fr 1fr;
    }

    .lg\:grid-cols-\[1\.2fr_1fr\] {
      grid-template-columns: 1.2fr 1fr;
    }

    .lg\:grid-cols-\[1fr_0fr\] {
      grid-template-columns: 1fr 0fr;
    }

    .lg\:grid-cols-\[1fr_340px\] {
      grid-template-columns: 1fr 340px;
    }

    .lg\:grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[5\.75rem_5\.75rem_minmax\(14rem\,1fr\)_8rem_minmax\(11rem\,0\.85fr\)_3rem\] {
      grid-template-columns: 5.75rem 5.75rem minmax(14rem, 1fr) 8rem minmax(11rem, .85fr) 3rem;
    }

    .lg\:grid-cols-\[5\.75rem_5\.75rem_minmax\(16rem\,1fr\)_minmax\(12rem\,0\.9fr\)_3rem\] {
      grid-template-columns: 5.75rem 5.75rem minmax(16rem, 1fr) minmax(12rem, .9fr) 3rem;
    }

    .lg\:grid-cols-\[7rem_minmax\(12rem\,1fr\)_9rem_5rem_6rem_2rem\] {
      grid-template-columns: 7rem minmax(12rem, 1fr) 9rem 5rem 6rem 2rem;
    }

    .lg\:grid-cols-\[11rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 11rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 14rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 15rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[180px_minmax\(0\,1fr\)\] {
      grid-template-columns: 180px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[260px_1fr\] {
      grid-template-columns: 260px 1fr;
    }

    .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
      grid-template-columns: 280px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[auto_1fr_auto\] {
      grid-template-columns: auto 1fr auto;
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(24rem\,1\.1fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(24rem, 1.1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(28rem\,1\.1fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(28rem, 1.1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.82fr\)_minmax\(0\,1\.18fr\)\] {
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.4fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(280px\,0\.7fr\)\] {
      grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(15rem\,0\.8fr\)_auto\] {
      grid-template-columns: minmax(0, 1.4fr) minmax(15rem, .8fr) auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(320px\,0\.95fr\)\] {
      grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(280px\,0\.5fr\)\] {
      grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(19rem\,0\.8fr\)\] {
      grid-template-columns: minmax(0, 1.6fr) minmax(19rem, .8fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(18rem\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(340px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(300px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(320px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(15rem\,1fr\)\] {
      grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_11rem\] {
      grid-template-columns: minmax(0, 1fr) 11rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_12\.5rem\] {
      grid-template-columns: minmax(0, 1fr) 12.5rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_12rem_5\.5rem\] {
      grid-template-columns: minmax(0, 1fr) 12rem 5.5rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_12rem_8rem\] {
      grid-template-columns: minmax(0, 1fr) 12rem 8rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
      grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_19rem\] {
      grid-template-columns: minmax(0, 1fr) 19rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0, 1fr) 22rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_180px\] {
      grid-template-columns: minmax(0, 1fr) 180px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
      grid-template-columns: minmax(0, 1fr) 240px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
      grid-template-columns: minmax(0, 1fr) 280px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.9fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(22rem, .9fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,360px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,480px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(380px\,540px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(380px, 540px);
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(18rem\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(320px\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(18rem\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(18rem, 2fr);
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(340px\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr);
    }

    .lg\:grid-cols-\[minmax\(0\,220px\)_minmax\(0\,220px\)_auto\] {
      grid-template-columns: minmax(0, 220px) minmax(0, 220px) auto;
    }

    .lg\:grid-cols-\[minmax\(7\.5rem\,9rem\)_minmax\(11rem\,1fr\)_minmax\(4\.5rem\,5\.5rem\)_minmax\(9rem\,1fr\)_auto\] {
      grid-template-columns: minmax(7.5rem, 9rem) minmax(11rem, 1fr) minmax(4.5rem, 5.5rem) minmax(9rem, 1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(18rem\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr);
    }

    .lg\:grid-cols-\[minmax\(220px\,1fr\)_140px_140px_minmax\(180px\,1fr\)_36px\] {
      grid-template-columns: minmax(220px, 1fr) 140px 140px minmax(180px, 1fr) 36px;
    }

    .lg\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-rows-\[auto_minmax\(3rem\,auto\)_auto\] {
      grid-template-rows: auto minmax(3rem, auto) auto;
    }

    .lg\:grid-rows-subgrid {
      grid-template-rows: subgrid;
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:items-stretch {
      align-items: stretch;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .lg\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }

    :where(.lg\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block: 0;
    }

    :where(.lg\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\: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(.lg\: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(.lg\:space-y-7 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }

    .lg\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-y-3 {
      row-gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .lg\:self-auto {
      align-self: auto;
    }

    .lg\:self-center {
      align-self: center;
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:justify-self-center {
      justify-self: center;
    }

    .lg\:justify-self-end {
      justify-self: flex-end;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:overflow-visible {
      overflow: visible;
    }

    .lg\:overflow-x-visible {
      overflow-x: visible;
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .lg\:rounded-xl {
      border-radius: calc(var(--radius) + 4px);
    }

    .lg\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .lg\:rounded-b-xl {
      border-bottom-right-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px);
    }

    .lg\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .lg\:border-border, .lg\:border-border\/40 {
      border-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:border-border\/40 {
        border-color: color-mix(in oklab, var(--border) 40%, transparent);
      }
    }

    .lg\:border-white\/20 {
      border-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .lg\:bg-background\/40 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-background\/40 {
        background-color: color-mix(in oklab, var(--background) 40%, transparent);
      }
    }

    .lg\:bg-background\/70 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-background\/70 {
        background-color: color-mix(in oklab, var(--background) 70%, transparent);
      }
    }

    .lg\:bg-background\/80 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-background\/80 {
        background-color: color-mix(in oklab, var(--background) 80%, transparent);
      }
    }

    .lg\:bg-black\/55 {
      background-color: #0000008c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-black\/55 {
        background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
      }
    }

    .lg\:bg-transparent {
      background-color: #0000;
    }

    .lg\:bg-white\/15 {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-white\/15 {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .lg\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:px-0 {
      padding-inline: 0;
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

    .lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

    .lg\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .lg\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:pt-0 {
      padding-top: 0;
    }

    .lg\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .lg\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .lg\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .lg\:pr-1 {
      padding-right: var(--spacing);
    }

    .lg\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .lg\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .lg\:pb-0 {
      padding-bottom: 0;
    }

    .lg\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }

    .lg\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .lg\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .lg\:pl-16 {
      padding-left: calc(var(--spacing) * 16);
    }

    .lg\:pl-\[max\(1\.5rem\,calc\(\(100vw-80rem\)\/2\+1\.5rem\)\)\] {
      padding-left: max(1.5rem, 50vw - 38.5rem);
    }

    .lg\:text-end {
      text-align: end;
    }

    .lg\:text-right {
      text-align: right;
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .lg\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .lg\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }

    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .lg\:text-\[2\.625rem\] {
      font-size: 2.625rem;
    }

    .lg\:text-\[9\.5rem\] {
      font-size: 9.5rem;
    }

    .lg\:text-\[12rem\] {
      font-size: 12rem;
    }

    .lg\:text-white {
      color: var(--color-white);
    }

    .lg\:text-white\/70 {
      color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:text-white\/70 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .lg\:text-white\/85 {
      color: #ffffffd9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:text-white\/85 {
        color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }

    .lg\: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);
    }

    .lg\: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);
    }

    .lg\: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);
    }

    .lg\: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, );
    }

    .lg\: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, );
    }

    .lg\:backdrop-saturate-150 {
      --tw-backdrop-saturate: saturate(150%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .lg\:transition-\[grid-template-columns\] {
      transition-property: grid-template-columns;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .lg\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .lg\:ease-out {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }

    .lg\:\[--course-map-h\:var\(--course-map-h-desktop\)\] {
      --course-map-h: var(--course-map-h-desktop);
    }

    .lg\:\[--ehq-guide-map-h\:var\(--ehq-guide-map-h-column\)\] {
      --ehq-guide-map-h: var(--ehq-guide-map-h-column);
    }

    @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
      .lg\:supports-\[backdrop-filter\]\:bg-background\/30 {
        background-color: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .lg\:supports-\[backdrop-filter\]\:bg-background\/30 {
          background-color: color-mix(in oklab, var(--background) 30%, transparent);
        }
      }

      .lg\:supports-\[backdrop-filter\]\:bg-background\/60 {
        background-color: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .lg\:supports-\[backdrop-filter\]\:bg-background\/60 {
          background-color: color-mix(in oklab, var(--background) 60%, transparent);
        }
      }

      .lg\:supports-\[backdrop-filter\]\:bg-background\/75 {
        background-color: var(--background);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .lg\:supports-\[backdrop-filter\]\:bg-background\/75 {
          background-color: color-mix(in oklab, var(--background) 75%, transparent);
        }
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }

    .xl\:top-0 {
      top: 0;
    }

    .xl\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:col-start-1 {
      grid-column-start: 1;
    }

    .xl\:col-start-2 {
      grid-column-start: 2;
    }

    .xl\:row-start-1 {
      grid-row-start: 1;
    }

    .xl\:mx-0 {
      margin-inline: 0;
    }

    .xl\:block {
      display: block;
    }

    .xl\:inline {
      display: inline;
    }

    .xl\:h-\[28rem\] {
      height: 28rem;
    }

    .xl\:h-\[100dvh\] {
      height: 100dvh;
    }

    .xl\:h-\[720px\] {
      height: 720px;
    }

    .xl\:h-\[840px\] {
      height: 840px;
    }

    .xl\:max-h-\[720px\] {
      max-height: 720px;
    }

    .xl\:min-h-\[100dvh\] {
      min-height: 100dvh;
    }

    .xl\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .xl\:w-\[calc\(50\%_-_0\.75rem\)\] {
      width: calc(50% - .75rem);
    }

    .xl\:w-full {
      width: 100%;
    }

    .xl\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .xl\:max-w-6xl {
      max-width: var(--container-6xl);
    }

    .xl\:max-w-56 {
      max-width: calc(var(--spacing) * 56);
    }

    .xl\:max-w-none {
      max-width: none;
    }

    .xl\:max-w-sm {
      max-width: var(--container-sm);
    }

    .xl\:shrink-0 {
      flex-shrink: 0;
    }

    .xl\:basis-auto {
      flex-basis: auto;
    }

    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[1\.02fr_0\.98fr\] {
      grid-template-columns: 1.02fr .98fr;
    }

    .xl\:grid-cols-\[22rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 22rem minmax(0, 1fr);
    }

    .xl\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
      grid-template-columns: 320px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[380px_minmax\(0\,1fr\)\] {
      grid-template-columns: 380px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(360px\,1\.1fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(280px\,0\.7fr\)\] {
      grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(360px\,0\.95fr\)\] {
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(20rem\,1fr\)\] {
      grid-template-columns: minmax(0, 1.6fr) minmax(20rem, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(320px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(340px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(360px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(22rem\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.45fr) minmax(22rem, .75fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_21rem\] {
      grid-template-columns: minmax(0, 1fr) 21rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0, 1fr) 22rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_25rem\] {
      grid-template-columns: minmax(0, 1fr) 25rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_28rem\] {
      grid-template-columns: minmax(0, 1fr) 28rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(17rem\,22rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(20rem\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(20rem, .85fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(340px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr);
    }

    .xl\:grid-cols-\[minmax\(32rem\,1fr\)_28rem\] {
      grid-template-columns: minmax(32rem, 1fr) 28rem;
    }

    .xl\:grid-cols-\[minmax\(280px\,340px\)_minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(280px, 340px) minmax(0, 2fr) minmax(0, 1fr);
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-center {
      align-items: center;
    }

    .xl\:items-start {
      align-items: flex-start;
    }

    .xl\:justify-between {
      justify-content: space-between;
    }

    .xl\:justify-end {
      justify-content: flex-end;
    }

    .xl\:self-start {
      align-self: flex-start;
    }

    .xl\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .xl\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .xl\:pt-0 {
      padding-top: 0;
    }

    .xl\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .xl\:pl-24 {
      padding-left: calc(var(--spacing) * 24);
    }

    .xl\:text-\[10rem\] {
      font-size: 10rem;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:h-\[900px\] {
      height: 900px;
    }

    .\32 xl\:max-w-7xl {
      max-width: var(--container-7xl);
    }

    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .\32 xl\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @container course-setup (min-width: 24rem) {
    .\@sm\/course-setup\:w-\[22rem\] {
      width: 22rem;
    }

    .\@sm\/course-setup\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    }
  }

  @container (min-width: 24rem) {
    .\@sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @container (min-width: 32rem) {
    .\@lg\:mt-0 {
      margin-top: 0;
    }

    .\@lg\:flex {
      display: flex;
    }

    .\@lg\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .\@lg\:flex-shrink-0 {
      flex-shrink: 0;
    }

    .\@lg\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .\@lg\:items-center {
      align-items: center;
    }

    .\@lg\:justify-end {
      justify-content: flex-end;
    }

    .\@lg\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .\@lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .\@lg\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }

  @container (min-width: 42rem) {
    .\@2xl\:flex {
      display: flex;
    }

    .\@2xl\:hidden {
      display: none;
    }

    .\@2xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@2xl\:grid-cols-\[minmax\(0\,1fr\)_180px\] {
      grid-template-columns: minmax(0, 1fr) 180px;
    }

    .\@2xl\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
      grid-template-columns: minmax(0, 1fr) 240px;
    }

    .\@2xl\:flex-row {
      flex-direction: row;
    }

    .\@2xl\:items-center {
      align-items: center;
    }

    .\@2xl\:items-start {
      align-items: flex-start;
    }

    .\@2xl\:justify-self-end {
      justify-self: flex-end;
    }

    .\@2xl\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @container table-footer (min-width: 44rem) {
    .\@min-\[44rem\]\/table-footer\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .\@min-\[44rem\]\/table-footer\:col-start-2 {
      grid-column-start: 2;
    }

    .\@min-\[44rem\]\/table-footer\:col-start-3 {
      grid-column-start: 3;
    }

    .\@min-\[44rem\]\/table-footer\:row-start-1 {
      grid-row-start: 1;
    }

    .\@min-\[44rem\]\/table-footer\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }
  }

  @container sms-status (min-width: 48rem) {
    .\@3xl\/sms-status\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .\@3xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .\@3xl\:col-start-3 {
      grid-column-start: 3;
    }

    .\@3xl\:row-start-1 {
      grid-row-start: 1;
    }

    .\@3xl\:block {
      display: block;
    }

    .\@3xl\:grid {
      display: grid;
    }

    .\@3xl\:hidden {
      display: none;
    }
  }

  @container sms-status (min-width: 48rem) {
    .\@3xl\/sms-status\:grid-cols-\[2\.25rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@3xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\@3xl\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 13rem minmax(0, 1fr);
    }

    .\@3xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    }

    .\@3xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,20rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
    }
  }

  @container sms-status (min-width: 48rem) {
    .\@3xl\/sms-status\:items-center {
      align-items: center;
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:items-center {
      align-items: center;
    }

    .\@3xl\:items-start {
      align-items: flex-start;
    }

    .\@3xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .\@3xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    :where(.\@3xl\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block: 0;
    }
  }

  @container tracker (min-width: 52rem) {
    .\@min-\[52rem\]\/tracker\:sticky {
      position: sticky;
    }

    .\@min-\[52rem\]\/tracker\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .\@min-\[52rem\]\/tracker\:h-\[660px\] {
      height: 660px;
    }

    .\@min-\[52rem\]\/tracker\:grid-cols-\[17rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 17rem minmax(0, 1fr);
    }

    .\@min-\[52rem\]\/tracker\:overflow-y-auto {
      overflow-y: auto;
    }

    .\@min-\[52rem\]\/tracker\:overscroll-contain {
      overscroll-behavior: contain;
    }
  }

  @container (min-width: 56rem) {
    .\@4xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .\@4xl\:inline-flex {
      display: inline-flex;
    }

    .\@4xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@4xl\:grid-cols-\[minmax\(260px\,0\.52fr\)_minmax\(520px\,1fr\)\] {
      grid-template-columns: minmax(260px, .52fr) minmax(520px, 1fr);
    }
  }

  @container (min-width: 64rem) {
    .\@5xl\:grid {
      display: grid;
    }

    .\@5xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\@5xl\:grid-cols-\[minmax\(20rem\,42rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(20rem, 42rem) minmax(0, 1fr);
    }

    .\@5xl\:items-start {
      align-items: flex-start;
    }

    .\@5xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    :where(.\@5xl\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block: 0;
    }
  }

  @media (orientation: landscape) {
    @media not (min-width: 48rem) {
      .landscape\:max-md\:mb-0 {
        margin-bottom: 0;
      }

      .landscape\:max-md\:mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5);
      }

      .landscape\:max-md\:mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
      }

      .landscape\:max-md\:mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
      }

      .landscape\:max-md\:hidden {
        display: none;
      }

      .landscape\:max-md\:h-6 {
        height: calc(var(--spacing) * 6);
      }

      .landscape\:max-md\:h-10 {
        height: calc(var(--spacing) * 10);
      }

      .landscape\:max-md\:h-12 {
        height: calc(var(--spacing) * 12);
      }

      .landscape\:max-md\:h-\[520px\] {
        height: 520px;
      }

      .landscape\:max-md\:h-\[560px\] {
        height: 560px;
      }

      .landscape\:max-md\:h-\[640px\] {
        height: 640px;
      }

      .landscape\:max-md\:w-16 {
        width: calc(var(--spacing) * 16);
      }

      .landscape\:max-md\:w-32 {
        width: calc(var(--spacing) * 32);
      }

      .landscape\:max-md\:w-\[5\.5rem\] {
        width: 5.5rem;
      }

      .landscape\:max-md\:gap-1\.5 {
        gap: calc(var(--spacing) * 1.5);
      }

      .landscape\:max-md\:gap-2 {
        gap: calc(var(--spacing) * 2);
      }

      .landscape\:max-md\:pb-20 {
        padding-bottom: calc(var(--spacing) * 20);
      }

      .landscape\:max-md\:pb-24 {
        padding-bottom: calc(var(--spacing) * 24);
      }

      .landscape\:max-md\:pb-32 {
        padding-bottom: calc(var(--spacing) * 32);
      }

      .landscape\:max-md\:text-\[8px\] {
        font-size: 8px;
      }
    }
  }

  .dark\:block:is(.dark *) {
    display: block;
  }

  .dark\:hidden:is(.dark *) {
    display: none;
  }

  :where(.dark\:divide-border\/30:is(.dark *) > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.dark\:divide-border\/30:is(.dark *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  :where(.dark\:divide-border\/40:is(.dark *) > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.dark\:divide-border\/40:is(.dark *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  :where(.dark\:divide-white\/10:is(.dark *) > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.dark\:divide-white\/10:is(.dark *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border:is(.dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .dark\:border-accent:is(.dark *) {
    border-color: var(--accent);
  }

  .dark\:border-accent\/25:is(.dark *) {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/25:is(.dark *) {
      border-color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }

  .dark\:border-accent\/30:is(.dark *) {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }

  .dark\:border-accent\/50:is(.dark *) {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .dark\:border-accent\/60:is(.dark *) {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/60:is(.dark *) {
      border-color: color-mix(in oklab, var(--accent) 60%, transparent);
    }
  }

  .dark\:border-amber-700:is(.dark *) {
    border-color: var(--color-amber-700);
  }

  .dark\:border-amber-800:is(.dark *) {
    border-color: var(--color-amber-800);
  }

  .dark\:border-amber-800\/30:is(.dark *) {
    border-color: #953d004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-800\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
    }
  }

  .dark\:border-amber-800\/40:is(.dark *) {
    border-color: #953d0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent);
    }
  }

  .dark\:border-amber-800\/50:is(.dark *) {
    border-color: #953d0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-800\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
    }
  }

  .dark\:border-amber-900:is(.dark *) {
    border-color: var(--color-amber-900);
  }

  .dark\:border-amber-900\/20:is(.dark *) {
    border-color: #7b330633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-900\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }

  .dark\:border-amber-900\/60:is(.dark *) {
    border-color: #7b330699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-900\/60:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
    }
  }

  .dark\:border-black\/10:is(.dark *) {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-black\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .dark\:border-blue-700:is(.dark *) {
    border-color: var(--color-blue-700);
  }

  .dark\:border-blue-800:is(.dark *) {
    border-color: var(--color-blue-800);
  }

  .dark\:border-border:is(.dark *) {
    border-color: var(--border);
  }

  .dark\:border-border\/10:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .dark\:border-border\/20:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .dark\:border-border\/25:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/25:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 25%, transparent);
    }
  }

  .dark\:border-border\/30:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .dark\:border-border\/40:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .dark\:border-danger-200\/20:is(.dark *) {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-danger-200\/20:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 28%, white) 20%, transparent);
    }
  }

  .dark\:border-danger-200\/30:is(.dark *) {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-danger-200\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 28%, white) 30%, transparent);
    }
  }

  .dark\:border-danger-800:is(.dark *) {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-danger-800:is(.dark *) {
      border-color: color-mix(in oklab, var(--danger) 52%, black);
    }
  }

  .dark\:border-danger-900:is(.dark *) {
    border-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-danger-900:is(.dark *) {
      border-color: color-mix(in oklab, var(--danger) 38%, black);
    }
  }

  .dark\:border-default-100:is(.dark *) {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-default-100:is(.dark *) {
      border-color: color-mix(in oklab, var(--foreground) 8%, var(--background));
    }
  }

  .dark\:border-default-100\/30:is(.dark *) {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-default-100\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 30%, transparent);
    }
  }

  .dark\:border-default-100\/40:is(.dark *) {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-default-100\/40:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 40%, transparent);
    }
  }

  .dark\:border-emerald-800:is(.dark *) {
    border-color: var(--color-emerald-800);
  }

  .dark\:border-emerald-800\/40:is(.dark *) {
    border-color: #005f4666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
    }
  }

  .dark\:border-emerald-900:is(.dark *) {
    border-color: var(--color-emerald-900);
  }

  .dark\:border-foreground\/15:is(.dark *) {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-foreground\/15:is(.dark *) {
      border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .dark\:border-foreground\/50:is(.dark *) {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-foreground\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .dark\:border-gray-700:is(.dark *) {
    border-color: var(--color-gray-700);
  }

  .dark\:border-green-700:is(.dark *) {
    border-color: var(--color-green-700);
  }

  .dark\:border-green-800:is(.dark *) {
    border-color: var(--color-green-800);
  }

  .dark\:border-green-800\/30:is(.dark *) {
    border-color: #0166304d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-green-800\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-green-800) 30%, transparent);
    }
  }

  .dark\:border-indigo-800\/50:is(.dark *) {
    border-color: #372aac80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-indigo-800\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
    }
  }

  .dark\:border-neutral-300:is(.dark *) {
    border-color: var(--color-neutral-300);
  }

  .dark\:border-orange-800:is(.dark *) {
    border-color: var(--color-orange-800);
  }

  .dark\:border-orange-800\/40:is(.dark *) {
    border-color: #9f2d0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-orange-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-orange-800) 40%, transparent);
    }
  }

  .dark\:border-primary\/20:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .dark\:border-primary\/25:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/25:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .dark\:border-primary\/30:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .dark\:border-primary\/40:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .dark\:border-primary\/50:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .dark\:border-primary\/55:is(.dark *) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary\/55:is(.dark *) {
      border-color: color-mix(in oklab, var(--primary) 55%, transparent);
    }
  }

  .dark\:border-purple-800:is(.dark *) {
    border-color: var(--color-purple-800);
  }

  .dark\:border-red-700:is(.dark *) {
    border-color: var(--color-red-700);
  }

  .dark\:border-red-800:is(.dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-red-800\/50:is(.dark *) {
    border-color: #9f071280;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-800\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
    }
  }

  .dark\:border-red-900:is(.dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:border-sky-800\/30:is(.dark *) {
    border-color: #0059864d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-sky-800\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-sky-800) 30%, transparent);
    }
  }

  .dark\:border-sky-800\/40:is(.dark *) {
    border-color: #00598666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-sky-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-sky-800) 40%, transparent);
    }
  }

  .dark\:border-slate-800\/40:is(.dark *) {
    border-color: #1d293d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }

  .dark\:border-success-200\/30:is(.dark *) {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-success-200\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--success) 28%, white) 30%, transparent);
    }
  }

  .dark\:border-success-600:is(.dark *) {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-success-600:is(.dark *) {
      border-color: color-mix(in oklab, var(--success) 82%, black);
    }
  }

  .dark\:border-success-700:is(.dark *) {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-success-700:is(.dark *) {
      border-color: color-mix(in oklab, var(--success) 68%, black);
    }
  }

  .dark\:border-success-700\/60:is(.dark *) {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-success-700\/60:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--success) 68%, black) 60%, transparent);
    }
  }

  .dark\:border-success-800:is(.dark *) {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-success-800:is(.dark *) {
      border-color: color-mix(in oklab, var(--success) 52%, black);
    }
  }

  .dark\:border-teal-800:is(.dark *) {
    border-color: var(--color-teal-800);
  }

  .dark\:border-violet-800\/40:is(.dark *) {
    border-color: #5d0ec066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-violet-800\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-violet-800) 40%, transparent);
    }
  }

  .dark\:border-warning-100\/30:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-100\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 16%, white) 30%, transparent);
    }
  }

  .dark\:border-warning-200\/20:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-200\/20:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 28%, white) 20%, transparent);
    }
  }

  .dark\:border-warning-200\/30:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-200\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 28%, white) 30%, transparent);
    }
  }

  .dark\:border-warning-500\/20:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-500\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .dark\:border-warning-500\/40:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-500\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .dark\:border-warning-600:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-600:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 82%, black);
    }
  }

  .dark\:border-warning-700\/60:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-700\/60:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 68%, black) 60%, transparent);
    }
  }

  .dark\:border-warning-800:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-800:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 52%, black);
    }
  }

  .dark\:border-warning-900:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-900:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 38%, black);
    }
  }

  .dark\:border-warning-900\/30:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning-900\/30:is(.dark *) {
      border-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 38%, black) 30%, transparent);
    }
  }

  .dark\:border-warning\/20:is(.dark *) {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .dark\:border-white:is(.dark *) {
    border-color: var(--color-white);
  }

  .dark\:border-white\/5:is(.dark *) {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/5:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .dark\:border-white\/10:is(.dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border-white\/15:is(.dark *) {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/15:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:border-white\/20:is(.dark *) {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .dark\:border-white\/30:is(.dark *) {
    border-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/30:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .dark\:border-white\/35:is(.dark *) {
    border-color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/35:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .dark\:border-white\/55:is(.dark *) {
    border-color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/55:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .dark\:border-white\/\[0\.08\]:is(.dark *) {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/\[0\.08\]:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .dark\:border-zinc-600:is(.dark *) {
    border-color: var(--color-zinc-600);
  }

  .dark\:border-zinc-800:is(.dark *) {
    border-color: var(--color-zinc-800);
  }

  .dark\:border-l-amber-600:is(.dark *) {
    border-left-color: var(--color-amber-600);
  }

  .dark\:\!bg-surface:is(.dark *) {
    background-color: var(--surface) !important;
  }

  .dark\:\!bg-white\/\[0\.12\]:is(.dark *) {
    background-color: #ffffff1f !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!bg-white\/\[0\.12\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
    }
  }

  .dark\:bg-\[\#1b1c1f\]:is(.dark *) {
    background-color: #1b1c1f;
  }

  .dark\:bg-\[\#1f1f1f\]:is(.dark *) {
    background-color: #1f1f1f;
  }

  .dark\:bg-\[\#2b2c2f\]:is(.dark *) {
    background-color: #2b2c2f;
  }

  .dark\:bg-\[\#18191b\]:is(.dark *) {
    background-color: #18191b;
  }

  .dark\:bg-\[\#26272a\]:is(.dark *) {
    background-color: #26272a;
  }

  .dark\:bg-\[\#55565a\]:is(.dark *) {
    background-color: #55565a;
  }

  .dark\:bg-\[\#171717\]:is(.dark *) {
    background-color: #171717;
  }

  .dark\:bg-\[\#c94735\]\/20:is(.dark *) {
    background-color: #c9473533;
    background-color: lab(49.1649% 51.8041 39.627 / .2);
  }

  .dark\:bg-\[\#f5f5f4\]:is(.dark *) {
    background-color: #f5f5f4;
  }

  .dark\:bg-\[\#f36e21\]\/20:is(.dark *) {
    background-color: #f36e2133;
    background-color: lab(62.686% 49.541 63.677 / .2);
  }

  .dark\:bg-\[\#fc4c02\]\/20:is(.dark *) {
    background-color: #fc4c0233;
    background-color: lab(58.829% 65.9785 70.1817 / .2);
  }

  .dark\:bg-accent-soft\/5:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/5:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 5%, transparent);
    }
  }

  .dark\:bg-accent-soft\/10:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 10%, transparent);
    }
  }

  .dark\:bg-accent-soft\/15:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 15%, transparent);
    }
  }

  .dark\:bg-accent-soft\/20:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 20%, transparent);
    }
  }

  .dark\:bg-accent-soft\/30:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 30%, transparent);
    }
  }

  .dark\:bg-accent-soft\/40:is(.dark *) {
    background-color: var(--accent-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent-soft\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent-soft) 40%, transparent);
    }
  }

  .dark\:bg-accent\/10:is(.dark *) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .dark\:bg-accent\/15:is(.dark *) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }

  .dark\:bg-accent\/20:is(.dark *) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .dark\:bg-accent\/25:is(.dark *) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }

  .dark\:bg-amber-400\/10:is(.dark *) {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-400\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .dark\:bg-amber-500\/15:is(.dark *) {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .dark\:bg-amber-500\/20:is(.dark *) {
    background-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .dark\:bg-amber-800:is(.dark *) {
    background-color: var(--color-amber-800);
  }

  .dark\:bg-amber-900:is(.dark *) {
    background-color: var(--color-amber-900);
  }

  .dark\:bg-amber-900\/20:is(.dark *) {
    background-color: #7b330633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }

  .dark\:bg-amber-900\/30:is(.dark *) {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }

  .dark\:bg-amber-900\/40:is(.dark *) {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:bg-amber-900\/50:is(.dark *) {
    background-color: #7b330680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
    }
  }

  .dark\:bg-amber-950:is(.dark *) {
    background-color: var(--color-amber-950);
  }

  .dark\:bg-amber-950\/15:is(.dark *) {
    background-color: #46190126;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 15%, transparent);
    }
  }

  .dark\:bg-amber-950\/20:is(.dark *) {
    background-color: #46190133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
    }
  }

  .dark\:bg-amber-950\/30:is(.dark *) {
    background-color: #4619014d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }

  .dark\:bg-amber-950\/40:is(.dark *) {
    background-color: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .dark\:bg-amber-950\/50:is(.dark *) {
    background-color: #46190180;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
    }
  }

  .dark\:bg-background:is(.dark *) {
    background-color: var(--background);
  }

  .dark\:bg-background\/45:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/45:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 45%, transparent);
    }
  }

  .dark\:bg-background\/50:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }

  .dark\:bg-background\/55:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/55:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 55%, transparent);
    }
  }

  .dark\:bg-background\/70:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/70:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .dark\:bg-background\/80:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/80:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .dark\:bg-background\/95:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/95:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .dark\:bg-black:is(.dark *) {
    background-color: var(--color-black);
  }

  .dark\:bg-black\/10:is(.dark *) {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .dark\:bg-black\/20:is(.dark *) {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .dark\:bg-black\/70:is(.dark *) {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/70:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .dark\:bg-black\/80:is(.dark *) {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/80:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .dark\:bg-blue-400\/20:is(.dark *) {
    background-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-400\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  .dark\:bg-blue-500\/15:is(.dark *) {
    background-color: #3080ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .dark\:bg-blue-500\/20:is(.dark *) {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .dark\:bg-blue-900\/30:is(.dark *) {
    background-color: #1c398e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }

  .dark\:bg-blue-900\/40:is(.dark *) {
    background-color: #1c398e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .dark\:bg-blue-950:is(.dark *) {
    background-color: var(--color-blue-950);
  }

  .dark\:bg-blue-950\/20:is(.dark *) {
    background-color: #16245633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
    }
  }

  .dark\:bg-blue-950\/30:is(.dark *) {
    background-color: #1624564d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
  }

  .dark\:bg-blue-950\/50:is(.dark *) {
    background-color: #16245680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
    }
  }

  .dark\:bg-brand-blue\/15:is(.dark *) {
    background-color: var(--brand-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-brand-blue\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--brand-blue) 15%, transparent);
    }
  }

  .dark\:bg-brand-blue\/25:is(.dark *) {
    background-color: var(--brand-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-brand-blue\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--brand-blue) 25%, transparent);
    }
  }

  .dark\:bg-card:is(.dark *) {
    background-color: var(--card);
  }

  .dark\:bg-cyan-500\/20:is(.dark *) {
    background-color: #00b7d733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }

  .dark\:bg-cyan-900\/30:is(.dark *) {
    background-color: #104e644d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
    }
  }

  .dark\:bg-danger-50\/10:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-50\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 8%, white) 10%, transparent);
    }
  }

  .dark\:bg-danger-100\/10:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-100\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 16%, white) 10%, transparent);
    }
  }

  .dark\:bg-danger-500\/10:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--danger) 10%, transparent);
    }
  }

  .dark\:bg-danger-500\/15:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--danger) 15%, transparent);
    }
  }

  .dark\:bg-danger-900\/10:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-900\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 38%, black) 10%, transparent);
    }
  }

  .dark\:bg-danger-900\/20:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 38%, black) 20%, transparent);
    }
  }

  .dark\:bg-danger-950\/30:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 25%, black) 30%, transparent);
    }
  }

  .dark\:bg-danger-soft\/25:is(.dark *) {
    background-color: var(--danger-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-soft\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--danger-soft) 25%, transparent);
    }
  }

  .dark\:bg-danger\/20:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--danger) 20%, transparent);
    }
  }

  .dark\:bg-danger\/\[0\.12\]:is(.dark *) {
    background-color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger\/\[0\.12\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--danger) 12%, transparent);
    }
  }

  .dark\:bg-default:is(.dark *) {
    background-color: var(--default);
  }

  .dark\:bg-default-50\/15:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-50\/15:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, var(--background)) 15%, transparent);
    }
  }

  .dark\:bg-default-100\/5:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-100\/5:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 5%, transparent);
    }
  }

  .dark\:bg-default-100\/10:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-100\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 10%, transparent);
    }
  }

  .dark\:bg-default-100\/15:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-100\/15:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 15%, transparent);
    }
  }

  .dark\:bg-default-100\/30:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-100\/30:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 30%, transparent);
    }
  }

  .dark\:bg-default-100\/50:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default-100\/50:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 50%, transparent);
    }
  }

  .dark\:bg-default\/20:is(.dark *) {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--default) 20%, transparent);
    }
  }

  .dark\:bg-default\/40:is(.dark *) {
    background-color: var(--default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-default\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--default) 40%, transparent);
    }
  }

  .dark\:bg-destructive\/15:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
    }
  }

  .dark\:bg-emerald-500\/20:is(.dark *) {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .dark\:bg-emerald-900\/30:is(.dark *) {
    background-color: #004e3b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }

  .dark\:bg-emerald-900\/40:is(.dark *) {
    background-color: #004e3b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }

  .dark\:bg-emerald-950\/20:is(.dark *) {
    background-color: #002c2233;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
    }
  }

  .dark\:bg-emerald-950\/30:is(.dark *) {
    background-color: #002c224d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }

  .dark\:bg-emerald-950\/40:is(.dark *) {
    background-color: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .dark\:bg-foreground\/10:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .dark\:bg-foreground\/15:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .dark\:bg-foreground\/50:is(.dark *) {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .dark\:bg-gray-700\/50:is(.dark *) {
    background-color: #36415380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-700\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }
  }

  .dark\:bg-gray-800:is(.dark *) {
    background-color: var(--color-gray-800);
  }

  .dark\:bg-gray-800\/50:is(.dark *) {
    background-color: #1e293980;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }

  .dark\:bg-gray-900:is(.dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-gray-900\/30:is(.dark *) {
    background-color: #1018284d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
    }
  }

  .dark\:bg-green-500\/15:is(.dark *) {
    background-color: #00c75826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
    }
  }

  .dark\:bg-green-800:is(.dark *) {
    background-color: var(--color-green-800);
  }

  .dark\:bg-green-900:is(.dark *) {
    background-color: var(--color-green-900);
  }

  .dark\:bg-green-900\/20:is(.dark *) {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
    }
  }

  .dark\:bg-green-900\/30:is(.dark *) {
    background-color: #0d542b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
    }
  }

  .dark\:bg-green-950:is(.dark *) {
    background-color: var(--color-green-950);
  }

  .dark\:bg-green-950\/10:is(.dark *) {
    background-color: #032e151a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 10%, transparent);
    }
  }

  .dark\:bg-green-950\/20:is(.dark *) {
    background-color: #032e1533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 20%, transparent);
    }
  }

  .dark\:bg-green-950\/30:is(.dark *) {
    background-color: #032e154d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
    }
  }

  .dark\:bg-green-950\/50:is(.dark *) {
    background-color: #032e1580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
    }
  }

  .dark\:bg-indigo-900\/30:is(.dark *) {
    background-color: #312c854d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
    }
  }

  .dark\:bg-indigo-900\/40:is(.dark *) {
    background-color: #312c8566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
    }
  }

  .dark\:bg-indigo-950\/20:is(.dark *) {
    background-color: #1e1a4d33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
    }
  }

  .dark\:bg-live\/15:is(.dark *) {
    background-color: var(--live);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-live\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--live) 15%, transparent);
    }
  }

  .dark\:bg-muted:is(.dark *) {
    background-color: var(--muted);
  }

  .dark\:bg-muted\/10:is(.dark *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-muted\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  .dark\:bg-muted\/20:is(.dark *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-muted\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .dark\:bg-muted\/30:is(.dark *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-muted\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .dark\:bg-muted\/40:is(.dark *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-muted\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .dark\:bg-muted\/50:is(.dark *) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-muted\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .dark\:bg-neutral-900:is(.dark *) {
    background-color: var(--color-neutral-900);
  }

  .dark\:bg-orange-900\/30:is(.dark *) {
    background-color: #7e2a0c4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
    }
  }

  .dark\:bg-orange-900\/40:is(.dark *) {
    background-color: #7e2a0c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

  .dark\:bg-orange-950:is(.dark *) {
    background-color: var(--color-orange-950);
  }

  .dark\:bg-orange-950\/20:is(.dark *) {
    background-color: #44130633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
    }
  }

  .dark\:bg-orange-950\/30:is(.dark *) {
    background-color: #4413064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
    }
  }

  .dark\:bg-pink-500\/20:is(.dark *) {
    background-color: #f6339a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-pink-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
  }

  .dark\:bg-primary\/10:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:bg-primary\/15:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .dark\:bg-primary\/20:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .dark\:bg-primary\/22:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/22:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 22%, transparent);
    }
  }

  .dark\:bg-primary\/25:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .dark\:bg-primary\/\[0\.1\]:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/\[0\.1\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:bg-primary\/\[0\.06\]:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/\[0\.06\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 6%, transparent);
    }
  }

  .dark\:bg-primary\/\[0\.08\]:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/\[0\.08\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }

  .dark\:bg-primary\/\[0\.14\]:is(.dark *) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/\[0\.14\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--primary) 14.0%, transparent);
    }
  }

  .dark\:bg-purple-500\/15:is(.dark *) {
    background-color: #ac4bff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
    }
  }

  .dark\:bg-purple-900\/40:is(.dark *) {
    background-color: #59168b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
    }
  }

  .dark\:bg-purple-950:is(.dark *) {
    background-color: var(--color-purple-950);
  }

  .dark\:bg-purple-950\/50:is(.dark *) {
    background-color: #3c036680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-purple-950) 50%, transparent);
    }
  }

  .dark\:bg-red-900\/30:is(.dark *) {
    background-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }

  .dark\:bg-red-950:is(.dark *) {
    background-color: var(--color-red-950);
  }

  .dark\:bg-red-950\/10:is(.dark *) {
    background-color: #4608091a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 10%, transparent);
    }
  }

  .dark\:bg-red-950\/20:is(.dark *) {
    background-color: #46080933;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
    }
  }

  .dark\:bg-red-950\/30:is(.dark *) {
    background-color: #4608094d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
    }
  }

  .dark\:bg-red-950\/50:is(.dark *) {
    background-color: #46080980;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
    }
  }

  .dark\:bg-rose-500\/10:is(.dark *) {
    background-color: #ff23571a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }

  .dark\:bg-rose-900\/30:is(.dark *) {
    background-color: #8b08364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
    }
  }

  .dark\:bg-rose-900\/40:is(.dark *) {
    background-color: #8b083666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
    }
  }

  .dark\:bg-rose-950\/45:is(.dark *) {
    background-color: #4d021873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/45:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 45%, transparent);
    }
  }

  .dark\:bg-sidebar:is(.dark *) {
    background-color: var(--sidebar);
  }

  .dark\:bg-sky-900\/40:is(.dark *) {
    background-color: #024a7066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
    }
  }

  .dark\:bg-sky-950\/20:is(.dark *) {
    background-color: #052f4a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
    }
  }

  .dark\:bg-slate-500:is(.dark *) {
    background-color: var(--color-slate-500);
  }

  .dark\:bg-slate-800:is(.dark *) {
    background-color: var(--color-slate-800);
  }

  .dark\:bg-slate-800\/50:is(.dark *) {
    background-color: #1d293d80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }

  .dark\:bg-slate-900\/40:is(.dark *) {
    background-color: #0f172b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }

  .dark\:bg-slate-950\/20:is(.dark *) {
    background-color: #02061833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-slate-950) 20%, transparent);
    }
  }

  .dark\:bg-success-50\/5:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-50\/5:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 5%, transparent);
    }
  }

  .dark\:bg-success-50\/10:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-50\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 8%, white) 10%, transparent);
    }
  }

  .dark\:bg-success-100\/10:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-100\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 16%, white) 10%, transparent);
    }
  }

  .dark\:bg-success-100\/20:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-100\/20:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 16%, white) 20%, transparent);
    }
  }

  .dark\:bg-success-500\/10:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .dark\:bg-success-500\/15:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  .dark\:bg-success-500\/20:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .dark\:bg-success-900\/20:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 20%, transparent);
    }
  }

  .dark\:bg-success-900\/25:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-900\/25:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 25%, transparent);
    }
  }

  .dark\:bg-success-900\/30:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 30%, transparent);
    }
  }

  .dark\:bg-success-950:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-950:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 25%, black);
    }
  }

  .dark\:bg-success\/5:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/5:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 5%, transparent);
    }
  }

  .dark\:bg-success\/10:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .dark\:bg-success\/15:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  .dark\:bg-success\/20:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .dark\:bg-success\/25:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 25%, transparent);
    }
  }

  .dark\:bg-success\/\[0\.06\]:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/\[0\.06\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 6%, transparent);
    }
  }

  .dark\:bg-success\/\[0\.08\]:is(.dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/\[0\.08\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--success) 8%, transparent);
    }
  }

  .dark\:bg-surface:is(.dark *) {
    background-color: var(--surface);
  }

  .dark\:bg-surface-secondary:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  .dark\:bg-surface-secondary\/3:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/3:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 3%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/5:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/5:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 5%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/10:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 10%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/15:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 15%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/20:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 20%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/25:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 25%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/30:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 30%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/40:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/45:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/45:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 45%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/50:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/60:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/80:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/80:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 80%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/90:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/90:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 90%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/95:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/95:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 95%, transparent);
    }
  }

  .dark\:bg-surface-secondary\/\[0\.04\]:is(.dark *) {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-secondary\/\[0\.04\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface-secondary) 4%, transparent);
    }
  }

  .dark\:bg-surface-tertiary:is(.dark *) {
    background-color: var(--surface-tertiary);
  }

  .dark\:bg-surface\/40:is(.dark *) {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface) 40%, transparent);
    }
  }

  .dark\:bg-surface\/72:is(.dark *) {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/72:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface) 72%, transparent);
    }
  }

  .dark\:bg-surface\/76:is(.dark *) {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/76:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface) 76%, transparent);
    }
  }

  .dark\:bg-surface\/85:is(.dark *) {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/85:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface) 85%, transparent);
    }
  }

  .dark\:bg-surface\/90:is(.dark *) {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/90:is(.dark *) {
      background-color: color-mix(in oklab, var(--surface) 90%, transparent);
    }
  }

  .dark\:bg-teal-900\/30:is(.dark *) {
    background-color: #0b4f4a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-teal-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
    }
  }

  .dark\:bg-teal-950:is(.dark *) {
    background-color: var(--color-teal-950);
  }

  .dark\:bg-transparent:is(.dark *) {
    background-color: #0000;
  }

  .dark\:bg-violet-500\/20:is(.dark *) {
    background-color: #8d54ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }

  .dark\:bg-violet-900\/30:is(.dark *) {
    background-color: #4d179a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
    }
  }

  .dark\:bg-violet-900\/40:is(.dark *) {
    background-color: #4d179a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
    }
  }

  .dark\:bg-violet-950\/20:is(.dark *) {
    background-color: #2f0d6833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
    }
  }

  .dark\:bg-warning-50\/10:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-50\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 8%, white) 10%, transparent);
    }
  }

  .dark\:bg-warning-100\/5:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-100\/5:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 16%, white) 5%, transparent);
    }
  }

  .dark\:bg-warning-100\/10:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-100\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 16%, white) 10%, transparent);
    }
  }

  .dark\:bg-warning-500\/15:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-500\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  .dark\:bg-warning-900\/10:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-900\/10:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 38%, black) 10%, transparent);
    }
  }

  .dark\:bg-warning-900\/20:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 38%, black) 20%, transparent);
    }
  }

  .dark\:bg-warning-900\/30:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 38%, black) 30%, transparent);
    }
  }

  .dark\:bg-warning-950\/20:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 25%, black) 20%, transparent);
    }
  }

  .dark\:bg-warning-950\/30:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 25%, black) 30%, transparent);
    }
  }

  .dark\:bg-warning-950\/50:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 25%, black) 50%, transparent);
    }
  }

  .dark\:bg-warning\/5:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/5:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 5%, transparent);
    }
  }

  .dark\:bg-warning\/10:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .dark\:bg-warning\/15:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 15%, transparent);
    }
  }

  .dark\:bg-warning\/20:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .dark\:bg-warning\/25:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/25:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 25%, transparent);
    }
  }

  .dark\:bg-warning\/\[0\.12\]:is(.dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/\[0\.12\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--warning) 12%, transparent);
    }
  }

  .dark\:bg-white:is(.dark *) {
    background-color: var(--color-white);
  }

  .dark\:bg-white\/5:is(.dark *) {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/5:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .dark\:bg-white\/8:is(.dark *) {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/8:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .dark\:bg-white\/10:is(.dark *) {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:bg-white\/15:is(.dark *) {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/15:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:bg-white\/20:is(.dark *) {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .dark\:bg-white\/40:is(.dark *) {
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .dark\:bg-white\/70:is(.dark *) {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/70:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .dark\:bg-white\/90:is(.dark *) {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/90:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .dark\:bg-white\/92:is(.dark *) {
    background-color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/92:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
  }

  .dark\:bg-white\/95:is(.dark *) {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/95:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .dark\:bg-white\/\[0\.03\]:is(.dark *) {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/\[0\.03\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .dark\:bg-white\/\[0\.04\]:is(.dark *) {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/\[0\.04\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .dark\:bg-white\/\[0\.08\]:is(.dark *) {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/\[0\.08\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .dark\:bg-white\/\[0\.10\]:is(.dark *) {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/\[0\.10\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:bg-white\/\[0\.12\]:is(.dark *) {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/\[0\.12\]:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .dark\:bg-yellow-900\/30:is(.dark *) {
    background-color: #733e0a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
    }
  }

  .dark\:bg-yellow-950:is(.dark *) {
    background-color: var(--color-yellow-950);
  }

  .dark\:bg-zinc-100:is(.dark *) {
    background-color: var(--color-zinc-100);
  }

  .dark\:bg-zinc-800:is(.dark *) {
    background-color: var(--color-zinc-800);
  }

  .dark\:bg-zinc-900:is(.dark *) {
    background-color: var(--color-zinc-900);
  }

  .dark\:bg-zinc-900\/50:is(.dark *) {
    background-color: #18181b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
    }
  }

  .dark\:bg-zinc-950:is(.dark *) {
    background-color: var(--color-zinc-950);
  }

  .dark\:bg-zinc-950\/50:is(.dark *) {
    background-color: #09090b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent);
    }
  }

  .dark\:bg-zinc-950\/70:is(.dark *) {
    background-color: #09090bb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/70:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 70%, transparent);
    }
  }

  .dark\:bg-zinc-950\/80:is(.dark *) {
    background-color: #09090bcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/80:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent);
    }
  }

  .dark\:bg-zinc-950\/85:is(.dark *) {
    background-color: #09090bd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/85:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 85%, transparent);
    }
  }

  .dark\:bg-zinc-950\/95:is(.dark *) {
    background-color: #09090bf2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/95:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 95%, transparent);
    }
  }

  .dark\:from-amber-950\/15:is(.dark *) {
    --tw-gradient-from: #46190126;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-amber-950\/15:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 15%, transparent);
    }
  }

  .dark\:from-amber-950\/15:is(.dark *) {
    --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));
  }

  .dark\:from-amber-950\/30:is(.dark *) {
    --tw-gradient-from: #4619014d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-amber-950\/30:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }

  .dark\:from-amber-950\/30:is(.dark *) {
    --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));
  }

  .dark\:from-black:is(.dark *) {
    --tw-gradient-from: var(--color-black);
    --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));
  }

  .dark\:from-emerald-900\/20:is(.dark *) {
    --tw-gradient-from: #004e3b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-emerald-900\/20:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
    }
  }

  .dark\:from-emerald-900\/20:is(.dark *) {
    --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));
  }

  .dark\:from-emerald-900\/30:is(.dark *) {
    --tw-gradient-from: #004e3b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-emerald-900\/30:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }

  .dark\:from-emerald-900\/30:is(.dark *) {
    --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));
  }

  .dark\:from-indigo-950\/20:is(.dark *) {
    --tw-gradient-from: #1e1a4d33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-indigo-950\/20:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
    }
  }

  .dark\:from-indigo-950\/20:is(.dark *) {
    --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));
  }

  .dark\:from-neutral-950:is(.dark *) {
    --tw-gradient-from: var(--color-neutral-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));
  }

  .dark\:from-primary\/10:is(.dark *) {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-primary\/10:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:from-primary\/10:is(.dark *) {
    --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));
  }

  .dark\:from-sky-500:is(.dark *) {
    --tw-gradient-from: var(--color-sky-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));
  }

  .dark\:from-sky-950\/30:is(.dark *) {
    --tw-gradient-from: #052f4a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-sky-950\/30:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-950) 30%, transparent);
    }
  }

  .dark\:from-sky-950\/30:is(.dark *) {
    --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));
  }

  .dark\:from-surface-secondary:is(.dark *) {
    --tw-gradient-from: var(--surface-secondary);
    --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));
  }

  .dark\:from-surface-secondary\/20:is(.dark *) {
    --tw-gradient-from: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-surface-secondary\/20:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--surface-secondary) 20%, transparent);
    }
  }

  .dark\:from-surface-secondary\/20:is(.dark *) {
    --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));
  }

  .dark\:from-yellow-950\/20:is(.dark *) {
    --tw-gradient-from: #43200433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-yellow-950\/20:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-950) 20%, transparent);
    }
  }

  .dark\:from-yellow-950\/20:is(.dark *) {
    --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));
  }

  .dark\:from-zinc-900:is(.dark *) {
    --tw-gradient-from: var(--color-zinc-900);
    --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));
  }

  .dark\:via-accent\/10:is(.dark *) {
    --tw-gradient-via: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-accent\/10:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .dark\:via-accent\/10:is(.dark *) {
    --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);
  }

  .dark\:via-amber-900\/10:is(.dark *) {
    --tw-gradient-via: #7b33061a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-amber-900\/10:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
    }
  }

  .dark\:via-amber-900\/10:is(.dark *) {
    --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);
  }

  .dark\:via-cyan-400:is(.dark *) {
    --tw-gradient-via: var(--color-cyan-400);
    --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);
  }

  .dark\:via-neutral-900:is(.dark *) {
    --tw-gradient-via: var(--color-neutral-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);
  }

  .dark\:to-accent\/10:is(.dark *) {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-accent\/10:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .dark\:to-accent\/10:is(.dark *) {
    --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));
  }

  .dark\:to-amber-950\/10:is(.dark *) {
    --tw-gradient-to: #4619011a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-amber-950\/10:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-950) 10%, transparent);
    }
  }

  .dark\:to-amber-950\/10:is(.dark *) {
    --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));
  }

  .dark\:to-blue-950\/20:is(.dark *) {
    --tw-gradient-to: #16245633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-blue-950\/20:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
    }
  }

  .dark\:to-blue-950\/20:is(.dark *) {
    --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));
  }

  .dark\:to-blue-950\/30:is(.dark *) {
    --tw-gradient-to: #1624564d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-blue-950\/30:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
  }

  .dark\:to-blue-950\/30:is(.dark *) {
    --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));
  }

  .dark\:to-emerald-800\/20:is(.dark *) {
    --tw-gradient-to: #005f4633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-emerald-800\/20:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-800) 20%, transparent);
    }
  }

  .dark\:to-emerald-800\/20:is(.dark *) {
    --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));
  }

  .dark\:to-emerald-900\/20:is(.dark *) {
    --tw-gradient-to: #004e3b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-emerald-900\/20:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
    }
  }

  .dark\:to-emerald-900\/20:is(.dark *) {
    --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));
  }

  .dark\:to-neutral-800:is(.dark *) {
    --tw-gradient-to: var(--color-neutral-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));
  }

  .dark\:to-orange-950\/10:is(.dark *) {
    --tw-gradient-to: #4413061a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-orange-950\/10:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-950) 10%, transparent);
    }
  }

  .dark\:to-orange-950\/10:is(.dark *) {
    --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));
  }

  .dark\:to-orange-950\/20:is(.dark *) {
    --tw-gradient-to: #44130633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-orange-950\/20:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
    }
  }

  .dark\:to-orange-950\/20:is(.dark *) {
    --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));
  }

  .dark\:to-primary\/10:is(.dark *) {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-primary\/10:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:to-primary\/10:is(.dark *) {
    --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));
  }

  .dark\:to-sky-400:is(.dark *) {
    --tw-gradient-to: var(--color-sky-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));
  }

  .dark\:to-surface-secondary:is(.dark *) {
    --tw-gradient-to: var(--surface-secondary);
    --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));
  }

  .dark\:to-surface-secondary\/10:is(.dark *) {
    --tw-gradient-to: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-surface-secondary\/10:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--surface-secondary) 10%, transparent);
    }
  }

  .dark\:to-surface-secondary\/10:is(.dark *) {
    --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));
  }

  .dark\:to-surface-secondary\/50:is(.dark *) {
    --tw-gradient-to: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-surface-secondary\/50:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
    }
  }

  .dark\:to-surface-secondary\/50:is(.dark *) {
    --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));
  }

  .dark\:to-zinc-800:is(.dark *) {
    --tw-gradient-to: var(--color-zinc-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));
  }

  .dark\:to-zinc-900:is(.dark *) {
    --tw-gradient-to: var(--color-zinc-900);
    --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));
  }

  .dark\:fill-\[\#fb7185\]:is(.dark *) {
    fill: #fb7185;
  }

  .dark\:\!text-white:is(.dark *) {
    color: var(--color-white) !important;
  }

  .dark\:text-\[\#9bc4ac\]:is(.dark *) {
    color: #9bc4ac;
  }

  .dark\:text-\[\#a4a5aa\]:is(.dark *) {
    color: #a4a5aa;
  }

  .dark\:text-\[\#a7a8ad\]:is(.dark *) {
    color: #a7a8ad;
  }

  .dark\:text-\[\#b0b0b0\]:is(.dark *) {
    color: #b0b0b0;
  }

  .dark\:text-\[\#c9cacf\]:is(.dark *) {
    color: #c9cacf;
  }

  .dark\:text-\[\#d0d1d5\]:is(.dark *) {
    color: #d0d1d5;
  }

  .dark\:text-\[\#e8e8e8\]:is(.dark *) {
    color: #e8e8e8;
  }

  .dark\:text-\[\#f3f4f6\]:is(.dark *) {
    color: #f3f4f6;
  }

  .dark\:text-\[\#fb7185\]:is(.dark *) {
    color: #fb7185;
  }

  .dark\:text-\[\#ff9b68\]:is(.dark *) {
    color: #ff9b68;
  }

  .dark\:text-\[\#ff9284\]:is(.dark *) {
    color: #ff9284;
  }

  .dark\:text-\[\#ff9566\]:is(.dark *) {
    color: #ff9566;
  }

  .dark\:text-\[oklch\(0\.78_0\.17_45\)\]:is(.dark *) {
    color: #ff9662;
    color: lab(73.3147% 45.4256 54.0771);
  }

  .dark\:text-\[oklch\(0\.86_0\.16_95\)\]:is(.dark *) {
    color: #f2cf3b;
    color: lab(84.3203% 2.18803 72.6415);
  }

  .dark\:text-\[var\(--brand-soft-fg\,var\(--brand-text\,var\(--primary-foreground\)\)\)\]:is(.dark *) {
    color: var(--brand-soft-fg, var(--brand-text, var(--primary-foreground)));
  }

  .dark\:text-accent:is(.dark *) {
    color: var(--accent);
  }

  .dark\:text-accent\/25:is(.dark *) {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/25:is(.dark *) {
      color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }

  .dark\:text-accent\/\[0\.10\]:is(.dark *) {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/\[0\.10\]:is(.dark *) {
      color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .dark\:text-accent\/\[0\.12\]:is(.dark *) {
    color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/\[0\.12\]:is(.dark *) {
      color: color-mix(in oklab, var(--accent) 12%, transparent);
    }
  }

  .dark\:text-amber-100:is(.dark *) {
    color: var(--color-amber-100);
  }

  .dark\:text-amber-200:is(.dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-200\/80:is(.dark *) {
    color: #fee685cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-200\/80:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }

  .dark\:text-amber-300:is(.dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:is(.dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-black:is(.dark *) {
    color: var(--color-black);
  }

  .dark\:text-black\/60:is(.dark *) {
    color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-black\/60:is(.dark *) {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .dark\:text-blue-200:is(.dark *) {
    color: var(--color-blue-200);
  }

  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-blue-500:is(.dark *) {
    color: var(--color-blue-500);
  }

  .dark\:text-cyan-300:is(.dark *) {
    color: var(--color-cyan-300);
  }

  .dark\:text-cyan-400:is(.dark *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-danger-200:is(.dark *) {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-danger-200:is(.dark *) {
      color: color-mix(in oklab, var(--danger) 28%, white);
    }
  }

  .dark\:text-danger-300:is(.dark *) {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-danger-300:is(.dark *) {
      color: color-mix(in oklab, var(--danger) 45%, white);
    }
  }

  .dark\:text-danger-400:is(.dark *) {
    color: var(--danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-danger-400:is(.dark *) {
      color: color-mix(in oklab, var(--danger) 68%, white);
    }
  }

  .dark\:text-emerald-100:is(.dark *) {
    color: var(--color-emerald-100);
  }

  .dark\:text-emerald-300:is(.dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-foreground:is(.dark *) {
    color: var(--foreground);
  }

  .dark\:text-foreground\/65:is(.dark *) {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-foreground\/65:is(.dark *) {
      color: color-mix(in oklab, var(--foreground) 65%, transparent);
    }
  }

  .dark\:text-foreground\/70:is(.dark *) {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-foreground\/70:is(.dark *) {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .dark\:text-foreground\/85:is(.dark *) {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-foreground\/85:is(.dark *) {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .dark\:text-foreground\/90:is(.dark *) {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-foreground\/90:is(.dark *) {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .dark\:text-foreground\/\[0\.06\]:is(.dark *) {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-foreground\/\[0\.06\]:is(.dark *) {
      color: color-mix(in oklab, var(--foreground) 6%, transparent);
    }
  }

  .dark\:text-gray-200:is(.dark *) {
    color: var(--color-gray-200);
  }

  .dark\:text-gray-300:is(.dark *) {
    color: var(--color-gray-300);
  }

  .dark\:text-gray-400:is(.dark *) {
    color: var(--color-gray-400);
  }

  .dark\:text-gray-500:is(.dark *) {
    color: var(--color-gray-500);
  }

  .dark\:text-gray-600:is(.dark *) {
    color: var(--color-gray-600);
  }

  .dark\:text-green-100:is(.dark *) {
    color: var(--color-green-100);
  }

  .dark\:text-green-200:is(.dark *) {
    color: var(--color-green-200);
  }

  .dark\:text-green-300:is(.dark *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-green-400\/70:is(.dark *) {
    color: #05df72b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-green-400\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-green-400) 70%, transparent);
    }
  }

  .dark\:text-green-500:is(.dark *) {
    color: var(--color-green-500);
  }

  .dark\:text-indigo-300:is(.dark *) {
    color: var(--color-indigo-300);
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  .dark\:text-neutral-300:is(.dark *) {
    color: var(--color-neutral-300);
  }

  .dark\:text-neutral-400:is(.dark *) {
    color: var(--color-neutral-400);
  }

  .dark\:text-neutral-600:is(.dark *) {
    color: var(--color-neutral-600);
  }

  .dark\:text-neutral-900:is(.dark *) {
    color: var(--color-neutral-900);
  }

  .dark\:text-orange-200:is(.dark *) {
    color: var(--color-orange-200);
  }

  .dark\:text-orange-300:is(.dark *) {
    color: var(--color-orange-300);
  }

  .dark\:text-orange-400:is(.dark *) {
    color: var(--color-orange-400);
  }

  .dark\:text-pink-300:is(.dark *) {
    color: var(--color-pink-300);
  }

  .dark\:text-pink-400:is(.dark *) {
    color: var(--color-pink-400);
  }

  .dark\:text-primary:is(.dark *) {
    color: var(--primary);
  }

  .dark\:text-purple-200:is(.dark *) {
    color: var(--color-purple-200);
  }

  .dark\:text-purple-300:is(.dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-purple-400:is(.dark *) {
    color: var(--color-purple-400);
  }

  .dark\:text-red-100:is(.dark *) {
    color: var(--color-red-100);
  }

  .dark\:text-red-200:is(.dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-red-300:is(.dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-red-400\/80:is(.dark *) {
    color: #ff6568cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-red-400\/80:is(.dark *) {
      color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
    }
  }

  .dark\:text-red-500:is(.dark *) {
    color: var(--color-red-500);
  }

  .dark\:text-rose-300:is(.dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-rose-400:is(.dark *) {
    color: var(--color-rose-400);
  }

  .dark\:text-sky-300:is(.dark *) {
    color: var(--color-sky-300);
  }

  .dark\:text-sky-400:is(.dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-slate-300:is(.dark *) {
    color: var(--color-slate-300);
  }

  .dark\:text-slate-400:is(.dark *) {
    color: var(--color-slate-400);
  }

  .dark\:text-stone-200:is(.dark *) {
    color: var(--color-stone-200);
  }

  .dark\:text-success:is(.dark *) {
    color: var(--success);
  }

  .dark\:text-success-300:is(.dark *) {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-success-300:is(.dark *) {
      color: color-mix(in oklab, var(--success) 45%, white);
    }
  }

  .dark\:text-success-400:is(.dark *) {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-success-400:is(.dark *) {
      color: color-mix(in oklab, var(--success) 68%, white);
    }
  }

  .dark\:text-success-500:is(.dark *) {
    color: var(--success);
  }

  .dark\:text-success-600:is(.dark *) {
    color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-success-600:is(.dark *) {
      color: color-mix(in oklab, var(--success) 82%, black);
    }
  }

  .dark\:text-teal-200:is(.dark *) {
    color: var(--color-teal-200);
  }

  .dark\:text-teal-300:is(.dark *) {
    color: var(--color-teal-300);
  }

  .dark\:text-teal-400:is(.dark *) {
    color: var(--color-teal-400);
  }

  .dark\:text-violet-300:is(.dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-violet-400:is(.dark *) {
    color: var(--color-violet-400);
  }

  .dark\:text-warning:is(.dark *) {
    color: var(--warning);
  }

  .dark\:text-warning-200:is(.dark *) {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-warning-200:is(.dark *) {
      color: color-mix(in oklab, var(--warning) 28%, white);
    }
  }

  .dark\:text-warning-300:is(.dark *) {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-warning-300:is(.dark *) {
      color: color-mix(in oklab, var(--warning) 45%, white);
    }
  }

  .dark\:text-warning-400:is(.dark *) {
    color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-warning-400:is(.dark *) {
      color: color-mix(in oklab, var(--warning) 68%, white);
    }
  }

  .dark\:text-warning-500:is(.dark *) {
    color: var(--warning);
  }

  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }

  .dark\:text-white\/20:is(.dark *) {
    color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/20:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .dark\:text-white\/25:is(.dark *) {
    color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/25:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .dark\:text-white\/55:is(.dark *) {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/55:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .dark\:text-white\/70:is(.dark *) {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .dark\:text-white\/80:is(.dark *) {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/80:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .dark\:text-white\/85:is(.dark *) {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .dark\:text-white\/95:is(.dark *) {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/95:is(.dark *) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .dark\:text-yellow-400:is(.dark *) {
    color: var(--color-yellow-400);
  }

  .dark\:text-yellow-500:is(.dark *) {
    color: var(--color-yellow-500);
  }

  .dark\:text-zinc-100:is(.dark *) {
    color: var(--color-zinc-100);
  }

  .dark\:text-zinc-200:is(.dark *) {
    color: var(--color-zinc-200);
  }

  .dark\:text-zinc-950:is(.dark *) {
    color: var(--color-zinc-950);
  }

  .dark\:opacity-20:is(.dark *) {
    opacity: .2;
  }

  .dark\:opacity-40:is(.dark *) {
    opacity: .4;
  }

  .dark\:opacity-\[0\.1\]:is(.dark *) {
    opacity: .1;
  }

  .dark\:opacity-\[0\.04\]:is(.dark *) {
    opacity: .04;
  }

  .dark\:opacity-\[0\.06\]:is(.dark *) {
    opacity: .06;
  }

  .dark\:shadow-\[0_0_0_1px_rgb\(0_0_0_\/_0\.45\)\]:is(.dark *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.32\)\,0_8px_24px_rgba\(0\,0\,0\,0\.18\)\]:is(.dark *) {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #00000052), 0 8px 24px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-\[0_2px_20px_rgba\(0\,0\,0\,0\.3\)\,0_0_0_0\.5px_rgba\(255\,255\,255\,0\.08\)_inset\,0_1px_0_rgba\(255\,255\,255\,0\.1\)_inset\]:is(.dark *) {
    --tw-shadow: 0 2px 20px var(--tw-shadow-color, #0000004d), 0 0 0 .5px var(--tw-shadow-color, #ffffff14) inset, 0 1px 0 var(--tw-shadow-color, #ffffff1a) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-none:is(.dark *) {
    --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);
  }

  .dark\:shadow-sm:is(.dark *) {
    --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);
  }

  .dark\:shadow-black\/40:is(.dark *) {
    --tw-shadow-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-black\/40:is(.dark *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:ring-accent:is(.dark *) {
    --tw-ring-color: var(--accent);
  }

  .dark\:ring-accent\/45:is(.dark *) {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-accent\/45:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--accent) 45%, transparent);
    }
  }

  .dark\:ring-amber-400\/25:is(.dark *) {
    --tw-ring-color: #fcbb0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-amber-400\/25:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

  .dark\:ring-amber-700\/40:is(.dark *) {
    --tw-ring-color: #b7500066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-amber-700\/40:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
    }
  }

  .dark\:ring-background:is(.dark *) {
    --tw-ring-color: var(--background);
  }

  .dark\:ring-emerald-800:is(.dark *) {
    --tw-ring-color: var(--color-emerald-800);
  }

  .dark\:ring-live\/25:is(.dark *) {
    --tw-ring-color: var(--live);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-live\/25:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--live) 25%, transparent);
    }
  }

  .dark\:ring-primary\/30:is(.dark *) {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-primary\/30:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .dark\:ring-primary\/35:is(.dark *) {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-primary\/35:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }

  .dark\:ring-primary\/40:is(.dark *) {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-primary\/40:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .dark\:ring-rose-400\/25:is(.dark *) {
    --tw-ring-color: #ff667f40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-rose-400\/25:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
    }
  }

  .dark\:ring-success-400\/45:is(.dark *) {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-success-400\/45:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, color-mix(in oklab, var(--success) 68%, white) 45%, transparent);
    }
  }

  .dark\:ring-warning-500\/30:is(.dark *) {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-warning-500\/30:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }

  .dark\:ring-white\/5:is(.dark *) {
    --tw-ring-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/5:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/10:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:ring-white\/15:is(.dark *) {
    --tw-ring-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/15:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:ring-white\/20:is(.dark *) {
    --tw-ring-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/20:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .dark\:ring-white\/35:is(.dark *) {
    --tw-ring-color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/35:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .dark\:ring-white\/55:is(.dark *) {
    --tw-ring-color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/55:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .dark\:ring-white\/\[0\.06\]:is(.dark *) {
    --tw-ring-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/\[0\.06\]:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .dark\:ring-white\/\[0\.08\]:is(.dark *) {
    --tw-ring-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/\[0\.08\]:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .dark\:brightness-0:is(.dark *) {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:brightness-90:is(.dark *) {
    --tw-brightness: brightness(90%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:drop-shadow-\[0_0_1px_rgba\(255\,255\,255\,0\.16\)\]:is(.dark *) {
    --tw-drop-shadow-size: drop-shadow(0 0 1px var(--tw-drop-shadow-color, #ffffff29));
    --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, );
  }

  .dark\:invert:is(.dark *) {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:invert-0:is(.dark *) {
    --tw-invert: invert(0%);
    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, );
  }

  @media (hover: hover) {
    .dark\:group-hover\:bg-foreground\/20:is(.dark *):is(:where(.group):hover *) {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:group-hover\:bg-foreground\/20:is(.dark *):is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }

    .dark\:group-hover\:bg-surface-secondary:is(.dark *):is(:where(.group):hover *) {
      background-color: var(--surface-secondary);
    }

    .dark\:group-hover\:bg-white:is(.dark *):is(:where(.group):hover *) {
      background-color: var(--color-white);
    }

    .dark\:group-hover\:text-accent:is(.dark *):is(:where(.group):hover *) {
      color: var(--accent);
    }

    .dark\:group-hover\:text-neutral-900:is(.dark *):is(:where(.group):hover *) {
      color: var(--color-neutral-900);
    }

    .dark\:group-hover\:text-success-400:is(.dark *):is(:where(.group):hover *) {
      color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:group-hover\:text-success-400:is(.dark *):is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--success) 68%, white);
      }
    }

    .dark\:group-hover\:brightness-100:is(.dark *):is(:where(.group):hover *) {
      --tw-brightness: brightness(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .dark\:group-hover\:invert:is(.dark *):is(:where(.group):hover *) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .dark\:group-hover\/leg\:bg-zinc-900:is(.dark *):is(:where(.group\/leg):hover *) {
      background-color: var(--color-zinc-900);
    }
  }

  .dark\:placeholder\:text-muted-foreground:is(.dark *)::placeholder {
    color: var(--muted-foreground);
  }

  .dark\:before\:border-white\/55:is(.dark *):before {
    content: var(--tw-content);
    border-color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:border-white\/55:is(.dark *):before {
      border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:border-accent\/40:is(.dark *):hover {
      border-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-accent\/40:is(.dark *):hover {
        border-color: color-mix(in oklab, var(--accent) 40%, transparent);
      }
    }

    .dark\:hover\:border-border:is(.dark *):hover, .dark\:hover\:border-border\/70:is(.dark *):hover {
      border-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-border\/70:is(.dark *):hover {
        border-color: color-mix(in oklab, var(--border) 70%, transparent);
      }
    }

    .dark\:hover\:border-primary\/20:is(.dark *):hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-primary\/20:is(.dark *):hover {
        border-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .dark\:hover\:border-success-500\/40:is(.dark *):hover {
      border-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-success-500\/40:is(.dark *):hover {
        border-color: color-mix(in oklab, var(--success) 40%, transparent);
      }
    }

    .dark\:hover\:\!bg-surface:is(.dark *):hover, .dark\:hover\:\!bg-surface\/90:is(.dark *):hover {
      background-color: var(--surface) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:\!bg-surface\/90:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface) 90%, transparent) !important;
      }
    }

    .dark\:hover\:\!bg-white\/\[0\.14\]:is(.dark *):hover {
      background-color: #ffffff24 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:\!bg-white\/\[0\.14\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent) !important;
      }
    }

    .dark\:hover\:\!bg-white\/\[0\.16\]:is(.dark *):hover {
      background-color: #ffffff29 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:\!bg-white\/\[0\.16\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 16%, transparent) !important;
      }
    }

    .dark\:hover\:bg-accent-soft\/10:is(.dark *):hover {
      background-color: var(--accent-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent-soft\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent-soft) 10%, transparent);
      }
    }

    .dark\:hover\:bg-accent-soft\/15:is(.dark *):hover {
      background-color: var(--accent-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent-soft\/15:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent-soft) 15%, transparent);
      }
    }

    .dark\:hover\:bg-accent\/25:is(.dark *):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/25:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent) 25%, transparent);
      }
    }

    .dark\:hover\:bg-amber-900:is(.dark *):hover {
      background-color: var(--color-amber-900);
    }

    .dark\:hover\:bg-black\/90:is(.dark *):hover {
      background-color: #000000e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-black\/90:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }

    .dark\:hover\:bg-danger-500\/10:is(.dark *):hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-danger-500\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--danger) 10%, transparent);
      }
    }

    .dark\:hover\:bg-danger-500\/25:is(.dark *):hover {
      background-color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-danger-500\/25:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--danger) 25%, transparent);
      }
    }

    .dark\:hover\:bg-default:is(.dark *):hover {
      background-color: var(--default);
    }

    .dark\:hover\:bg-default-50\/25:is(.dark *):hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-default-50\/25:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, var(--background)) 25%, transparent);
      }
    }

    .dark\:hover\:bg-default-100\/20:is(.dark *):hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-default-100\/20:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 8%, var(--background)) 20%, transparent);
      }
    }

    .dark\:hover\:bg-default\/50:is(.dark *):hover {
      background-color: var(--default);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-default\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--default) 50%, transparent);
      }
    }

    .dark\:hover\:bg-default\/80:is(.dark *):hover {
      background-color: var(--default);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-default\/80:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--default) 80%, transparent);
      }
    }

    .dark\:hover\:bg-emerald-950\/50:is(.dark *):hover {
      background-color: #002c2280;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-950\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
      }
    }

    .dark\:hover\:bg-foreground\/15:is(.dark *):hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-foreground\/15:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
      }
    }

    .dark\:hover\:bg-foreground\/20:is(.dark *):hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-foreground\/20:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }

    .dark\:hover\:bg-green-900:is(.dark *):hover {
      background-color: var(--color-green-900);
    }

    .dark\:hover\:bg-green-900\/50:is(.dark *):hover {
      background-color: #0d542b80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-green-900\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted:is(.dark *):hover, .dark\:hover\:bg-muted\/10:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 10%, transparent);
      }
    }

    .dark\:hover\:bg-neutral-800:is(.dark *):hover {
      background-color: var(--color-neutral-800);
    }

    .dark\:hover\:bg-primary\/10:is(.dark *):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .dark\:hover\:bg-primary\/20:is(.dark *):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary\/20:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .dark\:hover\:bg-red-900\/50:is(.dark *):hover {
      background-color: #82181a80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-900\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }

    .dark\:hover\:bg-red-950:is(.dark *):hover {
      background-color: var(--color-red-950);
    }

    .dark\:hover\:bg-red-950\/20:is(.dark *):hover {
      background-color: #46080933;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-950\/20:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
      }
    }

    .dark\:hover\:bg-red-950\/30:is(.dark *):hover {
      background-color: #4608094d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-950\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
      }
    }

    .dark\:hover\:bg-red-950\/50:is(.dark *):hover {
      background-color: #46080980;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-950\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
      }
    }

    .dark\:hover\:bg-success-500\/30:is(.dark *):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-500\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--success) 30%, transparent);
      }
    }

    .dark\:hover\:bg-success-900\/10:is(.dark *):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-900\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 10%, transparent);
      }
    }

    .dark\:hover\:bg-success-900\/15:is(.dark *):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-900\/15:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 15%, transparent);
      }
    }

    .dark\:hover\:bg-success-900\/30:is(.dark *):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-900\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 38%, black) 30%, transparent);
      }
    }

    .dark\:hover\:bg-success-950\/30:is(.dark *):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-950\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--success) 25%, black) 30%, transparent);
      }
    }

    .dark\:hover\:bg-surface:is(.dark *):hover {
      background-color: var(--surface);
    }

    .dark\:hover\:bg-surface-secondary:is(.dark *):hover, .dark\:hover\:bg-surface-secondary\/5:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/5:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 5%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/10:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 10%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/15:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/15:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 15%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/20:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/20:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 20%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/30:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 30%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/40:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/40:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/50:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 50%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/60:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/60:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/\[0\.04\]:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/\[0\.04\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 4%, transparent);
      }
    }

    .dark\:hover\:bg-surface-secondary\/\[0\.08\]:is(.dark *):hover {
      background-color: var(--surface-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-secondary\/\[0\.08\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface-secondary) 8%, transparent);
      }
    }

    .dark\:hover\:bg-surface\/82:is(.dark *):hover {
      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface\/82:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--surface) 82%, transparent);
      }
    }

    .dark\:hover\:bg-warning-900\/30:is(.dark *):hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-warning-900\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, color-mix(in oklab, var(--warning) 38%, black) 30%, transparent);
      }
    }

    .dark\:hover\:bg-white:is(.dark *):hover {
      background-color: var(--color-white);
    }

    .dark\:hover\:bg-white\/10:is(.dark *):hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .dark\:hover\:bg-white\/\[0\.03\]:is(.dark *):hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/\[0\.03\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }

    .dark\:hover\:bg-white\/\[0\.08\]:is(.dark *):hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/\[0\.08\]:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }

    .dark\:hover\:bg-zinc-50:is(.dark *):hover {
      background-color: var(--color-zinc-50);
    }

    .dark\:hover\:bg-zinc-700:is(.dark *):hover {
      background-color: var(--color-zinc-700);
    }

    .dark\:hover\:text-amber-100:is(.dark *):hover {
      color: var(--color-amber-100);
    }

    .dark\:hover\:text-amber-300:is(.dark *):hover {
      color: var(--color-amber-300);
    }

    .dark\:hover\:text-danger-400:is(.dark *):hover {
      color: var(--danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:text-danger-400:is(.dark *):hover {
        color: color-mix(in oklab, var(--danger) 68%, white);
      }
    }

    .dark\:hover\:text-muted-foreground:is(.dark *):hover {
      color: var(--muted-foreground);
    }

    .dark\:hover\:ring-accent\/35:is(.dark *):hover {
      --tw-ring-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:ring-accent\/35:is(.dark *):hover {
        --tw-ring-color: color-mix(in oklab, var(--accent) 35%, transparent);
      }
    }

    .dark\:hover\:ring-success-500\/35:is(.dark *):hover {
      --tw-ring-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:ring-success-500\/35:is(.dark *):hover {
        --tw-ring-color: color-mix(in oklab, var(--success) 35%, transparent);
      }
    }

    .dark\:hover\:brightness-\[1\.08\]:is(.dark *):hover {
      --tw-brightness: brightness(1.08);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .dark\:data-\[hover\=true\]\:\!bg-surface\/90:is(.dark *)[data-hover="true"] {
    background-color: var(--surface) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[hover\=true\]\:\!bg-surface\/90:is(.dark *)[data-hover="true"] {
      background-color: color-mix(in oklab, var(--surface) 90%, transparent) !important;
    }
  }

  .dark\:data-\[hover\=true\]\:\!bg-white\/\[0\.14\]:is(.dark *)[data-hover="true"] {
    background-color: #ffffff24 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[hover\=true\]\:\!bg-white\/\[0\.14\]:is(.dark *)[data-hover="true"] {
      background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent) !important;
    }
  }

  .dark\:data-\[hover\=true\]\:\!bg-white\/\[0\.16\]:is(.dark *)[data-hover="true"] {
    background-color: #ffffff29 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[hover\=true\]\:\!bg-white\/\[0\.16\]:is(.dark *)[data-hover="true"] {
      background-color: color-mix(in oklab, var(--color-white) 16%, transparent) !important;
    }
  }

  .dark\:data-\[pressed\=true\]\:\!bg-white\/\[0\.16\]:is(.dark *)[data-pressed="true"] {
    background-color: #ffffff29 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[pressed\=true\]\:\!bg-white\/\[0\.16\]:is(.dark *)[data-pressed="true"] {
      background-color: color-mix(in oklab, var(--color-white) 16%, transparent) !important;
    }
  }

  .dark\:data-\[selected\=true\]\:border-primary:is(.dark *)[data-selected="true"] {
    border-color: var(--primary);
  }

  .dark\:data-\[selected\=true\]\:bg-primary:is(.dark *)[data-selected="true"] {
    background-color: var(--primary);
  }

  @media (min-width: 64rem) {
    .lg\:dark\:bg-white\/15:is(.dark *) {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:dark\:bg-white\/15:is(.dark *) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }

  @media print {
    .print\:block {
      display: block;
    }

    .print\:flex {
      display: flex;
    }

    .print\:hidden {
      display: none;
    }

    .print\:aspect-\[3\/1\] {
      aspect-ratio: 3;
    }

    .print\:h-8 {
      height: calc(var(--spacing) * 8);
    }

    .print\:max-h-40 {
      max-height: calc(var(--spacing) * 40);
    }

    .print\:w-8 {
      width: calc(var(--spacing) * 8);
    }

    .print\:max-w-full {
      max-width: 100%;
    }

    .print\:break-inside-avoid {
      break-inside: avoid;
    }

    .print\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .print\:grid-cols-\[1\.25fr_0\.75fr\] {
      grid-template-columns: 1.25fr .75fr;
    }

    .print\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(15rem\,1fr\)\] {
      grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 1fr);
    }

    .print\:flex-row {
      flex-direction: row;
    }

    :where(.print\: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(.print\: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)));
    }

    .print\:rounded-none {
      border-radius: 0;
    }

    .print\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .print\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .print\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .print\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .print\:border-none {
      --tw-border-style: none;
      border-style: none;
    }

    .print\:bg-white {
      background-color: var(--color-white);
    }

    .print\:p-0 {
      padding: 0;
    }

    .print\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .print\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .print\:px-0 {
      padding-inline: 0;
    }

    .print\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .print\:py-0 {
      padding-block: 0;
    }

    .print\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .print\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .print\:pt-0 {
      padding-top: 0;
    }

    .print\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .print\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .print\:leading-4 {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }

    .print\: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);
    }

    .print\:\[perspective\:none\] {
      perspective: none;
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:opacity-40 {
      opacity: .4;
    }
  }

  @media (pointer: fine) {
    .pointer-fine\:pointer-events-none {
      pointer-events: none;
    }

    .pointer-fine\:opacity-0 {
      opacity: 0;
    }

    .pointer-fine\: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));
    }

    .pointer-fine\:duration-150 {
      --tw-duration: .15s;
      transition-duration: .15s;
    }

    .pointer-fine\:group-focus-within\/saveable-card\:pointer-events-auto:is(:where(.group\/saveable-card):focus-within *) {
      pointer-events: auto;
    }

    .pointer-fine\:group-focus-within\/saveable-card\:opacity-100:is(:where(.group\/saveable-card):focus-within *) {
      opacity: 1;
    }

    @media (hover: hover) {
      .pointer-fine\:group-hover\:opacity-100:is(:where(.group):hover *), .pointer-fine\:group-hover\/filerow\:opacity-100:is(:where(.group\/filerow):hover *) {
        opacity: 1;
      }

      .pointer-fine\:group-hover\/headercell\:pointer-events-auto:is(:where(.group\/headercell):hover *) {
        pointer-events: auto;
      }

      .pointer-fine\:group-hover\/headercell\:opacity-100:is(:where(.group\/headercell):hover *) {
        opacity: 1;
      }

      .pointer-fine\:group-hover\/saveable-card\:pointer-events-auto:is(:where(.group\/saveable-card):hover *) {
        pointer-events: auto;
      }

      .pointer-fine\:group-hover\/saveable-card\:opacity-100:is(:where(.group\/saveable-card):hover *) {
        opacity: 1;
      }

      .pointer-fine\:group-hover\/sortcol\:opacity-70:is(:where(.group\/sortcol):hover *) {
        opacity: .7;
      }
    }

    .pointer-fine\:focus-visible\:opacity-100:focus-visible {
      opacity: 1;
    }
  }

  .\[\&_\*\]\:pointer-events-none * {
    pointer-events: none;
  }

  .\[\&_\*\]\:min-w-0 * {
    min-width: 0;
  }

  .\[\&_\.accordion__body-inner\]\:px-0 .accordion body-inner {
    padding-inline: 0;
  }

  .\[\&_\.accordion__body-inner\]\:pb-1 .accordion body-inner {
    padding-bottom: var(--spacing);
  }

  .\[\&_\.accordion__body-inner\]\:text-base .accordion body-inner {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_\.accordion__body-inner\]\:font-medium .accordion body-inner {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\.accordion__body-inner\]\:text-foreground .accordion body-inner {
    color: var(--foreground);
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&_\.action-bar\]\:bottom-\[calc\(var\(--ehq-mobile-dock-clearance\,5rem\)\+2\.5rem\)\] .action-bar {
      bottom: calc(var(--ehq-mobile-dock-clearance, 5rem) + 2.5rem);
    }

    .max-md\:\[\&_\.action-bar\]\:bottom-\[var\(--ehq-mobile-dock-clearance\,5rem\)\] .action-bar {
      bottom: var(--ehq-mobile-dock-clearance, 5rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&_\.action-bar\]\:top-28 .action-bar {
      top: calc(var(--spacing) * 28);
    }

    .md\:\[\&_\.action-bar\]\:right-\[var\(--dashboard-main-right\)\] .action-bar {
      right: var(--dashboard-main-right);
    }

    .md\:\[\&_\.action-bar\]\:bottom-16 .action-bar {
      bottom: calc(var(--spacing) * 16);
    }

    .md\:\[\&_\.action-bar\]\:bottom-auto .action-bar {
      bottom: auto;
    }

    .md\:\[\&_\.action-bar\]\:left-\[var\(--dashboard-main-left\)\] .action-bar {
      left: var(--dashboard-main-left);
    }
  }

  .\[\&_\.chip\]\:shrink-0 .chip {
    flex-shrink: 0;
  }

  .\[\&_\.chip__label\]\:whitespace-nowrap .chip label {
    white-space: nowrap;
  }

  .\[\&_\.mapboxgl-canvas-container\]\:\!h-full .mapboxgl-canvas-container {
    height: 100% !important;
  }

  .\[\&_\.mapboxgl-canvas-container\]\:\!w-full .mapboxgl-canvas-container {
    width: 100% !important;
  }

  .\[\&_\.mapboxgl-ctrl-attrib\]\:hidden .mapboxgl-ctrl-attrib, .\[\&_\.mapboxgl-ctrl-bottom-left\]\:hidden .mapboxgl-ctrl-bottom-left, .\[\&_\.mapboxgl-ctrl-logo\]\:hidden .mapboxgl-ctrl-logo {
    display: none;
  }

  .\[\&_\.mapboxgl-map\]\:h-full .mapboxgl-map {
    height: 100%;
  }

  .\[\&_\.segment__indicator--ghost\]\:\!bg-surface .segment indicator--ghost {
    background-color: var(--surface) !important;
  }

  .\[\&_\.segment__indicator--ghost\]\:\!bg-surface-secondary .segment indicator--ghost {
    background-color: var(--surface-secondary) !important;
  }

  .\[\&_\.segment__indicator--ghost\]\:shadow-none .segment indicator--ghost {
    --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);
  }

  .\[\&_\.segment__indicator--ghost\]\:shadow-surface .segment indicator--ghost {
    --tw-shadow: var(--surface-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_\.strava-embed-placeholder\]\:\!w-full .strava-embed-placeholder {
    width: 100% !important;
  }

  .\[\&_\.table__row\[data-expanded\=true\]\]\:\!border-b-0 .table row[data-expanded="true"], .\[\&_\.table__row\[data-expanded\=true\]_\.table__cell\]\:\!border-b-0 .table row[data-expanded="true"] .table cell {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .\[\&_\.table__row\[data-expanded\=true\]_\.table__cell\]\:\!bg-surface-secondary\/60 .table row[data-expanded="true"] .table cell {
    background-color: var(--surface-secondary) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.table__row\[data-expanded\=true\]_\.table__cell\]\:\!bg-surface-secondary\/60 .table row[data-expanded="true"] .table cell {
      background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent) !important;
    }
  }

  .\[\&_\.table__row\[data-expansion\=true\]\]\:\!border-b-0 .table row[data-expansion="true"], .\[\&_\.table__row\[data-expansion\=true\]_\.table__cell\]\:\!border-b-0 .table row[data-expansion="true"] .table cell {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .\[\&_\.table__row\[data-expansion\=true\]_\.table__cell\]\:\!bg-surface-secondary\/60 .table row[data-expansion="true"] .table cell {
    background-color: var(--surface-secondary) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.table__row\[data-expansion\=true\]_\.table__cell\]\:\!bg-surface-secondary\/60 .table row[data-expansion="true"] .table cell {
      background-color: color-mix(in oklab, var(--surface-secondary) 60%, transparent) !important;
    }
  }

  .\[\&_\.tabs__list-container__scroller\]\:w-full .tabs list-container scroller {
    width: 100%;
  }

  .\[\&_\.tabs__list-container__scroller\]\:bg-transparent .tabs list-container scroller {
    background-color: #0000;
  }

  .\[\&_\[data-install-identity\]\]\:pr-10 [data-install-identity] {
    padding-right: calc(var(--spacing) * 10);
  }

  @media not (min-width: 40rem) {
    .max-sm\:\[\&_\[data-slot\=agenda-day-header-name\]\]\:text-\[10px\] [data-slot="agenda-day-header-name"] {
      font-size: 10px;
    }

    .max-sm\:\[\&_\[data-slot\=agenda-day-header\]\]\:flex-col [data-slot="agenda-day-header"] {
      flex-direction: column;
    }

    .max-sm\:\[\&_\[data-slot\=agenda-day-header\]\]\:gap-1 [data-slot="agenda-day-header"] {
      gap: var(--spacing);
    }
  }

  .\[\&_\[data-slot\=carousel-viewport\]\]\:overscroll-x-contain [data-slot="carousel-viewport"] {
    overscroll-behavior-x: contain;
  }

  .\[\&_\[data-slot\=drawer-close-trigger\]\]\:top-3 [data-slot="drawer-close-trigger"] {
    top: calc(var(--spacing) * 3);
  }

  .\[\&_\[data-slot\=drawer-close-trigger\]\]\:right-3 [data-slot="drawer-close-trigger"] {
    right: calc(var(--spacing) * 3);
  }

  .\[\&_\[data-slot\=drawer-close-trigger\]\]\:size-11 [data-slot="drawer-close-trigger"] {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .\[\&_\[data-slot\=label\]\]\:min-w-0 [data-slot="label"] {
    min-width: 0;
  }

  .\[\&_\[data-slot\=label\]\]\:flex-1 [data-slot="label"] {
    flex: 1;
  }

  .\[\&_\[data-slot\=menu-item\]\]\:shrink-0 [data-slot="menu-item"] {
    flex-shrink: 0;
  }

  .\[\&_\[data-slot\=select-value\]\]\:min-w-0 [data-slot="select-value"] {
    min-width: 0;
  }

  .\[\&_\[data-slot\=select-value\]\]\:overflow-hidden [data-slot="select-value"] {
    overflow: hidden;
  }

  .\[\&_a\]\:pointer-events-auto a {
    pointer-events: auto;
  }

  .\[\&_a\]\:\[overflow-wrap\:anywhere\] a {
    overflow-wrap: anywhere;
  }

  .\[\&_a\]\:break-all a {
    word-break: break-all;
  }

  .\[\&_a\]\:text-primary a {
    color: var(--primary);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_button\]\:pointer-events-auto button {
    pointer-events: auto;
  }

  .\[\&_button\]\:pointer-events-none button {
    pointer-events: none;
  }

  .\[\&_button\]\:size-6 button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_button\]\:size-7 button {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .\[\&_button\]\:size-8 button {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .\[\&_button\]\:max-w-full button {
    max-width: 100%;
  }

  .\[\&_button\]\:min-w-6 button {
    min-width: calc(var(--spacing) * 6);
  }

  .\[\&_button\]\:min-w-7 button {
    min-width: calc(var(--spacing) * 7);
  }

  .\[\&_button\]\:min-w-8 button {
    min-width: calc(var(--spacing) * 8);
  }

  .\[\&_iframe\]\:\!w-full iframe {
    width: 100% !important;
  }

  .\[\&_iframe\]\:\!max-w-full iframe {
    max-width: 100% !important;
  }

  .\[\&_img\]\:h-auto img {
    height: auto;
  }

  .\[\&_img\]\:max-w-full img {
    max-width: 100%;
  }

  .\[\&_img\]\:mix-blend-multiply img {
    mix-blend-mode: multiply;
  }

  .\[\&_li\[data-status\=active\]_button\]\:pointer-events-none li[data-status="active"] button, .\[\&_li\[data-status\=inactive\]_button\]\:pointer-events-none li[data-status="inactive"] button {
    pointer-events: none;
  }

  .\[\&_ol\]\:ml-5 ol {
    margin-left: calc(var(--spacing) * 5);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_p\+ol\]\:mt-3 p + ol, .\[\&_p\+p\]\:mt-3 p + p, .\[\&_p\+ul\]\:mt-3 p + ul {
    margin-top: calc(var(--spacing) * 3);
  }

  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: 0;
  }

  .\[\&_p\:not\(\:first-child\)\]\:mt-3 p:not(:first-child) {
    margin-top: calc(var(--spacing) * 3);
  }

  .\[\&_span\[title\]\]\:max-w-24 span[title] {
    max-width: calc(var(--spacing) * 24);
  }

  .\[\&_svg\]\:\!m-0 svg {
    margin: 0 !important;
  }

  .\[\&_svg\]\:\!mx-0 svg {
    margin-inline: 0 !important;
  }

  .\[\&_svg\]\:\!my-0 svg {
    margin-block: 0 !important;
  }

  .\[\&_svg\]\:block svg {
    display: block;
  }

  .\[\&_svg\]\:\!size-3 svg, .\[\&_svg\]\:size-3\! svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:mix-blend-multiply svg {
    mix-blend-mode: multiply;
  }

  .dark\:\[\&_svg\]\:\!text-white:is(.dark *) svg {
    color: var(--color-white) !important;
  }

  .\[\&_svg\.lucide\]\:hidden svg.lucide {
    display: none;
  }

  .\[\&_tbody_td\:first-child\]\:sticky tbody td:first-child {
    position: sticky;
  }

  .\[\&_tbody_td\:first-child\]\:left-0 tbody td:first-child {
    left: 0;
  }

  .\[\&_tbody_td\:first-child\]\:z-20 tbody td:first-child {
    z-index: 20;
  }

  .\[\&_tbody_td\:first-child\]\:bg-surface tbody td:first-child {
    background-color: var(--surface);
  }

  .\[\&_tbody_td\:first-child\]\:shadow-\[inset_-1px_0_0_var\(--color-border\)\] tbody td:first-child {
    --tw-shadow: inset -1px 0 0 var(--tw-shadow-color, var(--color-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_thead\]\:sr-only thead {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: 0;
  }

  .\[\&_thead\]\:z-10 thead {
    z-index: 10;
  }

  .\[\&_thead_th\:first-child\]\:sticky thead th:first-child {
    position: sticky;
  }

  .\[\&_thead_th\:first-child\]\:left-0 thead th:first-child {
    left: 0;
  }

  .\[\&_thead_th\:first-child\]\:z-30 thead th:first-child {
    z-index: 30;
  }

  .\[\&_thead_th\:first-child\]\:bg-surface-secondary thead th:first-child {
    background-color: var(--surface-secondary);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_tr\[data-expansion\]_td\:first-child\]\:static tr[data-expansion] td:first-child {
    position: static;
  }

  .\[\&_tr\[data-expansion\]_td\:first-child\]\:shadow-none tr[data-expansion] td:first-child {
    --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);
  }

  .\[\&_ul\]\:ml-5 ul {
    margin-left: calc(var(--spacing) * 5);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&\.ehq-table-striped_tbody_tr\:nth-child\(even\)_td\:first-child\]\:bg-\[color-mix\(in_oklch\,var\(--surface-secondary\)_60\%\,var\(--surface\)\)\].ehq-table-striped tbody tr:nth-child(2n) td:first-child {
    background-color: var(--surface-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.ehq-table-striped_tbody_tr\:nth-child\(even\)_td\:first-child\]\:bg-\[color-mix\(in_oklch\,var\(--surface-secondary\)_60\%\,var\(--surface\)\)\].ehq-table-striped tbody tr:nth-child(2n) td:first-child {
      background-color: color-mix(in oklch,var(--surface-secondary) 60%,var(--surface));
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-sidebar-border\/70::-webkit-scrollbar-thumb {
    background-color: var(--sidebar-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-sidebar-border\/70::-webkit-scrollbar-thumb {
      background-color: color-mix(in oklab, var(--sidebar-border) 70%, transparent);
    }
  }

  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-sidebar-border::-webkit-scrollbar-thumb:hover {
    background-color: var(--sidebar-border);
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .motion-reduce\:\[\&\:\:before\]\:animate-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before, :is():before {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\:\:before\]\:animate-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before, :is():before {
      animation: none;
    }
  }

  .\[\&\:before\]\:\!top-0:before {
    top: 0 !important;
  }

  .\[\&\:before\]\:\!-right-1:before {
    right: calc(var(--spacing) * -1) !important;
  }

  .\[\&\:before\]\:\!bottom-0:before {
    bottom: 0 !important;
  }

  .\[\&\:before\]\:\!-left-1:before {
    left: calc(var(--spacing) * -1) !important;
  }

  .\[\&\:has\(\[data-resize-handle-active\]\)\>\[data-panel\]\]\:transition-none:has([data-resize-handle-active]) > [data-panel] {
    transition-property: none;
  }

  .\[\&\:has\(\[data-separator\=active\]\)\>\[data-panel\]\]\:transition-none:has([data-separator="active"]) > [data-panel] {
    transition-property: none;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
  }

  .\[data-sidebar-navigation-scroll\=\"true\"\]\:visible:is(), .\[data-slot\=\"drawer-backdrop\"\]\:visible:is() {
    visibility: visible;
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:max-w-full > * {
    max-width: 100%;
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: 0;
  }

  .\[\&\>\*\]\:flex-1 > * {
    flex: 1;
  }

  .\[\&\>\*\]\:animate-in > * {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .\[\&\>\*\]\:duration-150 > * {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .\[\&\>\*\]\:fade-in > * {
    --tw-enter-opacity: 0;
  }

  .motion-reduce\:\[\&\>\*\]\:animate-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) > *, :is() > * {
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\>\*\]\:animate-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) > *, :is() > * {
      animation: none;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:\[\&\>\*\]\:\!w-full > * {
      width: 100% !important;
    }

    .max-sm\:\[\&\>\*\]\:w-full > * {
      width: 100%;
    }
  }

  .\[\&\>\*\:empty\]\:hidden > :empty {
    display: none;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0;
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\*\:first-child\]\:mt-0 > :first-child {
      margin-top: 0;
    }
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0;
  }

  .\[\&\>\:first-child\]\:hidden > :first-child {
    display: none;
  }

  .\[\&\>\[class\*\=\'scroller\'\]\]\:min-w-0 > [class*="scroller"] {
    min-width: 0;
  }

  .\[\&\>\[class\*\=\'scroller\'\]\]\:flex-1 > [class*="scroller"] {
    flex: 1;
  }

  .\[\&\>\[class\*\=\'scroller\'\]\]\:scroll-px-10 > [class*="scroller"] {
    scroll-padding-inline: calc(var(--spacing) * 10);
  }

  .\[\&\>\[data-panel\]\]\:transition-\[flex-grow\] > [data-panel] {
    transition-property: flex-grow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&\>\[data-panel\]\]\:duration-300 > [data-panel] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\>\[data-panel\]\]\:ease-out > [data-panel] {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .motion-reduce\:\[\&\>\[data-panel\]\]\:transition-none:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) > [data-panel], :is() > [data-panel] {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\>\[data-panel\]\]\:transition-none:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) > [data-panel], :is() > [data-panel] {
      transition-property: none;
    }
  }

  .\[\&\>\[data-slot\=drawer-handle-bar\]\]\:bg-white\/80 > [data-slot="drawer-handle-bar"] {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=drawer-handle-bar\]\]\:bg-white\/80 > [data-slot="drawer-handle-bar"] {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .\[\&\>\[data-slot\=drawer-handle-bar\]\]\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.35\)\] > [data-slot="drawer-handle-bar"] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>\[data-slot\=label\]\]\:w-full > [data-slot="label"] {
    width: 100%;
  }

  .\[\&\>\[data-slot\=label\]\]\:min-w-0 > [data-slot="label"] {
    min-width: 0;
  }

  .\[\&\>\[data-slot\=label\]\]\:flex-1 > [data-slot="label"] {
    flex: 1;
  }

  .\[\&\>button\]\:size-8 > button {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .\[\&\>button\]\:bg-white > button {
    background-color: var(--color-white);
  }

  .\[\&\>button\]\:px-2\.5 > button {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&\>button\]\:shadow-sm > button {
    --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);
  }

  .\[\&\>button\]\:ring-1 > button {
    --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);
  }

  .\[\&\>button\]\:ring-border\/70 > button {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>button\]\:ring-border\/70 > button {
      --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .\[\&\>button\]\:backdrop-blur-sm > button {
    --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, );
  }

  @media (hover: hover) {
    .\[\&\>button\]\:hover\:bg-surface-secondary > button:hover {
      background-color: var(--surface-secondary);
    }
  }

  .\[\&\>button\]\:active\:bg-surface-secondary > button:active {
    background-color: var(--surface-secondary);
  }

  @media (min-width: 40rem) {
    .sm\:\[\&\>button\]\:px-3 > button {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  .dark\:\[\&\>button\]\:bg-surface\/90:is(.dark *) > button {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&\>button\]\:bg-surface\/90:is(.dark *) > button {
      background-color: color-mix(in oklab, var(--surface) 90%, transparent);
    }
  }

  .\[\&\>div\]\:\!max-w-full > div {
    max-width: 100% !important;
  }

  :where(.\[\&\>div\]\:space-y-2 > div > :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)));
  }

  .\[\&\>div\]\:rounded-none > div {
    border-radius: 0;
  }

  .\[\&\>div\]\:border-0 > div {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\>div\]\:bg-transparent > div {
    background-color: #0000;
  }

  .\[\&\>div\]\:shadow-none > div {
    --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);
  }

  .\[\&\>div\:first-child\]\:rounded-2xl > div:first-child {
    border-radius: calc(var(--radius) * 2);
  }

  .\[\&\>div\:first-child\]\:rounded-xl > div:first-child {
    border-radius: calc(var(--radius) + 4px);
  }

  .\[\&\>div\:first-child\]\:border-divider > div:first-child {
    border-color: var(--border);
  }

  @media not (min-width: 64rem) {
    .max-lg\:\[\&\>div\>div\]\:w-full > div > div {
      width: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>section\]\:mt-0 > section {
      margin-top: 0;
    }

    .md\:\[\&\>section\]\:max-w-none > section {
      max-width: none;
    }
  }

  .\[\&\>span\]\:ml-0 > span {
    margin-left: 0;
  }

  .\[\&\>span\]\:hidden > span {
    display: none;
  }

  .\[\&\>span\]\:max-w-0 > span {
    max-width: 0;
  }

  .\[\&\>span\]\:max-w-\[10rem\] > span {
    max-width: 10rem;
  }

  .\[\&\>span\]\:overflow-hidden > span {
    overflow: hidden;
  }

  .\[\&\>span\]\:text-sidebar-foreground > span {
    color: var(--sidebar-foreground);
  }

  .\[\&\>span\]\:opacity-0 > span {
    opacity: 0;
  }

  .\[\&\>span\]\:opacity-100 > span {
    opacity: 1;
  }

  .\[\&\>span\]\:transition-\[max-width\,opacity\,margin\] > span {
    transition-property: max-width, opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&\>span\]\:duration-200 > span {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\>span\]\:ease-out > span {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>span\]\:block > span {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .\[\&\>span\]\:lg\:inline-flex > span {
      display: inline-flex;
    }
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-7 > svg {
    height: calc(var(--spacing) * 7);
  }

  .\[\&\>svg\]\:h-8 > svg {
    height: calc(var(--spacing) * 8);
  }

  .\[\&\>svg\]\:h-9 > svg {
    height: calc(var(--spacing) * 9);
  }

  .\[\&\>svg\]\:h-10 > svg {
    height: calc(var(--spacing) * 10);
  }

  .\[\&\>svg\]\:w-7 > svg {
    width: calc(var(--spacing) * 7);
  }

  .\[\&\>svg\]\:w-8 > svg {
    width: calc(var(--spacing) * 8);
  }

  .\[\&\>svg\]\:w-9 > svg {
    width: calc(var(--spacing) * 9);
  }

  .\[\&\>svg\]\:w-10 > svg {
    width: calc(var(--spacing) * 10);
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  @media (min-width: 40rem) {
    .sm\:\[\&\>svg\]\:h-9 > svg {
      height: calc(var(--spacing) * 9);
    }

    .sm\:\[\&\>svg\]\:w-9 > svg {
      width: calc(var(--spacing) * 9);
    }
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\>video\]\:h-full > video {
    height: 100%;
  }

  .\[\&\>video\]\:w-full > video {
    width: 100%;
  }

  .\[\&\>video\]\:object-cover > video {
    object-fit: cover;
  }

  .\[\&\[open\]\>summary\>svg\.expand-chevron\]\:rotate-180[open] > summary > svg.expand-chevron {
    rotate: 180deg;
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:opacity-0 {
      opacity: 0;
    }

    .\[\@media\(hover\:hover\)\]\:group-focus-within\/distance-order\:opacity-100:is(:where(.group\/distance-order):focus-within *) {
      opacity: 1;
    }

    @media (hover: hover) {
      .\[\@media\(hover\:hover\)\]\:group-hover\/distance-order\:opacity-100:is(:where(.group\/distance-order):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 48rem) {
    @media (hover: hover) {
      .md\:\[\@media\(hover\:hover\)\]\:hidden {
        display: none;
      }
    }
  }

  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .\[\@media\(hover\:none\)\]\:\!block {
      display: block !important;
    }

    .\[\@media\(hover\:none\)\]\:\!hidden {
      display: none !important;
    }

    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 1;
    }
  }

  @media (pointer: coarse) {
    .\[\@media\(pointer\:coarse\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .\[\@media\(pointer\:coarse\)\]\:\!block {
      display: block !important;
    }

    .\[\@media\(pointer\:coarse\)\]\:\!hidden {
      display: none !important;
    }

    .\[\@media\(pointer\:coarse\)\]\:hidden {
      display: none;
    }

    .\[\@media\(pointer\:coarse\)\]\:inline {
      display: inline;
    }

    .\[\@media\(pointer\:coarse\)\]\:\!max-w-full {
      max-width: 100% !important;
    }
  }

  body:has(.pwa-install-drawer) .\[body\:has\(\.pwa-install-drawer\)_\&\]\:invisible {
    visibility: hidden;
  }

  html[data-mobile-pills="hidden"] .\[html\[data-mobile-pills\=hidden\]_\&\]\:top-2 {
    top: calc(var(--spacing) * 2);
  }

  @media not (min-width: 64rem) {
    html[data-mobile-pills="hidden"] .\[html\[data-mobile-pills\=hidden\]_\&\]\:max-lg\:top-0 {
      top: 0;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes sd-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes sd-blurIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }

  to {
    opacity: 1;
    filter: blur();
  }
}

@keyframes sd-slideUp {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-sd-animate] {
  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, .15s) var(--sd-easing, ease) var(--sd-delay, 0s) both;
}

@keyframes sd-markerIn {
  from {
    color: #0000;
  }
}

[data-sd-animate-marker]::marker {
  animation: sd-markerIn var(--sd-marker-duration, .15s) var(--sd-marker-easing, ease) var(--sd-marker-delay, 0s) both;
}

.mapboxgl-map {
  -webkit-tap-highlight-color: #0000;
  font: 12px / 20px Helvetica Neue, Arial, Helvetica, sans-serif;
  position: relative;
  overflow: hidden;
}

.mapboxgl-canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-left, .mapboxgl-ctrl-right, .mapboxgl-ctrl-top, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  pointer-events: none;
  z-index: 2;
  position: absolute;
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}

.mapboxgl-ctrl-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}

.mapboxgl-ctrl-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}

.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl, .mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}

.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px buttontext;
  }
}

.mapboxgl-ctrl-group button {
  box-sizing: border-box;
  background-color: initial;
  cursor: pointer;
  border: 0;
  outline: none;
  width: 32px;
  height: 32px;
  padding: 0;
  display: block;
  overflow: hidden;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: initial;
  }

  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid buttontext;
  }
}

.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}

.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #eee;
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-up .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.29289%2011.7071C4.68342%2012.0976%205.31658%2012.0976%205.70711%2011.7071L9%208.41421L12.2929%2011.7071C12.6834%2012.0976%2013.3166%2012.0976%2013.7071%2011.7071C14.0976%2011.3166%2014.0976%2010.6834%2013.7071%2010.2929L9.70711%206.29289C9.31658%205.90237%208.68342%205.90237%208.29289%206.29289L4.29289%2010.2929C3.90237%2010.6834%203.90237%2011.3166%204.29289%2011.7071Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-size: 18px 18px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.29289%206.29289C4.68342%205.90237%205.31658%205.90237%205.70711%206.29289L9%209.58579L12.2929%206.29289C12.6834%205.90237%2013.3166%205.90237%2013.7071%206.29289C14.0976%206.68342%2014.0976%207.31658%2013.7071%207.70711L9.70711%2011.7071C9.31658%2012.0976%208.68342%2012.0976%208.29289%2011.7071L4.29289%207.70711C3.90237%207.31658%203.90237%206.68342%204.29289%206.29289Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-size: 18px 18px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-size: 18px 18px;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23aaa%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e58978%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e54e33%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: 2s linear infinite mapboxgl-spin;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e58978%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e54e33%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E");
  }
}

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

a.mapboxgl-ctrl-logo {
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%220.3%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%220.9%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  overflow: hidden;
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: initial;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%221%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%221%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%221%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20fill%3D%22%23fff%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%221%22%20fill%3D%22%23000%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: #ffffff80;
  margin: 0;
  padding: 0 5px;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    box-sizing: initial;
    background-color: #fff;
    border-radius: 12px;
    margin: 10px;
    padding: 2px 24px 2px 0;
    position: relative;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    visibility: visible;
    padding: 2px 28px 2px 8px;
  }

  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }

  .mapboxgl-ctrl-attrib-button {
    cursor: pointer;
    box-sizing: border-box;
    background-color: #ffffff80;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E");
    border: 0;
    border-radius: 12px;
    outline: none;
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) .mapboxgl-ctrl-attrib-button {
    left: 0;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d;
  }

  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }

  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }

  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }

  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E");
  }
}

.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  margin-left: 2px;
  font-weight: 700;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #ffffffbf;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  font-size: 10px;
}

.mapboxgl-popup {
  will-change: transform;
  pointer-events: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  z-index: 1;
  border: 10px solid #0000;
  width: 0;
  height: 0;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  align-self: center;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  border-left: none;
  align-self: flex-start;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  border-right: none;
  align-self: flex-end;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  align-self: center;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  border-left: none;
  align-self: flex-start;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  border-right: none;
  align-self: flex-end;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-left: none;
  border-right-color: #fff;
  align-self: center;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #fff;
  border-right: none;
  align-self: center;
}

.mapboxgl-popup-close-button {
  cursor: pointer;
  background-color: initial;
  border: 0;
  border-radius: 0 3px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.mapboxgl-popup-close-button:hover {
  background-color: #eee;
}

.mapboxgl-popup-content {
  pointer-events: auto;
  background: #fff;
  border-radius: 3px;
  padding: 10px 10px 15px;
  position: relative;
  box-shadow: 0 1px 2px #0000001a;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  will-change: transform;
  opacity: 1;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.mapboxgl-user-location-dot:before {
  content: "";
  animation: 2s infinite mapboxgl-user-location-dot-pulse;
  position: absolute;
}

.mapboxgl-user-location-dot:after {
  content: "";
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: -2px;
  left: -2px;
  box-shadow: 0 0 3px #00000059;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after, .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid #0000;
  transform: translateY(-28px)skewY(-20deg);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid #0000;
  transform: translate(7.5px, -28px)skewY(20deg);
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  70% {
    opacity: 0;
    transform: scale(3);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale:after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  width: 1px;
  height: 1px;
}

.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  opacity: .5;
  background: #fff;
  border: 2px dotted #202020;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}

.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  color: #fff;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  transition: opacity .75s ease-in-out 1s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page, .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
  color: #000;
  background-color: #bccbd7;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
  background-color: #ccc;
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@media (display-mode: standalone) and (max-width: 767px) {
  [data-race-site-marketing-nav], .cinematic-browser-safe-zone, .cinematic-browser-safe-zone-spacer {
    display: none;
  }
}

:root {
  --radius: .625rem;
  --background: #fcf8f1;
  --foreground: #0c0a09;
  --card: #fff;
  --card-foreground: #0c0a09;
  --popover: #fff;
  --popover-foreground: #0c0a09;
  --primary: #4f785b;
  --primary-foreground: #fff;
  --secondary: #1c1917;
  --secondary-foreground: #fff;
  --accent: #527c5e;
  --accent-foreground: #fff;
  --brand-blue: #527c5e;
  --brand-blue-foreground: #fff;
  --highlight: #5d996e;
  --muted: #f6f5f4;
  --table-row-hover: #f6f5f480;
  --muted-foreground: #6a6664;
  --field-placeholder: var(--muted-foreground);
  --destructive: #e40014;
  --destructive-foreground: #fff;
  --border: #e5e3e2;
  --input: #e5e3e2;
  --ring: #4f785b;
  --chart-1: #4f785b;
  --chart-2: #648b6c;
  --chart-3: #6a6664;
  --chart-4: #f05100;
  --chart-5: #1bae52;
  --sidebar: #fcf8f1;
  --sidebar-foreground: #0c0a09;
  --sidebar-primary: #4f785b;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #ecebea;
  --sidebar-accent-foreground: #0c0a09;
  --sidebar-border: #e5e3e2;
  --sidebar-ring: #4f785b;
  --cairn-gradient-foreground: #20432b;
  --cairn-fill: #e0f0e3;
  --cairn-border-gradient: linear-gradient(160deg,
    #105c31 0%,
    #5ec165 48%,
    #006f56 100%);
  --cairn-gradient-shadow: inset 0 1px 0 #ffffff1f,
    0 0 16px #78b68147,
    0 2px 4px #105c3124;
  --success: #1bae52;
  --success-foreground: #fff;
  --warning: #f69d00;
  --warning-foreground: #0c0a09;
  --info: #527c5e;
  --info-foreground: #fff;
  --live: #2bac00;
  --urgent: #f94144;
  --glass: #ffffffb3;
  --glass-border: #fff3;
  --surface-elevated: #fffbf9;
  --surface-sunken: #f7f3ee;
  --surface: var(--card);
  --surface-secondary: #eff0f2;
  --surface-tertiary: #e4e6e9;
  --overlay: var(--card);
  --field-background: var(--card);
  --border-width-field: 1px;
  --field-border: #b6b7b9;
  --field-border-hover: #8e8f91;
  --field-border-focus: var(--primary);
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(97.7087% .579834 3.77247);
    --foreground: lab(2.86037% .455312 .568903);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.86037% .455312 .568903);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.86037% .455312 .568903);
    --primary: lab(46.7992% -20.0219 11.3072);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(9.03835% 1.15306 1.92948);
    --secondary-foreground: lab(100% 0 0);
    --accent: lab(48.32% -20.2858 11.5612);
    --accent-foreground: lab(100% 0 0);
    --brand-blue: lab(48.32% -20.2858 11.5612);
    --brand-blue-foreground: lab(100% 0 0);
    --highlight: lab(58.2534% -27.5466 16.2492);
    --muted: lab(96.516% .214845 .293744);
    --table-row-hover: lab(96.516% .214845 .293744 / .5);
    --muted-foreground: lab(43.6103% .941634 1.59357);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --destructive-foreground: lab(100% 0 0);
    --border: lab(90.364% .560463 .953376);
    --input: lab(90.364% .560463 .953376);
    --ring: lab(46.7992% -20.0219 11.3072);
    --chart-1: lab(46.7992% -20.0219 11.3072);
    --chart-2: lab(54.3214% -19.1417 12.125);
    --chart-3: lab(43.6103% .941634 1.59357);
    --chart-4: lab(57.1026% 64.2584 89.8886);
    --chart-5: lab(62.6248% -53.1579 36.1738);
    --sidebar: lab(97.7087% .579834 3.77247);
    --sidebar-foreground: lab(2.86037% .455312 .568903);
    --sidebar-primary: lab(46.7992% -20.0219 11.3072);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(93.0347% .373095 .635242);
    --sidebar-accent-foreground: lab(2.86037% .455312 .568903);
    --sidebar-border: lab(90.364% .560463 .953376);
    --sidebar-ring: lab(46.7992% -20.0219 11.3072);
    --cairn-gradient-foreground: lab(25.3758% -18.4203 10.9546);
    --cairn-fill: lab(93.3752% -7.39116 4.71066);
    --cairn-border-gradient: linear-gradient(160deg,
    lab(33.9971% -31.4058 17.9562) 0%,
    lab(70.6232% -44.8775 37.1284) 48%,
    lab(41.1224% -38.9845 6.2962) 100%);
    --cairn-gradient-shadow: inset 0 1px 0 lab(100% 0 0 / .12),
    0 0 16px lab(68.7994% -29.1471 20.5981 / .28),
    0 2px 4px lab(33.9971% -31.4058 17.9562 / .14);
    --success: lab(62.6248% -53.1579 36.1738);
    --success-foreground: lab(100% 0 0);
    --warning: lab(72.7009% 28.0159 80.6925);
    --warning-foreground: lab(2.86037% .455312 .568903);
    --info: lab(48.32% -20.2858 11.5612);
    --info-foreground: lab(100% 0 0);
    --live: lab(62.0563% -63.5088 81.957);
    --urgent: lab(57.1752% 69.5963 43.0458);
    --glass: lab(100% 0 0 / .7);
    --glass-border: lab(100% 0 0 / .2);
    --surface-elevated: lab(98.8197% 1.07813 1.47125);
    --surface-sunken: lab(95.9445% .915855 2.88134);
    --surface-secondary: lab(94.7778% -.333816 -1.07459);
    --surface-tertiary: lab(91.297% -.443697 -1.432);
    --field-border: lab(74.4778% -.33316 -1.07424);
    --field-border-hover: lab(59.3977% -.332505 -1.07385);
  }
}

.dark {
  --background: #131313;
  --foreground: #e4e4e4;
  --card: #1c1c1c;
  --card-foreground: #e4e4e4;
  --popover: #1c1c1c;
  --popover-foreground: #e4e4e4;
  --primary: #648b6c;
  --primary-foreground: #f8f8f8;
  --secondary: #2f4a30;
  --secondary-foreground: #e4e4e4;
  --accent: #5b8263;
  --accent-foreground: #f8f8f8;
  --brand-blue: #5d996e;
  --brand-blue-foreground: #f8f8f8;
  --highlight: #6c9d79;
  --muted: #292929;
  --table-row-hover: #29292980;
  --muted-foreground: #8c8c8c;
  --field-placeholder: var(--muted-foreground);
  --destructive: #ff6568;
  --destructive-foreground: #f8f8f8;
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #648b6c;
  --chart-1: #648b6c;
  --chart-2: #66b79c;
  --chart-3: gray;
  --chart-4: #f05100;
  --chart-5: #1bae52;
  --sidebar: #131313;
  --sidebar-foreground: #e4e4e4;
  --sidebar-primary: #648b6c;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #242424;
  --sidebar-accent-foreground: #e4e4e4;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #648b6c;
  --cairn-gradient-foreground: #f8f8f8;
  --cairn-fill: #193521;
  --cairn-border-gradient: linear-gradient(160deg,
    #368e57 0%,
    #65d06c 48%,
    #009d7c 100%);
  --cairn-gradient-shadow: inset 0 1px 0 #ffffff14,
    0 0 20px #69ba7c47,
    0 2px 5px #0003;
  --success: #1bae52;
  --success-foreground: #0c0a09;
  --warning: #f69d00;
  --warning-foreground: #0c0a09;
  --info: #648b6c;
  --info-foreground: #f8f8f8;
  --live: #2bac00;
  --urgent: #f94144;
  --glass: #1c1c1cb3;
  --glass-border: #ffffff1a;
  --surface-elevated: #262626;
  --surface-sunken: #0d0d0d;
  --surface: var(--card);
  --surface-secondary: #242424;
  --surface-tertiary: #2b2b2b;
  --overlay: var(--card);
  --field-background: var(--surface-sunken);
  --field-border: #585858;
  --field-border-hover: gray;
  --field-border-focus: var(--primary);
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(5.71933% 0 0);
    --foreground: lab(90.72% .0000298023 -.0000119209);
    --card: lab(10.1% 0 .00000298023);
    --card-foreground: lab(90.72% .0000298023 -.0000119209);
    --popover: lab(10.1% 0 .00000298023);
    --popover-foreground: lab(90.72% .0000298023 -.0000119209);
    --primary: lab(54.4486% -19.3565 12.4783);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(28.7688% -15.388 12.362);
    --secondary-foreground: lab(90.72% .0000298023 -.0000119209);
    --accent: lab(50.9671% -19.3677 12.4968);
    --accent-foreground: lab(97.68% -.0000298023 .0000119209);
    --brand-blue: lab(58.2529% -27.5168 16.3062);
    --brand-blue-foreground: lab(97.68% -.0000298023 .0000119209);
    --highlight: lab(60.385% -22.8459 13.4964);
    --muted: lab(16.48% 0 0);
    --table-row-hover: lab(16.48% 0 0 / .5);
    --muted-foreground: lab(58.24% 0 0);
    --destructive: lab(63.7053% 60.745 31.3109);
    --destructive-foreground: lab(97.68% -.0000298023 .0000119209);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --ring: lab(54.4486% -19.3565 12.4783);
    --chart-1: lab(54.4486% -19.3565 12.4783);
    --chart-2: lab(68.7088% -30.9154 5.7086);
    --chart-3: lab(53.6% 0 0);
    --chart-4: lab(57.1026% 64.2584 89.8886);
    --chart-5: lab(62.6248% -53.1579 36.1738);
    --sidebar: lab(5.71933% 0 0);
    --sidebar-foreground: lab(90.72% .0000298023 -.0000119209);
    --sidebar-primary: lab(54.4486% -19.3565 12.4783);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(14.16% 0 0);
    --sidebar-accent-foreground: lab(90.72% .0000298023 -.0000119209);
    --sidebar-border: lab(100% 0 0 / .1);
    --sidebar-ring: lab(54.4486% -19.3565 12.4783);
    --cairn-gradient-foreground: lab(97.68% -.0000298023 .0000119209);
    --cairn-fill: lab(19.4474% -15.3394 9.11675);
    --cairn-border-gradient: linear-gradient(160deg,
    lab(52.8246% -37.472 21.3416) 0%,
    lab(75.3833% -47.6857 39.4806) 48%,
    lab(57.6259% -45.8068 7.42991) 100%);
    --cairn-gradient-shadow: inset 0 1px 0 lab(100% 0 0 / .08),
    0 0 20px lab(69.0581% -35.9632 23.4195 / .28),
    0 2px 5px lab(0% 0 0 / .2);
    --success: lab(62.6248% -53.1579 36.1738);
    --success-foreground: lab(2.86037% .455312 .568903);
    --warning: lab(72.7009% 28.0159 80.6925);
    --warning-foreground: lab(2.86037% .455312 .568903);
    --info: lab(54.4486% -19.3565 12.4783);
    --info-foreground: lab(97.68% -.0000298023 .0000119209);
    --live: lab(62.0563% -63.5088 81.957);
    --urgent: lab(57.1752% 69.5963 43.0458);
    --glass: lab(10.1% 0 .00000298023 / .7);
    --glass-border: lab(100% 0 0 / .1);
    --surface-elevated: lab(15.32% 0 0);
    --surface-sunken: lab(3.6999% 0 0);
    --surface-secondary: lab(14.16% 0 0);
    --surface-tertiary: lab(17.64% -.0000149012 0);
    --field-border: lab(37.36% .0000149012 -.00000596046);
    --field-border-hover: lab(53.6% 0 0);
  }
}

.qa-composer-textarea:focus-within {
  border-color: var(--brand-ring, var(--brand-color, var(--color-primary)));
  box-shadow: 0 1px 2px 0 #0000000d,
    0 0 0 2px var(--brand-ring, var(--brand-color, var(--color-primary)));
}

[data-branded] :is(h1, h2, h3, h4, .font-display, [data-title]) {
  font-family: var(--brand-title-font, var(--brand-font, var(--font-body))), sans-serif !important;
}

[data-marketing] :where(h1, h2, h3, h4, [data-title]):not(.font-body) {
  font-family: var(--font-lora), serif;
}

@keyframes landing-communications-signal-wave {
  0% {
    opacity: .78;
    transform: scale(.18);
  }

  16% {
    opacity: .63;
    transform: scale(1.25);
  }

  34% {
    opacity: .45;
    transform: scale(2.46);
  }

  50% {
    opacity: .28;
    transform: scale(3.53);
  }

  62% {
    opacity: .12;
    transform: scale(4.33);
  }

  72%, 100% {
    opacity: 0;
    transform: scale(5);
  }
}

.landing-communications-signal {
  opacity: .78;
}

.landing-communications-signal__wave {
  opacity: 0;
  transform-box: view-box;
  transform-origin: 17px 58px;
  animation: 3.15s linear infinite landing-communications-signal-wave;
  animation-delay: var(--landing-signal-delay);
  filter: drop-shadow(0 0 3px);
  transform: scale(.18);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-communications-signal__wave {
    filter: drop-shadow(0 0 3px color-mix(in oklch, currentColor 28%, transparent));
  }
}

.landing-communications-signal__wave {
  will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
  .landing-communications-signal__wave {
    opacity: .24;
    transform: scale(var(--landing-signal-rest-scale));
    will-change: auto;
    animation: none;
  }
}

@keyframes landing-endurance-shimmer {
  0%, 50% {
    background-position: 120%;
  }

  92%, 100% {
    background-position: -20%;
  }
}

@keyframes landing-delightful-shake {
  0%, 4%, 50%, 100% {
    transform: rotate(0)translateY(0);
  }

  8% {
    transform: rotate(-3deg)translateY(0);
  }

  14% {
    transform: rotate(3.25deg)translateY(0);
  }

  20% {
    transform: rotate(-2.75deg)translateY(0);
  }

  26% {
    transform: rotate(2.75deg)translateY(0);
  }

  33% {
    transform: rotate(-1.75deg)translateY(-.5px);
  }

  40% {
    transform: rotate(1.75deg)translateY(-.5px);
  }

  46% {
    transform: rotate(0)translateY(-1.5px);
  }
}

@keyframes landing-hard-letter-rain {
  0%, 100% {
    opacity: 1;
    color: var(--foreground);
    filter: blur();
    text-shadow: 0 0 #0000;
    transform: translateY(0)scaleX(1)scaleY(1);
  }

  8% {
    opacity: .94;
    color: var(--foreground);
    filter: blur();
    text-shadow: 0 .03em .03em color-mix(in oklch, currentColor 14%, transparent);
    transform: translateY(.02em)scaleX(1)scaleY(1.02);
  }

  22% {
    opacity: .55;
    color: var(--foreground);
    filter: blur(.5px);
    text-shadow: 0 .11em .08em color-mix(in oklch, currentColor 24%, transparent);
    transform: translateY(.1em)scaleX(.97)scaleY(1.09);
  }

  34% {
    opacity: 0;
    color: var(--foreground);
    filter: blur(1.8px);
    text-shadow: 0 .3em .16em color-mix(in oklch, currentColor 34%, transparent);
    transform: translateY(.34em)scaleX(.82)scaleY(1.3);
  }

  38% {
    opacity: 0;
    color: color-mix(in oklch, var(--danger) 78%, var(--foreground));
    filter: blur(2.4px);
    text-shadow: 0 0 #0000;
    transform: translateY(0)scaleX(.94)scaleY(.94);
  }

  54% {
    opacity: 1;
    color: color-mix(in oklch, var(--danger) 78%, var(--foreground));
    filter: blur(.2px);
    text-shadow: 0 .05em .08em color-mix(in oklch, var(--danger) 24%, transparent);
    transform: translateY(0)scaleX(.99)scaleY(.99);
  }

  78% {
    opacity: 1;
    color: var(--foreground);
    filter: blur();
    text-shadow: 0 0 #0000;
    transform: translateY(0)scaleX(1)scaleY(1);
  }
}

.landing-hard-word {
  white-space: nowrap;
  display: inline-flex;
}

.landing-hard-letter {
  transform-origin: 50% 100%;
  will-change: color, filter, opacity, text-shadow, transform;
  animation: 2.1s cubic-bezier(.33, 0, .2, 1) infinite landing-hard-letter-rain;
  display: inline-block;
}

:where(.text-clip-safe, .landing-delightful-word, .landing-endurance-shine, .text-gradient-primary, .text-gradient-accent, .text-gradient-athletic) {
  margin-bottom: -.14em;
  padding-bottom: .14em;
  overflow: visible;
}

.landing-delightful-word {
  transform-origin: 50% 60%;
  will-change: transform;
  animation: 2.7s ease-in-out infinite landing-delightful-shake;
  display: inline-block;
}

.landing-endurance-shine {
  color: #0000;
  background-image: linear-gradient(105deg,
    var(--highlight) 0%,
    var(--highlight) 40%,
    var(--highlight) 49%,
    var(--highlight) 58%,
    var(--highlight) 100%);
  display: inline-block;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-endurance-shine {
    background-image: linear-gradient(105deg,
    var(--highlight) 0%,
    var(--highlight) 40%,
    color-mix(in oklch, var(--highlight) 58%, white) 49%,
    var(--highlight) 58%,
    var(--highlight) 100%);
  }
}

.landing-endurance-shine {
  -webkit-text-fill-color: transparent;
  will-change: background-position;
  background-position: 120%;
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2.7s ease-in-out infinite landing-endurance-shimmer;
}

@media (prefers-reduced-motion: reduce) {
  .landing-hard-letter {
    filter: none;
    opacity: 1;
    text-shadow: none;
    will-change: auto;
    animation: none;
    transform: none;
  }

  .landing-delightful-word {
    will-change: auto;
    animation: none;
  }

  .landing-endurance-shine {
    color: var(--highlight);
    -webkit-text-fill-color: currentColor;
    will-change: auto;
    background: none;
    animation: none;
  }
}

@keyframes landing-pain-card-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in oklch, var(--pain-card-glow) 0%, transparent),
      0 0 0 0 color-mix(in oklch, var(--pain-card-glow) 0%, transparent);
  }

  45% {
    box-shadow: 0 0 0 2px color-mix(in oklch, var(--pain-card-glow) 24%, transparent),
      0 0 22px 3px color-mix(in oklch, var(--pain-card-glow) 15%, transparent);
  }
}

.landing-pain-card-glow {
  animation: 3.6s ease-in-out infinite landing-pain-card-glow;
  animation-delay: var(--pain-card-glow-delay, 0s);
  will-change: box-shadow;
  animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .landing-pain-card-glow {
    will-change: auto;
    animation: none;
  }
}

@keyframes landing-cinematic-connector {
  0% {
    opacity: 1;
    transform-origin: top;
    transform: scaleY(0);
  }

  50% {
    opacity: 1;
    transform-origin: top;
    transform: scaleY(1);
  }

  50.01% {
    transform-origin: bottom;
  }

  100% {
    opacity: 0;
    transform-origin: bottom;
    transform: scaleY(0);
  }
}

.landing-cinematic-connector {
  opacity: 0;
  background: linear-gradient(to bottom, var(--highlight), transparent);
  box-shadow: 0 0 6px var(--highlight);
  transform: scaleY(0);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-cinematic-connector {
    box-shadow: 0 0 6px color-mix(in oklch, var(--highlight) 60%, transparent);
  }
}

.landing-cinematic-connector--active {
  will-change: opacity, transform;
  animation: 3s ease-in-out infinite landing-cinematic-connector;
}

@media (prefers-reduced-motion: reduce) {
  .landing-cinematic-connector--active {
    opacity: .72;
    will-change: auto;
    animation: none;
    transform: scaleY(1);
  }
}

@keyframes landing-magnetic-left {
  0% {
    transform: translateX(0)rotate(0);
  }

  12% {
    transform: translateX(-.2em)rotate(0);
  }

  15% {
    transform: translateX(-.17em)rotate(.45deg);
  }

  18% {
    transform: translateX(-.22em)rotate(-.4deg);
  }

  21% {
    transform: translateX(-.18em)rotate(.3deg);
  }

  24% {
    transform: translateX(-.2em)rotate(0);
  }

  34% {
    transform: translateX(.025em)rotate(-.25deg);
  }

  38% {
    transform: translateX(-.018em)rotate(.2deg);
  }

  41% {
    transform: translateX(.009em)rotate(-.1deg);
  }

  44%, 100% {
    transform: translateX(0)rotate(0);
  }
}

@keyframes landing-magnetic-right {
  0% {
    transform: translateX(0)rotate(0);
  }

  12% {
    transform: translateX(.2em)rotate(0);
  }

  15% {
    transform: translateX(.17em)rotate(-.45deg);
  }

  18% {
    transform: translateX(.22em)rotate(.4deg);
  }

  21% {
    transform: translateX(.18em)rotate(-.3deg);
  }

  24% {
    transform: translateX(.2em)rotate(0);
  }

  34% {
    transform: translateX(-.025em)rotate(.25deg);
  }

  38% {
    transform: translateX(.018em)rotate(-.2deg);
  }

  41% {
    transform: translateX(-.009em)rotate(.1deg);
  }

  44%, 100% {
    transform: translateX(0)rotate(0);
  }
}

#final-cta {
  --landing-final-cta-cycle: 4.8s;
}

.landing-magnetic-word {
  white-space: nowrap;
  display: inline-flex;
}

.landing-magnetic-word__half {
  animation-duration: var(--landing-final-cta-cycle);
  will-change: transform;
  animation-timing-function: cubic-bezier(.33, 0, .2, 1);
  animation-iteration-count: infinite;
  display: inline-block;
}

.landing-magnetic-word__half--left {
  transform-origin: 100%;
  animation-name: landing-magnetic-left;
}

.landing-magnetic-word__half--right {
  transform-origin: 0;
  animation-name: landing-magnetic-right;
}

@keyframes landing-final-cta-glow {
  0%, 44% {
    opacity: .08;
  }

  56% {
    opacity: .55;
  }

  62% {
    opacity: .9;
  }

  68% {
    opacity: .62;
  }

  74% {
    opacity: .36;
  }

  82%, 100% {
    opacity: .08;
  }
}

@keyframes landing-final-cta-arrow {
  0%, 44%, 82%, 100% {
    transform: translate3d(0, 0, 0)rotate(0);
  }

  56% {
    transform: translate3d(.16rem, -.07rem, 0)rotate(-6deg);
  }

  62% {
    transform: translate3d(.28rem, .02rem, 0)rotate(5deg);
  }

  68% {
    transform: translate3d(.12rem, -.04rem, 0)rotate(-3deg);
  }

  74% {
    transform: translate3d(.21rem, 0, 0)rotate(2deg);
  }
}

.landing-final-cta {
  isolation: isolate;
  position: relative;
  overflow: visible;
}

.landing-final-cta:before {
  z-index: 0;
  border-radius: inherit;
  box-shadow: 0 0 16px 3px var(--primary),
    0 0 32px 7px var(--primary);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-final-cta:before {
    box-shadow: 0 0 16px 3px color-mix(in srgb, var(--primary) 56%, transparent),
    0 0 32px 7px color-mix(in srgb, var(--primary) 34%, transparent);
  }
}

.landing-final-cta:before {
  content: "";
  pointer-events: none;
  animation: landing-final-cta-glow var(--landing-final-cta-cycle) ease-in-out infinite;
  will-change: opacity;
}

.landing-final-cta__arrow {
  animation: landing-final-cta-arrow var(--landing-final-cta-cycle) ease-in-out infinite;
  transform-origin: 45%;
  will-change: transform;
}

#final-cta[data-ready="false"] :is(.landing-magnetic-word__half, .landing-final-cta__arrow) {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .landing-magnetic-word__half, .landing-final-cta:before, .landing-final-cta__arrow {
    will-change: auto;
    animation: none;
    transform: none;
  }

  .landing-final-cta:before {
    opacity: .18;
  }
}

.gradient-primary {
  background-image: linear-gradient(to right, var(--color-primary), var(--color-brand-blue));
}

.gradient-accent {
  background-image: linear-gradient(to right, var(--color-accent), var(--color-primary));
}

.gradient-success {
  background-image: linear-gradient(to right, var(--color-success), var(--color-accent));
}

.gradient-warm {
  background-image: linear-gradient(to bottom right, var(--color-warning), var(--color-destructive));
}

.gradient-cool {
  background-image: linear-gradient(to bottom right, var(--color-brand-blue), var(--color-primary), var(--color-secondary));
}

.gradient-athletic {
  background-image: linear-gradient(to bottom right, var(--color-primary), var(--color-brand-blue), var(--color-accent));
}

.text-gradient-primary {
  background-image: linear-gradient(to right, var(--color-primary), var(--color-brand-blue));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-gradient-accent {
  background-image: linear-gradient(to right, var(--color-accent), var(--color-success));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-gradient-athletic {
  background-image: linear-gradient(to right, var(--color-primary) 0%, var(--color-brand-blue) 50%, var(--color-accent) 85%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.glass {
  background-color: var(--color-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-glass-border);
}

.glass-strong {
  background-color: var(--color-glass);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border: 1px solid var(--color-glass-border);
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.glass-subtle {
  background-color: var(--color-glass);
}

@supports (color: color-mix(in lab, red, red)) {
  .glass-subtle {
    background-color: color-mix(in srgb, var(--color-glass) 50%, transparent);
  }
}

.glass-subtle {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid var(--color-glass-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .glass-subtle {
    border: 1px solid color-mix(in srgb, var(--color-glass-border) 50%, transparent);
  }
}

.glass-float {
  background-color: var(--color-glass);
}

@supports (color: color-mix(in lab, red, red)) {
  .glass-float {
    background-color: color-mix(in srgb, var(--color-glass) 50%, transparent);
  }
}

.glass-float {
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid;
}

@supports (color: color-mix(in lab, red, red)) {
  .glass-float {
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  }
}

.glass-float {
  box-shadow: 0 8px 20px -14px #00000059;
}

.glow-primary {
  box-shadow: 0 0 20px #648b6c4d;
}

.glow-accent {
  box-shadow: 0 0 20px #5d996e4d;
}

.glow-success {
  box-shadow: 0 0 20px #10b9814d;
}

.hover-glow-primary {
  transition: box-shadow .3s;
}

.hover-glow-primary:hover {
  box-shadow: 0 0 30px #648b6c80;
}

.hover-glow-accent {
  transition: box-shadow .3s;
}

.hover-glow-accent:hover {
  box-shadow: 0 0 30px #5d996e80;
}

.border-gradient {
  position: relative;
}

.border-gradient:before {
  content: "";
  border-radius: inherit;
  background: linear-gradient(to right, var(--color-primary), var(--color-brand-blue), var(--color-accent));
  -webkit-mask-composite: xor;
  padding: 2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.pattern-dots {
  background-image: radial-gradient(circle, var(--color-primary) 1px, transparent 1px);
}

@supports (color: color-mix(in lab, red, red)) {
  .pattern-dots {
    background-image: radial-gradient(circle, color-mix(in oklch, var(--color-primary) 10%, transparent) 1px, transparent 1px);
  }
}

.pattern-dots {
  background-size: 24px 24px;
}

.pattern-grid {
  background-image: linear-gradient(var(--color-border) 1px, transparent 1px),
    linear-gradient(90deg, var(--color-border) 1px, transparent 1px);
}

@supports (color: color-mix(in lab, red, red)) {
  .pattern-grid {
    background-image: linear-gradient(color-mix(in oklch, var(--color-border) 50%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklch, var(--color-border) 50%, transparent) 1px, transparent 1px);
  }
}

.pattern-grid {
  background-size: 40px 40px;
}

.surface-elevated {
  background-color: var(--color-surface-elevated);
}

.surface-sunken {
  background-color: var(--color-surface-sunken);
}

.hover-lift {
  transition: transform .3s, box-shadow .3s;
  position: relative;
}

.hover-lift:after {
  content: "";
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}

.hover-lift-sm {
  transition: transform .2s, box-shadow .2s;
  position: relative;
}

.hover-lift-sm:after {
  content: "";
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}

.hover-lift-sm:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.btn-glow {
  position: relative;
}

.btn-glow:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(to right, #0000, #fff3, #0000);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  transition: background-position .6s;
  position: absolute;
  inset: 0;
}

.btn-glow:hover:before {
  background-position: -100% 0;
}

.backdrop-glass {
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
}

.backdrop-frosted {
  -webkit-backdrop-filter: blur(24px) brightness(110%);
  backdrop-filter: blur(24px) brightness(110%);
}

.pulse-slow {
  animation: 3s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.pulse-ring {
  position: relative;
}

.pulse-ring:after {
  content: "";
  border: 2px solid var(--color-primary);
  border-radius: 9999px;
  animation: 2s cubic-bezier(0, 0, .2, 1) infinite ping;
  position: absolute;
  inset: 0;
}

.shimmer {
  position: relative;
  overflow: hidden;
}

.shimmer:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff1a, #0000);
  background: linear-gradient(90deg, #0000, lab(100% 0 0 / .1), #0000);
  animation: 2s infinite shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@keyframes aid-course-progress-shimmer {
  0% {
    transform: translateX(-140%);
  }

  80%, 100% {
    transform: translateX(260%);
  }
}

@keyframes operations-runway-water {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes links-label-shimmer {
  0% {
    opacity: 1;
    background-position: 250%;
  }

  38% {
    opacity: 1;
    background-position: -150%;
  }

  42%, 100% {
    opacity: 0;
    background-position: -150%;
  }
}

.links-label-shimmer {
  color: #0000;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 4s linear infinite links-label-shimmer;
}

@keyframes blob {
  0% {
    transform: translate(0)scale(1);
  }

  33% {
    transform: translate(30px, -50px)scale(1.1);
  }

  66% {
    transform: translate(-20px, 20px)scale(.9);
  }

  100% {
    transform: translate(0)scale(1);
  }
}

.animate-blob {
  animation: 7s infinite blob;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

.animation-delay-4000 {
  animation-delay: 4s;
}

.animate-pulse-slow {
  animation: 4s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes bounce-up {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(0);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: translateY(-25%);
  }
}

@keyframes bounce-left {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateX(0);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: translateX(-25%);
  }
}

@keyframes bounce-right {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateX(0);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: translateX(25%);
  }
}

.animate-bounce-up {
  animation: 1s infinite bounce-up;
}

.animate-bounce-left {
  animation: 1s infinite bounce-left;
}

.animate-bounce-right {
  animation: 1s infinite bounce-right;
}

@keyframes pwa-tap-press {
  0%, 22%, 100% {
    transform: scale(1);
  }

  11% {
    transform: scale(var(--pwa-tap-scale, .92));
  }
}

@keyframes pwa-tap-ring {
  0%, 10% {
    opacity: 0;
    transform: scale(.9);
  }

  16% {
    opacity: .85;
    transform: scale(1);
  }

  60%, 100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

.pwa-simple-steps [data-pwa-tap-target] {
  animation: 2s ease-in-out infinite pwa-tap-press;
  position: relative;
}

.pwa-simple-steps [data-pwa-tap-target="row"] {
  --pwa-tap-scale: .985;
}

.pwa-simple-steps [data-pwa-tap-target]:after {
  content: "";
  border-radius: inherit;
  border: 2px solid var(--color-primary);
  opacity: 0;
  pointer-events: none;
  animation: 2s ease-out infinite pwa-tap-ring;
  position: absolute;
  inset: -4px;
}

.pwa-simple-steps [data-pwa-tap-target="row"]:after {
  border-radius: .625rem;
  inset: 3px;
}

.pwa-simple-steps [data-pwa-step-done] [data-pwa-tap-target] {
  animation: none;
}

.pwa-simple-steps [data-pwa-step-done] [data-pwa-tap-target]:after {
  opacity: 0;
  animation: none;
}

.pwa-simple-steps--static [data-pwa-tap-target] {
  animation: none;
}

.pwa-simple-steps--static [data-pwa-tap-target]:after {
  opacity: .85;
  animation: none;
  transform: none;
}

@keyframes pwa-stepper-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.pwa-simple-stepper-step {
  animation: .2s ease-out pwa-stepper-in;
}

.pwa-simple-steps .pwa-step-demo [data-pwa-tap-target] {
  transition: transform .14s ease-out;
  animation: none;
}

.pwa-simple-steps .pwa-step-demo [data-pwa-tap-target]:after {
  opacity: 0;
  animation: none;
}

.pwa-simple-steps .pwa-step-demo[data-phase="press"] [data-pwa-tap-target] {
  transform: scale(.92);
}

@keyframes pwa-demo-landing {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  70% {
    opacity: 1;
    transform: scale(1.08);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.pwa-step-demo[data-phase="after"] .pwa-demo-landing {
  animation: .48s cubic-bezier(.2, .8, .2, 1) both pwa-demo-landing;
}

.pwa-simple-steps .pwa-step-demo--static [data-pwa-tap-target]:after {
  opacity: .85;
  animation: none;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .pwa-simple-steps [data-pwa-tap-target] {
    animation: none;
  }

  .pwa-simple-steps [data-pwa-tap-target]:after {
    opacity: .85;
    animation: none;
    transform: none;
  }

  .pwa-simple-steps [data-pwa-step-done] [data-pwa-tap-target]:after {
    opacity: 0;
  }

  .pwa-simple-stepper-step {
    animation: none;
  }

  .pwa-simple-steps .pwa-step-demo [data-pwa-tap-target] {
    transition: none;
  }

  .pwa-step-demo .pwa-demo-landing {
    animation: none;
  }
}

@keyframes wiggle {
  0%, 100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-8deg);
  }

  75% {
    transform: rotate(8deg);
  }
}

.hover\:animate-wiggle:hover {
  animation: .4s ease-in-out wiggle;
}

@keyframes perks-shake {
  0%, 48%, 100% {
    transform: rotate(0)translateY(0);
  }

  52% {
    transform: rotate(-8deg)translateY(0);
  }

  58% {
    transform: rotate(8deg)translateY(0);
  }

  62% {
    transform: rotate(-6deg)translateY(0);
  }

  66% {
    transform: rotate(6deg)translateY(0);
  }

  71% {
    transform: rotate(-4deg)translateY(-1px);
  }

  75% {
    transform: rotate(4deg)translateY(-1px);
  }

  81% {
    transform: rotate(0)translateY(-3px);
  }

  86% {
    transform: rotate(0)translateY(0);
  }
}

.perks-label-shake {
  transform-origin: 50% 60%;
  will-change: transform;
  animation: 4s ease-in-out infinite perks-shake;
  display: inline-block;
}

@keyframes perks-shake-continuous {
  0%, 100% {
    transform: rotate(0)translateY(0);
  }

  10% {
    transform: rotate(-8deg)translateY(0);
  }

  20% {
    transform: rotate(8deg)translateY(0);
  }

  30% {
    transform: rotate(-6deg)translateY(0);
  }

  40% {
    transform: rotate(6deg)translateY(0);
  }

  52% {
    transform: rotate(-4deg)translateY(-1px);
  }

  64% {
    transform: rotate(4deg)translateY(-1px);
  }

  78% {
    transform: rotate(0)translateY(-3px);
  }

  90% {
    transform: rotate(0)translateY(0);
  }
}

.perks-label-shake-continuous {
  transform-origin: 50% 60%;
  will-change: transform;
  animation: 1.35s ease-in-out infinite perks-shake-continuous;
  display: inline-block;
}

@keyframes perks-confetti {
  0%, 78% {
    opacity: 0;
    transform: translate(-50%)scale(.3)rotate(0);
  }

  81% {
    opacity: 1;
    transform: translate(-50%, -4px)scale(1)rotate(40deg);
  }

  92%, 100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--cx, 0px)), var(--cy, -22px))
      scale(.6)
      rotate(260deg);
  }
}

.perks-confetti-dot {
  background: var(--c, currentColor);
  width: 4px;
  height: 4px;
  box-shadow: 0 0 4px var(--c, currentColor);
  pointer-events: none;
  will-change: transform, opacity;
  opacity: 0;
  z-index: 1;
  border-radius: 1px;
  animation: 4s ease-out infinite perks-confetti;
  position: absolute;
  top: -2px;
  left: 50%;
}

@keyframes perks-confetti-continuous {
  0% {
    opacity: 0;
    transform: translate(-50%)scale(.3)rotate(0);
  }

  16% {
    opacity: 1;
    transform: translate(-50%, -4px)scale(1)rotate(40deg);
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--cx, 0px)), var(--cy, -22px))
      scale(.6)
      rotate(260deg);
  }
}

.perks-confetti-dot-continuous {
  animation: 1.35s ease-out infinite perks-confetti-continuous;
}

@keyframes perks-open-hint {
  0%, 100% {
    opacity: .62;
    transform: translateY(0);
  }

  70% {
    opacity: .62;
    transform: translateY(0);
  }

  78% {
    opacity: 1;
    transform: translateY(-2px);
  }

  92% {
    opacity: .85;
    transform: translateY(0);
  }
}

.perks-open-hint {
  will-change: transform, opacity;
  animation: 1.35s ease-in-out infinite perks-open-hint;
  display: inline-block;
}

@keyframes perks-card-halo {
  0%, 100% {
    box-shadow: 0 0 #fbbf2400, 0 0 #fbbf2400;
  }

  50% {
    box-shadow: 0 0 16px 1px #fbbf2452, 0 0 32px 6px #fbbf2424;
  }
}

.perks-card-halo {
  will-change: box-shadow;
  animation: 4s ease-in-out infinite perks-card-halo;
}

@media (prefers-reduced-motion: reduce) {
  .links-label-shimmer {
    opacity: 0;
    animation: none;
  }

  .perks-label-shake, .perks-label-shake-continuous {
    animation: none;
  }

  .perks-confetti-dot, .perks-confetti-dot-continuous {
    display: none;
  }

  .perks-open-hint {
    opacity: 1;
    animation: none;
  }

  .perks-card-halo {
    box-shadow: none;
    animation: none;
  }

  .pulse-slow, .animate-pulse-slow, .shimmer, .animate-blob, .animate-bounce-up, .animate-bounce-left, .animate-bounce-right {
    animation: none;
  }

  .pulse-ring:after {
    opacity: 0;
    animation: none;
  }
}

.card-premium {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
  border-radius: .75rem;
  transition: all .3s;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.card-premium:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}

.card-glass {
  background-color: var(--color-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-glass-border);
  border-radius: .75rem;
  box-shadow: 0 25px 50px -12px #00000040;
}

.focus-ring:focus-visible {
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-ring), 0 0 0 4px var(--color-background);
  outline: 2px solid #0000;
}

.focus-glow:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #648b6c4d;
}

.elevation-3 {
  box-shadow: 0 4px 16px #00000014;
}

.elevation-4 {
  box-shadow: 0 8px 24px #0000001a;
}

.elevation-5 {
  box-shadow: 0 12px 32px #0000001f;
}

.dark .elevation-3 {
  box-shadow: 0 4px 16px #00000080;
}

.dark .elevation-4 {
  box-shadow: 0 8px 24px #0009;
}

.dark .elevation-5 {
  box-shadow: 0 12px 32px #000000b3;
}

[inert], [inert] * {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

[data-slot="popover-content"] {
  z-index: 9999 !important;
  background: hsl(var(--background)) !important;
  border: 1px solid hsl(var(--border)) !important;
}

[data-slot="backdrop"] {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 9998 !important;
  background: #00000080 !important;
}

[data-editable-field] .editable-field-empty:before, [data-editable-race-option-field] .editable-field-empty:before, [data-editable-course-info-field] .editable-field-empty:before {
  content: attr(data-placeholder);
  color: currentColor;
  opacity: .45;
  pointer-events: none;
}

.tiptap p.is-editor-empty:first-child:before {
  content: attr(data-placeholder);
  float: left;
  color: hsl(var(--muted-foreground));
  pointer-events: none;
  height: 0;
}

.tiptap:focus {
  outline: none;
}

.tiptap.prose {
  font-size: .9375rem;
  line-height: 1.6;
}

.tiptap.prose h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
}

.tiptap.prose h2 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  font-size: 1.25rem;
}

.tiptap.prose h3 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1.125rem;
}

.tiptap.prose p {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.tiptap.prose ul, .tiptap.prose ol {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 1.5rem;
}

.tiptap.prose li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.drawer-link-content a:is([data-drawer-link="external"], [href^="http"], [href^="//"]):not([data-drawer-link="internal"]):not([href^="https://www.endurancehq.app/"]):not([href^="https://endurancehq.app/"]):not(:has(.lucide-external-link)):not(.drawer-link-plain):after {
  content: "";
  vertical-align: baseline;
  background-color: currentColor;
  width: .8em;
  height: .8em;
  margin-inline-start: .3em;
  display: inline-block;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6m0-6-12 12'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6m0-6-12 12'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drawer-venmo-mark {
  vertical-align: -.05em;
  background-color: currentColor;
  width: 3.1em;
  height: .85em;
  display: inline-block;
  -webkit-mask: url("/icons/venmo.svg") center / 100% no-repeat;
  mask: url("/icons/venmo.svg") center / 100% no-repeat;
}

.rich-text {
  overflow-wrap: anywhere;
}

.rich-text > :first-child {
  margin-top: 0;
}

.rich-text > :last-child {
  margin-bottom: 0;
}

.rich-text p {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.rich-text p:empty {
  min-height: 1lh;
}

.rich-text > p:empty:last-child {
  display: none;
}

.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4 {
  color: var(--foreground);
  font-weight: 600;
  line-height: 1.3;
}

.rich-text h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
}

.rich-text h2 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  font-size: 1.25rem;
}

.rich-text h3 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1.125rem;
}

.rich-text h4 {
  margin-top: 1rem;
  margin-bottom: .375rem;
  font-size: 1rem;
}

.rich-text ul, .rich-text ol {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 1.5rem;
}

.rich-text ul {
  list-style: outside;
}

.rich-text ol {
  list-style: decimal;
}

.rich-text ul ul {
  list-style: circle;
}

.rich-text li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.rich-text li > p {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text li:empty {
  display: none;
}

.rich-text li:has( > p:empty:only-child) {
  display: none;
}

.rich-text a {
  color: var(--primary);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.rich-text strong {
  font-weight: 600;
}

.rich-text blockquote {
  border-left: 3px solid var(--primary);
  color: var(--muted-foreground);
  margin: .75rem 0;
  padding-left: 1rem;
}

.rich-text hr {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 1rem 0;
}

.rich-text img {
  border-radius: .5rem;
  max-width: 100%;
  height: auto;
  margin: .75rem 0;
}

.rich-text pre {
  background: var(--muted);
  border-radius: .5rem;
  max-width: 100%;
  margin: .75rem 0;
  padding: .75rem;
  overflow-x: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .rich-text pre {
    background: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}

.rich-text pre {
  font-size: .875em;
}

.rich-text code {
  font-size: .9em;
}

.rich-text table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin: .75rem 0;
  font-size: .9375em;
}

.rich-text th, .rich-text td {
  border: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  padding: .375rem .5rem;
}

.rich-text th {
  font-weight: 600;
}

.prose ul[data-type="taskList"] {
  padding-left: .125rem;
  list-style: none;
}

.prose ul[data-type="taskList"] li {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.prose ul[data-type="taskList"] li > label {
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  margin-top: .3125rem;
}

.prose ul[data-type="taskList"] li > label input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  accent-color: hsl(var(--primary));
  cursor: pointer;
  margin: 0;
}

.prose ul[data-type="taskList"] li > div {
  flex: auto;
  min-width: 0;
}

.prose ul[data-type="taskList"] li > div > p {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.prose ul[data-type="taskList"] li[data-checked="true"] > div {
  color: hsl(var(--muted-foreground));
  text-decoration: line-through;
  -webkit-text-decoration-color: hsl(var(--muted-foreground) / .5);
  text-decoration-color: hsl(var(--muted-foreground) / .5);
}

.prose ul[data-type="taskList"] ul[data-type="taskList"] {
  margin-top: .25rem;
  padding-left: 1.5rem;
}

.tiptap.prose blockquote {
  border-left: 3px solid hsl(var(--primary));
  color: hsl(var(--muted-foreground));
  margin-left: 0;
  padding-left: 1rem;
  font-style: italic;
}

.tiptap.prose code {
  background: hsl(var(--muted));
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-size: .875em;
}

.tiptap.prose hr {
  border-color: hsl(var(--border));
  margin: 1.5rem 0;
}

.tiptap.prose a {
  color: hsl(var(--primary));
  cursor: pointer;
  text-decoration: underline;
}

.tiptap.prose a:hover {
  opacity: .8;
}

[id$="-reader"] > [id$="__header_message"], [id$="-reader"] > [id$="__dashboard_section"], [id$="-reader"] > [id$="__status_span"], [id$="-reader"] > img[alt*="Info"] {
  display: none !important;
}

[id$="-reader"] {
  border: none !important;
}

.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  z-index: 50;
}

.dark .mapboxgl-ctrl-group {
  background-color: #27272a !important;
  border: 1px solid #ffffff14 !important;
  box-shadow: 0 1px 2px #0006 !important;
}

.dark .mapboxgl-ctrl-group button {
  background-color: #0000 !important;
}

.dark .mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ffffff14 !important;
}

.dark .mapboxgl-ctrl-group button:hover {
  background-color: #ffffff0f !important;
}

.dark .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon {
  filter: invert() brightness(1.1);
}

.dark .mapboxgl-ctrl-attrib {
  color: #e4e4e7 !important;
  background-color: #27272ad9 !important;
}

.dark .mapboxgl-ctrl-attrib a {
  color: #e4e4e7 !important;
}

.dark .mapboxgl-popup-content {
  color: #f4f4f5 !important;
  background-color: #27272a !important;
  box-shadow: 0 4px 12px #00000080 !important;
}

.dark .mapboxgl-popup-tip {
  border-top-color: #27272a !important;
  border-bottom-color: #27272a !important;
}

.dark .mapboxgl-popup-close-button {
  color: #a1a1aa !important;
}

.dark .mapboxgl-popup-close-button:hover {
  color: #f4f4f5 !important;
  background-color: #ffffff14 !important;
}

[data-race-day-canvas] {
  --cin-bg: var(--rdh-bg);
  --cin-bg-alt: var(--rdh-bg-alt);
  --pmc-canvas: var(--rdh-bg);
  --cin-fg: var(--rdh-ink);
  --cin-fg-muted: var(--rdh-ink-2);
  --cin-fg-subtle: var(--rdh-ink-3);
  --cin-fg-faint: var(--rdh-ink-4);
  --cin-surface: var(--rdh-panel);
  --cin-surface-2: var(--rdh-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-race-day-canvas] {
    --cin-surface-2: color-mix(in srgb, var(--rdh-panel) 88%, var(--rdh-bg-alt));
  }
}

[data-race-day-canvas] {
  --cin-border: #0000001a;
  --cin-border-strong: #00000038;
  --rdh-bg: #f5f6f5;
  --rdh-bg-alt: #eceeec;
  --rdh-panel: #fff;
  --rdh-surface: var(--rdh-panel);
  --rdh-ink: #1a1a1a;
  --rdh-ink-2: #3d3d3d;
  --rdh-ink-3: #6d6d6d;
  --rdh-ink-4: #aeaeae;
  color: var(--rdh-ink);
}

:is(.dark, [data-theme="dark"]) [data-race-day-canvas] {
  --cin-bg: #0a0a0a;
  --cin-bg-alt: #171717;
  --cin-border: #ffffff1a;
  --cin-border-strong: #ffffff38;
  --cin-surface-2: var(--rdh-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.dark, [data-theme="dark"]) [data-race-day-canvas] {
    --cin-surface-2: color-mix(in srgb, var(--rdh-panel) 92%, var(--rdh-bg-alt));
  }
}

:is(.dark, [data-theme="dark"]) [data-race-day-canvas] {
  --rdh-bg: #0a0a0a;
  --rdh-bg-alt: #171717;
  --rdh-panel: #1f1f1f;
  --rdh-surface: var(--rdh-panel);
  --rdh-ink: #e8e8e8;
  --rdh-ink-2: #b0b0b0;
  --rdh-ink-3: #868686;
  --rdh-ink-4: #707070;
}

:is([data-theme="light"], [data-cinematic-theme="light"]) [data-race-day-canvas] {
  --cin-bg: var(--rdh-bg);
  --cin-bg-alt: var(--rdh-bg-alt);
  --cin-border: #0000001a;
  --cin-border-strong: #00000038;
  --cin-surface-2: var(--rdh-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-theme="light"], [data-cinematic-theme="light"]) [data-race-day-canvas] {
    --cin-surface-2: color-mix(in srgb, var(--rdh-panel) 88%, var(--rdh-bg-alt));
  }
}

:is([data-theme="light"], [data-cinematic-theme="light"]) [data-race-day-canvas] {
  --rdh-bg: #f5f6f5;
  --rdh-bg-alt: #eceeec;
  --rdh-panel: #fff;
  --rdh-surface: var(--rdh-panel);
  --rdh-ink: #1a1a1a;
  --rdh-ink-2: #3d3d3d;
  --rdh-ink-3: #6d6d6d;
  --rdh-ink-4: #aeaeae;
}

[data-race-day-canvas] .rdh-card {
  background: var(--rdh-panel);
  color: var(--rdh-ink);
  border: 1px solid #00000014;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000000a, 0 8px 24px #00000008;
}

:is(.dark, [data-theme="dark"]) [data-race-day-canvas] .rdh-card {
  border-color: #ffffff1a;
  box-shadow: 0 1px 2px #00000052, 0 8px 24px #0000002e, 0 0 0 1px #ffffff0d;
}

:is([data-theme="light"], [data-cinematic-theme="light"]) [data-race-day-canvas] .rdh-card {
  border-color: #00000014;
  box-shadow: 0 1px 3px #0000000a, 0 8px 24px #00000008;
}

[data-race-day-canvas] :where(.text-muted, .text-muted-foreground) {
  color: var(--rdh-ink-3);
}

.course-point-popup {
  z-index: 40 !important;
}

.course-point-popup .mapboxgl-popup-content {
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #10182812 !important;
  border-radius: 14px !important;
  padding: 0 !important;
  box-shadow: 0 1px 2px #1018280f, 0 14px 30px -10px #10182842 !important;
}

.dark .course-point-popup .mapboxgl-popup-content {
  background: #1c1c1f !important;
  border-color: #ffffff14 !important;
  box-shadow: 0 1px 2px #0006, 0 16px 34px -10px #000000a6 !important;
}

.course-point-popup .mapboxgl-popup-tip {
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
}

.dark .course-point-popup .mapboxgl-popup-tip {
  border-top-color: #1c1c1f !important;
  border-bottom-color: #1c1c1f !important;
}

.course-hover-popup {
  pointer-events: none;
  z-index: 40 !important;
}

.course-hover-popup .mapboxgl-popup-content {
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  background: #fffffff5 !important;
  border: 1px solid #10182814 !important;
  border-radius: 14px !important;
  padding: 0 !important;
  box-shadow: 0 1px 2px #1018280f, 0 14px 30px -10px #10182842 !important;
}

.dark .course-hover-popup .mapboxgl-popup-content {
  background: #1c1c1ff0 !important;
  border-color: #ffffff17 !important;
  box-shadow: 0 1px 2px #0006, 0 16px 34px -10px #000000a6 !important;
}

.course-hover-popup .mapboxgl-popup-tip {
  border-top-color: #fffffff5 !important;
  border-bottom-color: #fffffff5 !important;
}

.dark .course-hover-popup .mapboxgl-popup-tip {
  border-top-color: #1c1c1ff0 !important;
  border-bottom-color: #1c1c1ff0 !important;
}

.course-hover-card {
  max-width: min(280px, 100vw - 48px);
  padding: 10px 13px;
}

.course-hover-title {
  color: #101828;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  display: block;
}

.dark .course-hover-title {
  color: #f4f4f5;
}

.course-hover-subtitle {
  color: #667085;
  text-transform: capitalize;
  margin-top: 3px;
  font-size: 10.5px;
  line-height: 1.2;
}

.dark .course-hover-subtitle {
  color: #a1a1aa;
}

:has( > [data-map-interaction-gate]) {
  isolation: isolate;
}

.selection-accent-control, .selection-accent-control:hover {
  --selection-accent: var(--brand-color, #0ea5e9);
  border-color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-control, .selection-accent-control:hover {
    border-color: color-mix(in srgb, var(--selection-accent) 42%, transparent);
  }
}

.selection-accent-control, .selection-accent-control:hover {
  background-color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-control, .selection-accent-control:hover {
    background-color: color-mix(in srgb, var(--selection-accent) 20%, transparent);
  }
}

.selection-accent-control, .selection-accent-control:hover {
  color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-control, .selection-accent-control:hover {
    color: color-mix(in srgb, var(--selection-accent) 80%, #000);
  }
}

:is(.dark, [data-theme="dark"]) .selection-accent-control, :is(.dark, [data-theme="dark"]) .selection-accent-control:hover {
  color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.dark, [data-theme="dark"]) .selection-accent-control, :is(.dark, [data-theme="dark"]) .selection-accent-control:hover {
    color: color-mix(in srgb, var(--selection-accent) 78%, #fff);
  }
}

.selection-accent-control:hover {
  background-color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-control:hover {
    background-color: color-mix(in srgb, var(--selection-accent) 30%, transparent);
  }
}

.selection-accent-row {
  --selection-accent: var(--brand-color, #06b6d4);
  background-color: var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-row {
    background-color: color-mix(in srgb, var(--selection-accent) 12%, transparent);
  }
}

.selection-accent-cell {
  --selection-accent: var(--brand-color, #06b6d4);
  background-image: linear-gradient(to right,
    var(--selection-accent),
    var(--selection-accent));
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-cell {
    background-image: linear-gradient(to right,
    color-mix(in srgb, var(--selection-accent) 18%, transparent),
    color-mix(in srgb, var(--selection-accent) 18%, transparent));
  }
}

.selection-accent-cell {
  box-shadow: inset 3px 0 0 var(--selection-accent),
    10px 0 14px -14px #0f172a73;
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-cell {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--selection-accent) 85%, transparent),
    10px 0 14px -14px #0f172a73;
  }
}

:is(.dark, [data-theme="dark"]) .selection-accent-cell {
  box-shadow: inset 3px 0 0 var(--selection-accent),
    10px 0 14px -14px #ffffff59;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.dark, [data-theme="dark"]) .selection-accent-cell {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--selection-accent) 85%, transparent),
    10px 0 14px -14px #ffffff59;
  }
}

.selection-accent-card {
  --selection-accent: var(--brand-color, #06b6d4);
  box-shadow: 0 0 0 2px var(--selection-accent),
    0 0 0 6px var(--selection-accent),
    0 6px 16px var(--selection-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .selection-accent-card {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--selection-accent) 70%, transparent),
    0 0 0 6px color-mix(in srgb, var(--selection-accent) 20%, transparent),
    0 6px 16px color-mix(in srgb, var(--selection-accent) 30%, transparent);
  }
}

.venue-site-map-popup .mapboxgl-popup-content {
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #10182812 !important;
  border-radius: 14px !important;
  padding: 0 !important;
  box-shadow: 0 1px 2px #1018280f, 0 14px 30px -10px #10182842 !important;
}

.dark .venue-site-map-popup .mapboxgl-popup-content {
  background: #1c1c1f !important;
  border-color: #ffffff14 !important;
  box-shadow: 0 1px 2px #0006, 0 16px 34px -10px #000000a6 !important;
}

.venue-site-map-popup .mapboxgl-popup-tip {
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
}

.dark .venue-site-map-popup .mapboxgl-popup-tip {
  border-top-color: #1c1c1f !important;
  border-bottom-color: #1c1c1f !important;
}

.vsm-pop {
  width: 240px;
}

.vsm-pop-img {
  background: #1018280f;
  display: block;
}

.vsm-pop-img img {
  object-fit: cover;
  width: 100%;
  max-height: 180px;
  display: block;
}

.vsm-pop-cap {
  color: #111;
  padding: 8px 12px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.dark .vsm-pop-cap {
  color: #f4f4f5;
}

.cpp-img {
  aspect-ratio: 16 / 10;
  background: #1018280f;
  overflow: hidden;
}

.cpp-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cpp-body {
  padding: 11px 13px 12px;
}

.cpp-head {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.cpp-head--no-icon .cpp-titles {
  padding-top: 0;
}

.cpp-icon {
  width: 24px;
  height: 24px;
  color: var(--cpp-accent, #6b7280);
  background: var(--cpp-accent, #6b7280);
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .cpp-icon {
    background: color-mix(in srgb, var(--cpp-accent, #6b7280) 15%, transparent);
  }
}

.dark .cpp-icon {
  background: var(--cpp-accent, #6b7280);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .cpp-icon {
    background: color-mix(in srgb, var(--cpp-accent, #6b7280) 26%, transparent);
  }
}

.cpp-card--vendor {
  min-width: 176px;
}

.cpp-card--relay-exchange {
  width: min(260px, 100vw - 48px);
}

.cpp-card--relay-exchange .cpp-body {
  padding: 12px 14px 11px;
}

.cpp-card--relay-exchange .cpp-name {
  font-size: 14px;
  line-height: 1.25;
}

.cpp-head--vendor {
  align-items: center;
  gap: 11px;
}

.cpp-logo {
  width: 42px;
  height: 42px;
  color: var(--cpp-accent, #6b7280);
  border: 1px solid var(--cpp-accent, #6b7280);
  background: #fff;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .cpp-logo {
    border: 1px solid color-mix(in srgb, var(--cpp-accent, #6b7280) 24%, #10182814);
  }
}

.cpp-logo {
  box-shadow: 0 4px 12px var(--cpp-accent, #6b7280);
}

@supports (color: color-mix(in lab, red, red)) {
  .cpp-logo {
    box-shadow: 0 4px 12px color-mix(in srgb, var(--cpp-accent, #6b7280) 18%, transparent);
  }
}

.dark .cpp-logo {
  border-color: var(--cpp-accent, #6b7280);
  background: #fffffff0;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .cpp-logo {
    border-color: color-mix(in srgb, var(--cpp-accent, #6b7280) 34%, #ffffff24);
  }
}

.cpp-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.cpp-logo--initials {
  color: #fff;
  background: var(--cpp-accent, #6b7280);
  letter-spacing: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.dark .cpp-logo--initials {
  background: var(--cpp-accent, #6b7280);
  color: #fff;
}

.cpp-head--vendor .cpp-name {
  font-size: 14px;
  line-height: 1.2;
}

.cpp-titles {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding-top: 1px;
  display: flex;
}

.cpp-name {
  color: #101828;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
}

.dark .cpp-name {
  color: #f4f4f5;
}

.cpp-mile {
  letter-spacing: .01em;
  color: var(--cpp-accent, #6b7280);
  background: var(--cpp-accent, #6b7280);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .cpp-mile {
    background: color-mix(in srgb, var(--cpp-accent, #6b7280) 13%, transparent);
  }
}

.dark .cpp-mile {
  background: var(--cpp-accent, #6b7280);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .cpp-mile {
    background: color-mix(in srgb, var(--cpp-accent, #6b7280) 24%, transparent);
  }
}

.dark .cpp-mile {
  color: var(--cpp-accent, #6b7280);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .cpp-mile {
    color: color-mix(in srgb, var(--cpp-accent, #6b7280) 70%, #fff);
  }
}

.cpp-details {
  color: #344054;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  padding: 0;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
  display: inline-flex;
}

.cpp-details:hover {
  color: #101828;
}

.cpp-details:focus-visible {
  outline: 2px solid var(--cpp-accent, #6b7280);
  outline-offset: 3px;
  border-radius: 4px;
}

.dark .cpp-details {
  color: #d4d4d8;
}

.dark .cpp-details:hover {
  color: #fff;
}

.cpp-desc {
  color: #475467;
  margin-top: 8px;
  font-size: 11.5px;
  line-height: 1.45;
}

.dark .cpp-desc {
  color: #b4b4bb;
}

.cpp-sponsor {
  letter-spacing: .02em;
  color: #9333ea;
  margin-top: 7px;
  font-size: 10px;
  font-weight: 600;
}

.dark .cpp-sponsor {
  color: #c084fc;
}

.cpp-wx {
  border-top: 1px solid #10182814;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  padding-top: 9px;
  display: flex;
}

.dark .cpp-wx {
  border-top-color: #ffffff17;
}

.cpp-wx-emoji {
  font-size: 17px;
  line-height: 1;
}

.cpp-wx-temp {
  color: #101828;
  font-size: 11px;
  font-weight: 600;
}

.dark .cpp-wx-temp {
  color: #f4f4f5;
}

.cpp-wx-sub {
  color: #667085;
  font-size: 10px;
}

.dark .cpp-wx-sub {
  color: #a1a1aa;
}

.aid-marker-pill {
  position: relative;
}

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.table__scroll-container, .ehq-table-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--foreground) var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .table__scroll-container, .ehq-table-scroll {
    scrollbar-color: color-mix(in oklch, var(--foreground) 30%, transparent) color-mix(in oklch,
      var(--foreground) 6%,
      transparent);
  }
}

.table__scroll-container, .ehq-table-scroll {
  --scroll-shadow-scrollbar-size: 12px;
}

.table__scroll-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ehq-table-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.table__scroll-container::-webkit-scrollbar-track {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .table__scroll-container::-webkit-scrollbar-track {
    background: color-mix(in oklch, var(--foreground) 6%, transparent);
  }
}

.table__scroll-container::-webkit-scrollbar-track {
  border-radius: 9999px;
}

.ehq-table-scroll::-webkit-scrollbar-track {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .ehq-table-scroll::-webkit-scrollbar-track {
    background: color-mix(in oklch, var(--foreground) 6%, transparent);
  }
}

.ehq-table-scroll::-webkit-scrollbar-track {
  border-radius: 9999px;
}

.table__scroll-container::-webkit-scrollbar-thumb {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .table__scroll-container::-webkit-scrollbar-thumb {
    background: color-mix(in oklch, var(--foreground) 30%, transparent);
  }
}

.table__scroll-container::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 9999px;
}

.ehq-table-scroll::-webkit-scrollbar-thumb {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .ehq-table-scroll::-webkit-scrollbar-thumb {
    background: color-mix(in oklch, var(--foreground) 30%, transparent);
  }
}

.ehq-table-scroll::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 9999px;
}

.table__scroll-container::-webkit-scrollbar-thumb:hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .table__scroll-container::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklch, var(--foreground) 45%, transparent);
  }
}

.table__scroll-container::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
}

.ehq-table-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .ehq-table-scroll::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklch, var(--foreground) 45%, transparent);
  }
}

.ehq-table-scroll::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
}

.table__scroll-container::-webkit-scrollbar-corner {
  background: none;
}

.ehq-table-scroll::-webkit-scrollbar-corner {
  background: none;
}

.ehq-table-striped tbody tr:nth-child(2n) {
  background-color: var(--surface-secondary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ehq-table-striped tbody tr:nth-child(2n) {
    background-color: color-mix(in oklch, var(--surface-secondary) 60%, transparent);
  }
}

.ehq-about-intro > [data-editable-field] {
  width: 100%;
  display: block;
}

@keyframes focus-glow {
  0% {
    box-shadow: 0 0 0 0 oklch(from var(--primary) l c h / .7);
  }

  70% {
    box-shadow: 0 0 0 12px oklch(from var(--primary) l c h / 0);
  }

  100% {
    box-shadow: 0 0 0 0 oklch(from var(--primary) l c h / 0);
  }
}

.animate-focus-glow {
  border-radius: .5rem;
  animation: 1.4s ease-out 2 focus-glow;
}

.text-muted {
  color: var(--muted-foreground);
}

:where(.tabs__list-container, .tabs__tab, .segment, .description, .close-button), :where(.wr-design-editor, .wr-design-editor__drawer) {
  --muted: var(--muted-foreground);
}

.stepper {
  --muted: var(--muted-foreground);
  --color-muted: var(--muted-foreground);
  --stepper-inactive-fg: var(--muted-foreground);
}

:where(.table-root, .resource-table-card) {
  --surface-secondary: #eff0f2;
  --surface-tertiary: #e4e6e9;
  --table-row-hover: #f4f5f6;
}

@supports (color: lab(0% 0 0)) {
  :where(.table-root, .resource-table-card) {
    --surface-secondary: lab(94.7778% -.333816 -1.07459);
    --surface-tertiary: lab(91.297% -.443697 -1.432);
    --table-row-hover: lab(96.5186% -.223041 -.716782);
  }
}

.dark :where(.table-root, .resource-table-card) {
  --surface-secondary: #282a2d;
  --surface-tertiary: #313336;
  --table-row-hover: #252729;
}

@supports (color: lab(0% 0 0)) {
  .dark :where(.table-root, .resource-table-card) {
    --surface-secondary: lab(17.054% -.636548 -2.13223);
    --surface-tertiary: lab(21.1142% -.640571 -2.13431);
    --table-row-hover: lab(15.3152% -.534117 -1.77877);
  }
}

@media (hover: hover) {
  .table-root .table__cell {
    transition: background-color .15s ease-out;
  }

  .table-root .table__row:hover .table__cell, .table-root .table__row[data-hovered="true"] .table__cell {
    background-color: var(--table-row-hover);
  }
}

.popover__trigger.button {
  display: inline-flex;
}

:where(.accordion__body-inner, .accordion__indicator, .alert__description, .alert-dialog__body, .autocomplete__clear-button, .breadcrumbs__link, .breadcrumbs__separator, .card__description, .item-card__description, .date-input-group__segment[data-type="literal"], .drawer__body, .empty-state, .header, .kbd, .menu-item__indicator, .menu-item__indicator--submenu, .modal__body, .pagination, .pagination__ellipsis, .pagination__summary, .separator, .table__column, .toast__description, .typography--color-muted, .typography-prose blockquote), :where(.calendar__header-cell, .calendar__cell[data-outside-month="true"], .range-calendar__header-cell, .range-calendar__cell[data-outside-month="true"]) {
  color: var(--muted-foreground);
}

.agenda, .kpi, .chart-tooltip {
  --muted: var(--muted-foreground);
}

.area-chart .recharts-cartesian-axis-tick-value, .bar-chart .recharts-cartesian-axis-tick-value, .line-chart .recharts-cartesian-axis-tick-value, .composed-chart .recharts-cartesian-axis-tick-value, .pie-chart .recharts-pie-label-text, .radar-chart .recharts-polar-angle-axis-tick-value, .radar-chart .recharts-polar-radius-axis-tick-value {
  fill: var(--muted-foreground) !important;
}

.agenda__day-header-date[data-today="true"], .agenda__month-cell-date[data-today="true"] {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important;
}

.agenda__month-cell-date[data-today="true"]:hover {
  opacity: .85;
}

.agenda__event[data-status="unconfirmed"] .agenda__event-time, .agenda__all-day-event[data-status="unconfirmed"] .agenda__event-time, .agenda__month-event[data-status="unconfirmed"] .agenda__event-time {
  display: none;
}

.ehq-search-highlight {
  box-shadow: 0 0 0 2px var(--accent),
    0 0 0 6px var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ehq-search-highlight {
    box-shadow: 0 0 0 2px var(--accent),
    0 0 0 6px color-mix(in oklch, var(--accent) 25%, transparent);
  }
}

.ehq-search-highlight {
  border-radius: 12px;
  transition: box-shadow .3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .skeleton, .skeleton--shimmer:before, .skeleton--shimmer:after {
    animation: none !important;
  }
}

@keyframes cin-trailhead-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes cin-trailhead-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.cin-trailhead-draw {
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  animation: 1.5s cubic-bezier(.6, .05, .3, 1) .35s forwards cin-trailhead-draw;
}

.cin-trailhead-fade {
  opacity: 0;
  animation: .7s ease-out forwards cin-trailhead-rise;
}

@media (prefers-reduced-motion: reduce) {
  .cin-trailhead-draw {
    stroke-dashoffset: 0;
    animation: none;
  }

  .cin-trailhead-fade {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

[data-slot="drawer-close-trigger"], [data-slot="modal-close-trigger"] {
  overflow: visible;
}

[data-slot="drawer-close-trigger"]:after, [data-slot="modal-close-trigger"]:after {
  content: "";
  position: absolute;
  inset: -12px;
}

@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-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  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-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-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 ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}

@keyframes skeleton {
  100% {
    transform: translateX(200%);
  }
}