/* [next]/internal/font/google/manrope_cdd2bbaa.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.1sj6eobyi31rd.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: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_cdd2bbaa-module__bPRAaa__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_cdd2bbaa-module__bPRAaa__variable {
  --font-comoira-sans: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/ibm_plex_mono_9c89b959.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e390973e931a41c5-s.0rgnxg2b64rzs.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/99e609270109b47d-s.40sczeszzbjw1.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5e05ae5b48faa55e-s.1yd4_i3e35931.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/02263ebadd758ea4-s.29yke99gs9qpn.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/68757d6cddeff913-s.1i-sca43-qwng.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/effe91970fc4db64-s.0oace-s_gkfks.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2e95a7d252b9825a-s.15orukf5wyxb5.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/23b7a97ae3b5c134-s.226pwps5o-gq_.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: IBM Plex Mono Fallback;
  src: local(Arial);
  ascent-override: 76.16%;
  descent-override: 20.43%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.ibm_plex_mono_9c89b959-module__GOartq__className {
  font-family: IBM Plex Mono, IBM Plex Mono Fallback;
  font-style: normal;
}

.ibm_plex_mono_9c89b959-module__GOartq__variable {
  --font-comoira-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
}

/* [project]/node_modules/.pnpm/@fontsource-variable+estedad@5.3.0/node_modules/@fontsource-variable/estedad/wght.css [app-client] (css) */
@font-face {
  font-family: Estedad Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/estedad-arabic-wght-normal.1zqn21qgdypkq.woff2") format("woff2-variations");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

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

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

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

/* [project]/apps/web/src/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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--cm-font-sans);
    --color-white: #fff;
    --spacing: .25rem;
    --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;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --radius-sm: var(--cm-radius-sm);
    --radius-lg: var(--cm-radius-lg);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--cm-font-sans);
    --default-mono-font-family: var(--cm-font-mono);
    --color-background: var(--cm-color-background);
    --color-background-cool: var(--cm-color-background-cool);
    --color-foreground: var(--cm-color-foreground);
    --color-foreground-strong: var(--cm-color-foreground-strong);
    --color-surface: var(--cm-color-surface);
    --color-surface-raised: var(--cm-color-surface-raised);
    --color-surface-muted: var(--cm-color-surface-muted);
    --color-border: var(--cm-color-border);
    --color-border-strong: var(--cm-color-border-strong);
    --color-muted-foreground: var(--cm-color-muted-foreground);
    --color-subtle-foreground: var(--cm-color-subtle-foreground);
    --color-brand: var(--cm-color-brand);
    --color-brand-deep: var(--cm-color-brand-deep);
    --color-brand-soft: var(--cm-color-brand-soft);
    --color-brand-mist: var(--cm-color-brand-mist);
    --color-accent: var(--cm-color-accent);
    --color-accent-strong: var(--cm-color-accent-strong);
    --color-accent-soft: var(--cm-color-accent-soft);
    --color-success-soft: var(--cm-color-success-soft);
    --color-info: var(--cm-color-info);
    --color-info-soft: var(--cm-color-info-soft);
    --color-warning-soft: var(--cm-color-warning-soft);
    --color-danger: var(--cm-color-danger);
    --color-danger-hover: var(--cm-color-danger-hover);
    --color-danger-soft: var(--cm-color-danger-soft);
    --color-retest-soft: var(--cm-color-retest-soft);
    --color-backdrop: var(--cm-color-backdrop);
    --shadow-overlay: var(--cm-shadow-overlay);
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -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;
  }
}

@layer components;

@layer utilities {
  .\@container\/card {
    container: card / inline-size;
  }

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

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

  .inset-0 {
    inset: 0;
  }

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

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

  .inset-x-0 {
    inset-inline: 0;
  }

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

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

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

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

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

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

  .inset-x-related {
    inset-inline: var(--cm-rhythm-related);
  }

  .inset-y-0 {
    inset-block: 0;
  }

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

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

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

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

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

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

  .-start-\[8\%\] {
    inset-inline-start: -8%;
  }

  .inset-s-0 {
    inset-inline-start: 0;
  }

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

  .inset-s-3\.5 {
    inset-inline-start: calc(var(--spacing) * 3.5);
  }

  .inset-s-\[2\.15rem\] {
    inset-inline-start: 2.15rem;
  }

  .start-\[1\.18rem\] {
    inset-inline-start: 1.18rem;
  }

  .start-\[1\.42rem\] {
    inset-inline-start: 1.42rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .end-auto {
    inset-inline-end: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

  .top-0 {
    top: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

  .bottom-related {
    bottom: var(--cm-rhythm-related);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

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

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

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

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

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

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

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

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

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

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

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

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

  .ms-auto {
    margin-inline-start: auto;
  }

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

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

  .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-3 {
    margin-top: calc(var(--spacing) * 3);
  }

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

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

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

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

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

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

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

  .mt-\[-0\.25rem\] {
    margin-top: -.25rem;
  }

  .mt-\[0\.65rem\] {
    margin-top: .65rem;
  }

  .mt-atomic {
    margin-top: var(--cm-rhythm-atomic);
  }

  .mt-component {
    margin-top: var(--cm-rhythm-component);
  }

  .mt-group {
    margin-top: var(--cm-rhythm-group);
  }

  .mt-related {
    margin-top: var(--cm-rhythm-related);
  }

  .mt-section {
    margin-top: var(--cm-rhythm-section);
  }

  .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-atomic {
    margin-bottom: var(--cm-rhythm-atomic);
  }

  .mb-component {
    margin-bottom: var(--cm-rhythm-component);
  }

  .mb-group {
    margin-bottom: var(--cm-rhythm-group);
  }

  .mb-related {
    margin-bottom: var(--cm-rhythm-related);
  }

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

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

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[5\/4\] {
    aspect-ratio: 5 / 4;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

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

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

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

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

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

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

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

  .size-\[26rem\] {
    width: 26rem;
    height: 26rem;
  }

  .size-\[28rem\] {
    width: 28rem;
    height: 28rem;
  }

  .size-\[34rem\] {
    width: 34rem;
    height: 34rem;
  }

  .size-\[38rem\] {
    width: 38rem;
    height: 38rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

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

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

  .max-h-\[min\(29rem\,65vh\)\] {
    max-height: min(29rem, 65vh);
  }

  .max-h-\[min\(34rem\,72vh\)\] {
    max-height: min(34rem, 72vh);
  }

  .min-h-0 {
    min-height: 0;
  }

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

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

  .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\.125rem\] {
    min-height: 1.125rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-control {
    min-height: var(--cm-control-height);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

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

  .min-h-touch {
    min-height: var(--cm-touch-target);
  }

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

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

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

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

  .w-3\/5 {
    width: 60%;
  }

  .w-4\/5 {
    width: 80%;
  }

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

  .w-5\/6 {
    width: 83.3333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[min\(21rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(21rem, 100vw - 1.5rem);
  }

  .w-\[min\(22rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(22rem, 100vw - 1.5rem);
  }

  .w-\[min\(27rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(27rem, 100vw - 1.5rem);
  }

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

  .w-\[min\(88vw\,20rem\)\] {
    width: min(88vw, 20rem);
  }

  .w-\[min\(88vw\,24rem\)\] {
    width: min(88vw, 24rem);
  }

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[12ch\] {
    max-width: 12ch;
  }

  .max-w-\[13ch\] {
    max-width: 13ch;
  }

  .max-w-\[14ch\] {
    max-width: 14ch;
  }

  .max-w-\[15ch\] {
    max-width: 15ch;
  }

  .max-w-\[16ch\] {
    max-width: 16ch;
  }

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

  .max-w-\[18ch\] {
    max-width: 18ch;
  }

  .max-w-\[20ch\] {
    max-width: 20ch;
  }

  .max-w-\[22ch\] {
    max-width: 22ch;
  }

  .max-w-\[24ch\] {
    max-width: 24ch;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-0 {
    min-width: 0;
  }

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

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

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

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

  .min-w-\[1\.125rem\] {
    min-width: 1.125rem;
  }

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

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

  .min-w-\[78vw\] {
    min-width: 78vw;
  }

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

  .flex-1 {
    flex: 1;
  }

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

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

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

  .origin-left {
    transform-origin: 0;
  }

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

  .origin-top-right {
    transform-origin: 100% 0;
  }

  .-translate-x-\[104\%\] {
    --tw-translate-x: calc(104% * -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-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

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

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

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

  .scale-\[\.97\] {
    scale: .97;
  }

  .scale-\[\.98\] {
    scale: .98;
  }

  .scale-\[\.975\] {
    scale: .975;
  }

  .scale-\[\.985\] {
    scale: .985;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .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-pulse {
    animation: var(--animate-pulse);
  }

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

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

  .cursor-pointer {
    cursor: pointer;
  }

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

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .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-mb-28 {
    scroll-margin-bottom: calc(var(--spacing) * 28);
  }

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

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .scrollbar-thin {
    scrollbar-width: thin;
  }

  .scrollbar-thumb-border-strong\/55 {
    --tw-scrollbar-thumb: var(--cm-color-border-strong);
  }

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

  .scrollbar-thumb-border-strong\/55 {
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .scrollbar-track-transparent {
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .\[scrollbar-gutter\:stable\], .scrollbar-gutter-stable {
    scrollbar-gutter: stable;
  }

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

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

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

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

  .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.25rem minmax(0, 1fr);
  }

  .grid-cols-\[1\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }

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

  .grid-cols-\[2\.4rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.4rem minmax(0, 1fr);
  }

  .grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.75rem minmax(0, 1fr);
  }

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

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

  .grid-cols-\[2rem_minmax\(0\,1fr\)_2\.5rem\] {
    grid-template-columns: 2rem minmax(0, 1fr) 2.5rem;
  }

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

  .grid-cols-\[3rem_minmax\(4\.5rem\,1fr\)_3rem\] {
    grid-template-columns: 3rem minmax(4.5rem, 1fr) 3rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-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-atomic {
    gap: var(--cm-rhythm-atomic);
  }

  .gap-component {
    gap: var(--cm-rhythm-component);
  }

  .gap-group {
    gap: var(--cm-rhythm-group);
  }

  .gap-px {
    gap: 1px;
  }

  .gap-related {
    gap: var(--cm-rhythm-related);
  }

  .gap-section {
    gap: var(--cm-rhythm-section);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }

  :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-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-component > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--cm-rhythm-component) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--cm-rhythm-component) * calc(1 - var(--tw-space-y-reverse)));
  }

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

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

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

  .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-group {
    column-gap: var(--cm-rhythm-group);
  }

  .gap-x-related {
    column-gap: var(--cm-rhythm-related);
  }

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

  .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-6 {
    row-gap: calc(var(--spacing) * 6);
  }

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

  .gap-y-atomic {
    row-gap: var(--cm-rhythm-atomic);
  }

  :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(--cm-color-border);
  }

  :where(.divide-border\/60 > :not(:last-child)) {
    border-color: var(--cm-color-border);
  }

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

  :where(.divide-border\/65 > :not(:last-child)) {
    border-color: var(--cm-color-border);
  }

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-\[1\.7rem\] {
    border-radius: 1.7rem;
  }

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }

  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }

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

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

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

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

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

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

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

  .rounded-none {
    border-radius: 0;
  }

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

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

  .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-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

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

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

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

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

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

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

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

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

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

  .border-accent\/25 {
    border-color: var(--cm-color-accent);
  }

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

  .border-background\/14 {
    border-color: var(--cm-color-background);
  }

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

  .border-background\/16 {
    border-color: var(--cm-color-background);
  }

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

  .border-background\/18 {
    border-color: var(--cm-color-background);
  }

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

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

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

  .border-border-strong\/70 {
    border-color: var(--cm-color-border-strong);
  }

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

  .border-border-strong\/75 {
    border-color: var(--cm-color-border-strong);
  }

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

  .border-border-strong\/80 {
    border-color: var(--cm-color-border-strong);
  }

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

  .border-border\/55 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/60 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/62 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/65 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/66 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/68 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/70 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/72 {
    border-color: var(--cm-color-border);
  }

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

  .border-border\/75 {
    border-color: var(--cm-color-border);
  }

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

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

  .border-brand-deep {
    border-color: var(--cm-color-brand-deep);
  }

  .border-brand-deep\/88 {
    border-color: var(--cm-color-brand-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-deep\/88 {
      border-color: color-mix(in oklab, var(--cm-color-brand-deep) 88%, transparent);
    }
  }

  .border-brand\/10 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/12 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/14 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/18 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/20 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/24 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/25 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/28 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/30 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/32 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/35 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/50 {
    border-color: var(--cm-color-brand);
  }

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

  .border-brand\/55 {
    border-color: var(--cm-color-brand);
  }

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

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

  .border-control-border\/84 {
    border-color: var(--cm-color-control-border);
  }

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

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

  .border-danger\/18 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/20 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/22 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/24 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/25 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/28 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/30 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/32 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/35 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/45 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/75 {
    border-color: var(--cm-color-danger);
  }

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

  .border-danger\/86 {
    border-color: var(--cm-color-danger);
  }

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

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

  .border-info\/20 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/22 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/25 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/28 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/30 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/35 {
    border-color: var(--cm-color-info);
  }

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

  .border-info\/40 {
    border-color: var(--cm-color-info);
  }

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

  .border-retest\/22 {
    border-color: var(--cm-color-retest);
  }

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

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

  .border-success\/10 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/14 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/20 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/22 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/25 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/28 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/30 {
    border-color: var(--cm-color-success);
  }

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

  .border-success\/32 {
    border-color: var(--cm-color-success);
  }

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

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

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

  .border-warning\/16 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/22 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/24 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/25 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/28 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/30 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/35 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/38 {
    border-color: var(--cm-color-warning);
  }

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

  .border-warning\/40 {
    border-color: var(--cm-color-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--cm-color-warning) 40%, 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\/14 {
    border-color: #ffffff24;
  }

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

  .border-white\/18 {
    border-color: #ffffff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/18 {
      border-color: color-mix(in oklab, var(--color-white) 18%, 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\/28 {
    border-color: #ffffff47;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/28 {
      border-color: color-mix(in oklab, var(--color-white) 28%, 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\/34 {
    border-color: #ffffff57;
  }

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

  .border-white\/36 {
    border-color: #ffffff5c;
  }

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

  .border-white\/38 {
    border-color: #ffffff61;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/38 {
      border-color: color-mix(in oklab, var(--color-white) 38%, 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\/42 {
    border-color: #ffffff6b;
  }

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

  .border-white\/44 {
    border-color: #ffffff70;
  }

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

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

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

  .border-white\/46 {
    border-color: #ffffff75;
  }

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

  .border-white\/48 {
    border-color: #ffffff7a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/48 {
      border-color: color-mix(in oklab, var(--color-white) 48%, 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\/52 {
    border-color: #ffffff85;
  }

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

  .border-white\/54 {
    border-color: #ffffff8a;
  }

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

  .border-white\/58 {
    border-color: #ffffff94;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/58 {
      border-color: color-mix(in oklab, var(--color-white) 58%, 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);
    }
  }

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

  .bg-accent-soft\/35 {
    background-color: var(--cm-color-accent-soft);
  }

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

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

  .bg-backdrop\/95 {
    background-color: var(--cm-color-backdrop);
  }

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

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

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

  .bg-background-cool\/16 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/22 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/24 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/30 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/32 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/34 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/35 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/36 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/38 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/42 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/45 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/48 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/55 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/58 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/70 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background-cool\/74 {
    background-color: var(--cm-color-background-cool);
  }

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

  .bg-background\/8 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/10 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/28 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/34 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/42 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/44 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/46 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/48 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/52 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/55 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/68 {
    background-color: var(--cm-color-background);
  }

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

  .bg-background\/96 {
    background-color: var(--cm-color-background);
  }

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

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

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

  .bg-border\/60 {
    background-color: var(--cm-color-border);
  }

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

  .bg-border\/62 {
    background-color: var(--cm-color-border);
  }

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

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

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

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

  .bg-brand-mist\/10 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/20 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/22 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/25 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/28 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/30 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/35 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/42 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/50 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/55 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/64 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/66 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/76 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/78 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-mist\/82 {
    background-color: var(--cm-color-brand-mist);
  }

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

  .bg-brand-soft\/26 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/28 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/30 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/32 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/34 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/38 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/54 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand-soft\/58 {
    background-color: var(--cm-color-brand-soft);
  }

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

  .bg-brand\/16 {
    background-color: var(--cm-color-brand);
  }

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

  .bg-brand\/18 {
    background-color: var(--cm-color-brand);
  }

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

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

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

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

  .bg-danger-soft\/14 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/16 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/18 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/20 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/25 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/26 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/30 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/35 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/40 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/45 {
    background-color: var(--cm-color-danger-soft);
  }

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

  .bg-danger-soft\/50 {
    background-color: var(--cm-color-danger-soft);
  }

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

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

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

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

  .bg-info-soft\/10 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/15 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/16 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/20 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/24 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/25 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/28 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/30 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/34 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/35 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/36 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/38 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/42 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info-soft\/68 {
    background-color: var(--cm-color-info-soft);
  }

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

  .bg-info\/14 {
    background-color: var(--cm-color-info);
  }

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

  .bg-info\/16 {
    background-color: var(--cm-color-info);
  }

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

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

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

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

  .bg-success-soft\/10 {
    background-color: var(--cm-color-success-soft);
  }

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

  .bg-success-soft\/20 {
    background-color: var(--cm-color-success-soft);
  }

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

  .bg-success-soft\/24 {
    background-color: var(--cm-color-success-soft);
  }

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

  .bg-success-soft\/25 {
    background-color: var(--cm-color-success-soft);
  }

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

  .bg-success-soft\/30 {
    background-color: var(--cm-color-success-soft);
  }

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

  .bg-success-soft\/35 {
    background-color: var(--cm-color-success-soft);
  }

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

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

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

  .bg-surface-muted\/18 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/20 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/24 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/25 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/30 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/35 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/45 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/70 {
    background-color: var(--cm-color-surface-muted);
  }

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

  .bg-surface-muted\/72 {
    background-color: var(--cm-color-surface-muted);
  }

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

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

  .bg-surface-raised\/30 {
    background-color: var(--cm-color-surface-raised);
  }

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

  .bg-surface-raised\/40 {
    background-color: var(--cm-color-surface-raised);
  }

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

  .bg-surface-raised\/45 {
    background-color: var(--cm-color-surface-raised);
  }

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

  .bg-surface\/26 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/42 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/48 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/52 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/54 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/56 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/58 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/60 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/62 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/64 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/65 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/66 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/68 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/70 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/72 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/74 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/76 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/78 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/80 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/82 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/88 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/90 {
    background-color: var(--cm-color-surface);
  }

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

  .bg-surface\/96 {
    background-color: var(--cm-color-surface);
  }

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

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

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

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

  .bg-warning-soft\/10 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/12 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/14 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/16 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/18 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/20 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/25 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/26 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/30 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/35 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/40 {
    background-color: var(--cm-color-warning-soft);
  }

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

  .bg-warning-soft\/50 {
    background-color: var(--cm-color-warning-soft);
  }

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

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

  .bg-white\/6 {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/6 {
      background-color: color-mix(in oklab, var(--color-white) 6%, 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\/\[\.045\] {
    background-color: #ffffff0b;
  }

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

  .bg-white\/\[\.055\] {
    background-color: #ffffff0e;
  }

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

  .\[background-image\:linear-gradient\(color-mix\(in_oklch\,var\(--color-border\)_42\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklch\,var\(--color-border\)_42\%\,transparent\)_1px\,transparent_1px\)\] {
    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)) {
    .\[background-image\:linear-gradient\(color-mix\(in_oklch\,var\(--color-border\)_42\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklch\,var\(--color-border\)_42\%\,transparent\)_1px\,transparent_1px\)\] {
      background-image: linear-gradient(color-mix(in oklch,var(--color-border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-border) 42%,transparent) 1px,transparent 1px);
    }
  }

  .\[background-image\:linear-gradient\(color-mix\(in_oklch\,var\(--color-border\)_48\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklch\,var\(--color-border\)_48\%\,transparent\)_1px\,transparent_1px\)\] {
    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)) {
    .\[background-image\:linear-gradient\(color-mix\(in_oklch\,var\(--color-border\)_48\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklch\,var\(--color-border\)_48\%\,transparent\)_1px\,transparent_1px\)\] {
      background-image: linear-gradient(color-mix(in oklch,var(--color-border) 48%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-border) 48%,transparent) 1px,transparent 1px);
    }
  }

  .\[background-image\:linear-gradient\(white_1px\,transparent_1px\)\,linear-gradient\(90deg\,white_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#fff 1px, #0000 1px), linear-gradient(90deg, #fff 1px, #0000 1px);
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,black_20\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg, #0000, #0003);
    background-image: linear-gradient(90deg, #0000, lab(0% 0 0 / .2));
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_45\%\,white\)\,transparent\)\] {
    background-image: linear-gradient(90deg,transparent,var(--color-brand),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_45\%\,white\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-brand) 45%,white),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_52\%\,white\)\,transparent\)\] {
    background-image: linear-gradient(90deg,transparent,var(--color-brand),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_52\%\,white\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-brand) 52%,white),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_58\%\,white\)\,transparent\)\] {
    background-image: linear-gradient(90deg,transparent,var(--color-brand),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_58\%\,white\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-brand) 58%,white),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_62\%\,white\)\,transparent\)\] {
    background-image: linear-gradient(90deg,transparent,var(--color-brand),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_62\%\,white\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-brand) 62%,white),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-info\)_56\%\,white\)\,transparent\)\] {
    background-image: linear-gradient(90deg,transparent,var(--color-info),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,var\(--color-info\)_56\%\,white\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-info) 56%,white),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_68\%\,var\(--color-brand\)\)\,transparent\)\] {
    background-image: linear-gradient(90deg, #0000, #fff, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_68\%\,var\(--color-brand\)\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,white 68%,var(--color-brand)),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_72\%\,var\(--color-brand\)\)\,transparent\)\] {
    background-image: linear-gradient(90deg, #0000, #fff, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_72\%\,var\(--color-brand\)\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,white 72%,var(--color-brand)),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_76\%\,var\(--color-brand\)\)\,transparent\)\] {
    background-image: linear-gradient(90deg, #0000, #fff, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,white_76\%\,var\(--color-brand\)\)\,transparent\)\] {
      background-image: linear-gradient(90deg,transparent,color-mix(in oklch,white 76%,var(--color-brand)),transparent);
    }
  }

  .bg-\[linear-gradient\(90deg\,var\(--color-brand\)\,var\(--color-info\)\)\] {
    background-image: linear-gradient(90deg,var(--color-brand),var(--color-info));
  }

  .bg-\[linear-gradient\(100deg\,var\(--color-brand-deep\)\,var\(--color-info\)\,var\(--color-brand\)\)\] {
    background-image: linear-gradient(100deg,var(--color-brand-deep),var(--color-info),var(--color-brand));
  }

  .bg-\[linear-gradient\(120deg\,transparent_24\%\,color-mix\(in_oklch\,white_18\%\,transparent\)_46\%\,transparent_64\%\)\] {
    background-image: linear-gradient(120deg, #0000 24%, #ffffff2e 46%, #0000 64%);
    background-image: linear-gradient(120deg, #0000 24%, lab(100% 0 0 / .18) 46%, #0000 64%);
  }

  .bg-\[linear-gradient\(120deg\,transparent_28\%\,color-mix\(in_oklch\,white_14\%\,transparent\)_48\%\,transparent_66\%\)\] {
    background-image: linear-gradient(120deg, #0000 28%, #ffffff24 48%, #0000 66%);
    background-image: linear-gradient(120deg, #0000 28%, lab(100% 0 0 / .14) 48%, #0000 66%);
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-deep\)_96\%\,var\(--color-accent\)\)\,var\(--color-brand-deep\)_56\%\,color-mix\(in_oklch\,var\(--color-info\)_72\%\,var\(--color-brand-deep\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-deep),var(--color-brand-deep) 56%,var(--color-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-deep\)_96\%\,var\(--color-accent\)\)\,var\(--color-brand-deep\)_56\%\,color-mix\(in_oklch\,var\(--color-info\)_72\%\,var\(--color-brand-deep\)\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-deep) 96%,var(--color-accent)),var(--color-brand-deep) 56%,color-mix(in oklch,var(--color-info) 72%,var(--color-brand-deep)));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_46\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_30\%\,transparent\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_46\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_30\%\,transparent\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-mist) 46%,transparent),color-mix(in oklch,var(--color-info-soft) 30%,transparent));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_52\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_52\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-mist) 52%,var(--color-surface)),var(--color-surface));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_86\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_44\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_86\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_44\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-mist) 86%,var(--color-surface)),color-mix(in oklch,var(--color-info-soft) 44%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_88\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_88\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-mist) 88%,var(--color-surface)),color-mix(in oklch,var(--color-info-soft) 58%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_92\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_62\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_92\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_62\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-brand-mist) 92%,var(--color-surface)),color-mix(in oklch,var(--color-info-soft) 62%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-info-soft\)_42\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_36\%\,transparent\)\)\] {
    background-image: linear-gradient(135deg,var(--color-info-soft),var(--color-brand-mist));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-info-soft\)_42\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_36\%\,transparent\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-info-soft) 42%,transparent),color-mix(in oklch,var(--color-brand-mist) 36%,transparent));
    }
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-success-soft\)_82\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
    background-image: linear-gradient(135deg,var(--color-success-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklch\,var\(--color-success-soft\)_82\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklch,var(--color-success-soft) 82%,var(--color-surface)),var(--color-surface));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-brand-mist\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_52\%\,var\(--color-brand-mist\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-brand-mist\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_52\%\,var\(--color-brand-mist\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-brand-mist),color-mix(in oklch,var(--color-info-soft) 52%,var(--color-brand-mist)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-brand-mist\)\,var\(--color-info-soft\)\)\] {
    background-image: linear-gradient(135deg,var(--color-brand-mist),var(--color-info-soft));
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-danger\)\,color-mix\(in_oklch\,var\(--color-danger-hover\)_86\%\,var\(--color-danger\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-danger),var(--color-danger-hover));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-danger\)\,color-mix\(in_oklch\,var\(--color-danger-hover\)_86\%\,var\(--color-danger\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-danger),color-mix(in oklch,var(--color-danger-hover) 86%,var(--color-danger)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-danger-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_38\%\,var\(--color-danger-soft\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-danger-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-danger-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_38\%\,var\(--color-danger-soft\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-danger-soft),color-mix(in oklch,var(--color-surface) 38%,var(--color-danger-soft)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-info-soft\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_42\%\,var\(--color-info-soft\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-info-soft),var(--color-brand-mist));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-info-soft\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_42\%\,var\(--color-info-soft\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-info-soft),color-mix(in oklch,var(--color-brand-mist) 42%,var(--color-info-soft)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-retest-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_38\%\,var\(--color-retest-soft\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-retest-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-retest-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_38\%\,var\(--color-retest-soft\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-retest-soft),color-mix(in oklch,var(--color-surface) 38%,var(--color-retest-soft)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-success-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_42\%\,var\(--color-success-soft\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-success-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-success-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_42\%\,var\(--color-success-soft\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-success-soft),color-mix(in oklch,var(--color-surface) 42%,var(--color-success-soft)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-surface\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_34\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-surface),var(--color-brand-mist));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-surface\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_34\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-surface),color-mix(in oklch,var(--color-brand-mist) 34%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-warning-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_40\%\,var\(--color-warning-soft\)\)\)\] {
    background-image: linear-gradient(135deg,var(--color-warning-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,var\(--color-warning-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_40\%\,var\(--color-warning-soft\)\)\)\] {
      background-image: linear-gradient(135deg,var(--color-warning-soft),color-mix(in oklch,var(--color-surface) 40%,var(--color-warning-soft)));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_40\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_26\%\,transparent\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_40\%\,transparent\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_26\%\,transparent\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-mist) 40%,transparent),color-mix(in oklch,var(--color-info-soft) 26%,transparent));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-mist) 72%,var(--color-surface)),color-mix(in oklch,var(--color-info-soft) 32%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_78\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_56\%\,var\(--color-surface\)\)_48\%\,color-mix\(in_oklch\,var\(--color-surface\)_82\%\,transparent\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-info-soft) 48%,var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_78\%\,var\(--color-surface\)\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_56\%\,var\(--color-surface\)\)_48\%\,color-mix\(in_oklch\,var\(--color-surface\)_82\%\,transparent\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-mist) 78%,var(--color-surface)),color-mix(in oklch,var(--color-info-soft) 56%,var(--color-surface)) 48%,color-mix(in oklch,var(--color-surface) 82%,transparent));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_78\%\,var\(--color-surface\)\)\,var\(--color-surface\)_48\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-surface) 48%,var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-mist\)_78\%\,var\(--color-surface\)\)\,var\(--color-surface\)_48\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-mist) 78%,var(--color-surface)),var(--color-surface) 48%,color-mix(in oklch,var(--color-info-soft) 58%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-danger-soft\)_32\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
    background-image: linear-gradient(145deg,var(--color-danger-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-danger-soft\)_32\%\,var\(--color-surface\)\)\,var\(--color-surface\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-danger-soft) 32%,var(--color-surface)),var(--color-surface));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_28\%\,black\)_58\%\,color-mix\(in_oklch\,var\(--color-info\)_18\%\,black\)\)\] {
    background-image: linear-gradient(145deg,var(--color-foreground-strong),var(--color-brand-deep) 58%,var(--color-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_28\%\,black\)_58\%\,color-mix\(in_oklch\,var\(--color-info\)_18\%\,black\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-foreground-strong) 95%,black),color-mix(in oklch,var(--color-brand-deep) 28%,black) 58%,color-mix(in oklch,var(--color-info) 18%,black));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_32\%\,black\)_56\%\,color-mix\(in_oklch\,var\(--color-info\)_24\%\,black\)\)\] {
    background-image: linear-gradient(145deg,var(--color-foreground-strong),var(--color-brand-deep) 56%,var(--color-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_32\%\,black\)_56\%\,color-mix\(in_oklch\,var\(--color-info\)_24\%\,black\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-foreground-strong) 95%,black),color-mix(in oklch,var(--color-brand-deep) 32%,black) 56%,color-mix(in oklch,var(--color-info) 24%,black));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_35\%\,black\)_54\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,black\)\)\] {
    background-image: linear-gradient(145deg,var(--color-foreground-strong),var(--color-brand-deep) 54%,var(--color-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-foreground-strong\)_95\%\,black\)\,color-mix\(in_oklch\,var\(--color-brand-deep\)_35\%\,black\)_54\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,black\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-foreground-strong) 95%,black),color-mix(in oklch,var(--color-brand-deep) 35%,black) 54%,color-mix(in oklch,var(--color-info) 22%,black));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_86\%\,white\)\,color-mix\(in_oklch\,var\(--color-background-cool\)_62\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-surface),var(--color-background-cool));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_86\%\,white\)\,color-mix\(in_oklch\,var\(--color-background-cool\)_62\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-surface) 86%,white),color-mix(in oklch,var(--color-background-cool) 62%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_88\%\,white\)\,color-mix\(in_oklch\,var\(--color-background-cool\)_72\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-surface),var(--color-background-cool));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_88\%\,white\)\,color-mix\(in_oklch\,var\(--color-background-cool\)_72\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-surface) 88%,white),color-mix(in oklch,var(--color-background-cool) 72%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(145deg\,var\(--color-brand-mist\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_48\%\,var\(--color-surface\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,var\(--color-brand-mist\)\,color-mix\(in_oklch\,var\(--color-info-soft\)_48\%\,var\(--color-surface\)\)\)\] {
      background-image: linear-gradient(145deg,var(--color-brand-mist),color-mix(in oklch,var(--color-info-soft) 48%,var(--color-surface)));
    }
  }

  .bg-\[linear-gradient\(145deg\,var\(--color-brand-mist\)\,var\(--color-info-soft\)\)\] {
    background-image: linear-gradient(145deg,var(--color-brand-mist),var(--color-info-soft));
  }

  .bg-\[linear-gradient\(145deg\,var\(--color-success-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_72\%\,var\(--color-success-soft\)\)\)\] {
    background-image: linear-gradient(145deg,var(--color-success-soft),var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(145deg\,var\(--color-success-soft\)\,color-mix\(in_oklch\,var\(--color-surface\)_72\%\,var\(--color-success-soft\)\)\)\] {
      background-image: linear-gradient(145deg,var(--color-success-soft),color-mix(in oklch,var(--color-surface) 72%,var(--color-success-soft)));
    }
  }

  .bg-\[linear-gradient\(180deg\,color-mix\(in_oklch\,var\(--color-surface\)_96\%\,white\)\,color-mix\(in_oklch\,var\(--color-surface-raised\)_88\%\,var\(--color-background-cool\)\)\)\] {
    background-image: linear-gradient(180deg,var(--color-surface),var(--color-surface-raised));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(180deg\,color-mix\(in_oklch\,var\(--color-surface\)_96\%\,white\)\,color-mix\(in_oklch\,var\(--color-surface-raised\)_88\%\,var\(--color-background-cool\)\)\)\] {
      background-image: linear-gradient(180deg,color-mix(in oklch,var(--color-surface) 96%,white),color-mix(in oklch,var(--color-surface-raised) 88%,var(--color-background-cool)));
    }
  }

  .bg-\[linear-gradient\(180deg\,transparent\,color-mix\(in_oklch\,var\(--color-background\)_36\%\,transparent\)_12\%\,color-mix\(in_oklch\,var\(--color-background\)_36\%\,transparent\)_88\%\,transparent\)\] {
    background-image: linear-gradient(180deg,transparent,var(--color-background) 12%,var(--color-background) 88%,transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(180deg\,transparent\,color-mix\(in_oklch\,var\(--color-background\)_36\%\,transparent\)_12\%\,color-mix\(in_oklch\,var\(--color-background\)_36\%\,transparent\)_88\%\,transparent\)\] {
      background-image: linear-gradient(180deg,transparent,color-mix(in oklch,var(--color-background) 36%,transparent) 12%,color-mix(in oklch,var(--color-background) 36%,transparent) 88%,transparent);
    }
  }

  .bg-\[linear-gradient\(180deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_28\%\,var\(--color-border\)\)_12\%\,color-mix\(in_oklch\,var\(--color-brand\)_18\%\,var\(--color-border\)\)_88\%\,transparent\)\] {
    background-image: linear-gradient(180deg,transparent,var(--color-brand) 12%,var(--color-brand) 88%,transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(180deg\,transparent\,color-mix\(in_oklch\,var\(--color-brand\)_28\%\,var\(--color-border\)\)_12\%\,color-mix\(in_oklch\,var\(--color-brand\)_18\%\,var\(--color-border\)\)_88\%\,transparent\)\] {
      background-image: linear-gradient(180deg,transparent,color-mix(in oklch,var(--color-brand) 28%,var(--color-border)) 12%,color-mix(in oklch,var(--color-brand) 18%,var(--color-border)) 88%,transparent);
    }
  }

  .bg-\[linear-gradient\(180deg\,transparent_46\%\,color-mix\(in_oklch\,var\(--color-surface\)_72\%\,transparent\)\)\] {
    background-image: linear-gradient(180deg,transparent 46%,var(--color-surface));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(180deg\,transparent_46\%\,color-mix\(in_oklch\,var\(--color-surface\)_72\%\,transparent\)\)\] {
      background-image: linear-gradient(180deg,transparent 46%,color-mix(in oklch,var(--color-surface) 72%,transparent));
    }
  }

  .bg-\[linear-gradient\(var\(--color-brand\)\,var\(--color-info\)\)\] {
    background-image: linear-gradient(var(--color-brand),var(--color-info));
  }

  .bg-\[linear-gradient\(var\(--color-brand\)\,var\(--color-info\)\,transparent\)\] {
    background-image: linear-gradient(var(--color-brand),var(--color-info),transparent);
  }

  .bg-\[radial-gradient\(circle_at_8\%_12\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_88\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_94\%_74\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,transparent\)\,transparent_36\%\)\] {
    background-image: radial-gradient(circle at 8% 12%,var(--color-info-soft),transparent 34%),radial-gradient(circle at 94% 74%,var(--color-brand-mist),transparent 36%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_8\%_12\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_88\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_94\%_74\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,transparent\)\,transparent_36\%\)\] {
      background-image: radial-gradient(circle at 8% 12%,color-mix(in oklch,var(--color-info-soft) 88%,transparent),transparent 34%),radial-gradient(circle at 94% 74%,color-mix(in oklch,var(--color-brand-mist) 72%,transparent),transparent 36%);
    }
  }

  .bg-\[radial-gradient\(circle_at_8\%_70\%\,color-mix\(in_oklch\,var\(--color-info\)_30\%\,transparent\)\,transparent_30\%\)\,radial-gradient\(circle_at_88\%_20\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_30\%\)\] {
    background-image: radial-gradient(circle at 8% 70%,var(--color-info),transparent 30%),radial-gradient(circle at 88% 20%,var(--color-brand),transparent 30%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_8\%_70\%\,color-mix\(in_oklch\,var\(--color-info\)_30\%\,transparent\)\,transparent_30\%\)\,radial-gradient\(circle_at_88\%_20\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_30\%\)\] {
      background-image: radial-gradient(circle at 8% 70%,color-mix(in oklch,var(--color-info) 30%,transparent),transparent 30%),radial-gradient(circle at 88% 20%,color-mix(in oklch,var(--color-brand) 24%,transparent),transparent 30%);
    }
  }

  .bg-\[radial-gradient\(circle_at_10\%_8\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_74\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_92\%_84\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,transparent\)\,transparent_38\%\)\] {
    background-image: radial-gradient(circle at 10% 8%,var(--color-brand-mist),transparent 34%),radial-gradient(circle at 92% 84%,var(--color-info-soft),transparent 38%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_10\%_8\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_74\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_92\%_84\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,transparent\)\,transparent_38\%\)\] {
      background-image: radial-gradient(circle at 10% 8%,color-mix(in oklch,var(--color-brand-mist) 74%,transparent),transparent 34%),radial-gradient(circle at 92% 84%,color-mix(in oklch,var(--color-info-soft) 58%,transparent),transparent 38%);
    }
  }

  .bg-\[radial-gradient\(circle_at_10\%_14\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_92\%_82\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_54\%\,transparent\)\,transparent_38\%\)\] {
    background-image: radial-gradient(circle at 10% 14%,var(--color-brand-mist),transparent 34%),radial-gradient(circle at 92% 82%,var(--color-info-soft),transparent 38%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_10\%_14\%\,color-mix\(in_oklch\,var\(--color-brand-mist\)_72\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_92\%_82\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_54\%\,transparent\)\,transparent_38\%\)\] {
      background-image: radial-gradient(circle at 10% 14%,color-mix(in oklch,var(--color-brand-mist) 72%,transparent),transparent 34%),radial-gradient(circle at 92% 82%,color-mix(in oklch,var(--color-info-soft) 54%,transparent),transparent 38%);
    }
  }

  .bg-\[radial-gradient\(circle_at_10\%_20\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_90\%_80\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,transparent\)\,transparent_36\%\)\,var\(--color-surface\)\] {
    background-image: radial-gradient(circle at 10% 20%,var(--color-brand-soft),transparent 34%),radial-gradient(circle at 90% 80%,var(--color-info-soft),transparent 36%),var(--color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_10\%_20\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_90\%_80\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_58\%\,transparent\)\,transparent_36\%\)\,var\(--color-surface\)\] {
      background-image: radial-gradient(circle at 10% 20%,color-mix(in oklch,var(--color-brand-soft) 62%,transparent),transparent 34%),radial-gradient(circle at 90% 80%,color-mix(in oklch,var(--color-info-soft) 58%,transparent),transparent 36%),var(--color-surface);
    }
  }

  .bg-\[radial-gradient\(circle_at_15\%_18\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_38\%\)\,radial-gradient\(circle_at_82\%_72\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,transparent\)\,transparent_42\%\)\] {
    background-image: radial-gradient(circle at 15% 18%,var(--color-brand),transparent 38%),radial-gradient(circle at 82% 72%,var(--color-info),transparent 42%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_15\%_18\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_38\%\)\,radial-gradient\(circle_at_82\%_72\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,transparent\)\,transparent_42\%\)\] {
      background-image: radial-gradient(circle at 15% 18%,color-mix(in oklch,var(--color-brand) 24%,transparent),transparent 38%),radial-gradient(circle at 82% 72%,color-mix(in oklch,var(--color-info) 22%,transparent),transparent 42%);
    }
  }

  .bg-\[radial-gradient\(circle_at_16\%_14\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_96\%\,transparent\)_0\,transparent_34\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_88\%\,transparent\)_0\,transparent_38\%\)\,linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_88\%\,white\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_54\%\,var\(--color-surface\)\)\)\] {
    background-image: radial-gradient(circle at 16% 14%,var(--color-info-soft) 0,transparent 34%),radial-gradient(circle at 84% 78%,var(--color-brand-soft) 0,transparent 38%),linear-gradient(145deg,var(--color-surface),var(--color-brand-mist));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_16\%_14\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_96\%\,transparent\)_0\,transparent_34\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_88\%\,transparent\)_0\,transparent_38\%\)\,linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-surface\)_88\%\,white\)\,color-mix\(in_oklch\,var\(--color-brand-mist\)_54\%\,var\(--color-surface\)\)\)\] {
      background-image: radial-gradient(circle at 16% 14%,color-mix(in oklch,var(--color-info-soft) 96%,transparent) 0,transparent 34%),radial-gradient(circle at 84% 78%,color-mix(in oklch,var(--color-brand-soft) 88%,transparent) 0,transparent 38%),linear-gradient(145deg,color-mix(in oklch,var(--color-surface) 88%,white),color-mix(in oklch,var(--color-brand-mist) 54%,var(--color-surface)));
    }
  }

  .bg-\[radial-gradient\(circle_at_18\%_12\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_36\%\)\,radial-gradient\(circle_at_86\%_72\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,transparent\)\,transparent_38\%\)\] {
    background-image: radial-gradient(circle at 18% 12%,var(--color-brand),transparent 36%),radial-gradient(circle at 86% 72%,var(--color-info),transparent 38%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_18\%_12\%\,color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,transparent_36\%\)\,radial-gradient\(circle_at_86\%_72\%\,color-mix\(in_oklch\,var\(--color-info\)_22\%\,transparent\)\,transparent_38\%\)\] {
      background-image: radial-gradient(circle at 18% 12%,color-mix(in oklch,var(--color-brand) 24%,transparent),transparent 36%),radial-gradient(circle at 86% 72%,color-mix(in oklch,var(--color-info) 22%,transparent),transparent 38%);
    }
  }

  .bg-\[radial-gradient\(circle_at_18\%_18\%\,color-mix\(in_oklch\,var\(--color-info\)_26\%\,transparent\)\,transparent_36\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\,transparent_38\%\)\] {
    background-image: radial-gradient(circle at 18% 18%,var(--color-info),transparent 36%),radial-gradient(circle at 84% 78%,var(--color-brand),transparent 38%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_18\%_18\%\,color-mix\(in_oklch\,var\(--color-info\)_26\%\,transparent\)\,transparent_36\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\,transparent_38\%\)\] {
      background-image: radial-gradient(circle at 18% 18%,color-mix(in oklch,var(--color-info) 26%,transparent),transparent 36%),radial-gradient(circle at 84% 78%,color-mix(in oklch,var(--color-brand) 20%,transparent),transparent 38%);
    }
  }

  .bg-\[radial-gradient\(circle_at_50\%_0\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_70\%\)\] {
    background-image: radial-gradient(circle at 50% 0%,var(--color-brand-soft),transparent 70%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_50\%_0\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_70\%\)\] {
      background-image: radial-gradient(circle at 50% 0%,color-mix(in oklch,var(--color-brand-soft) 62%,transparent),transparent 70%);
    }
  }

  .bg-\[radial-gradient\(circle_at_50\%_35\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_60\%\,transparent\)\,transparent_72\%\)\] {
    background-image: radial-gradient(circle at 50% 35%,var(--color-brand-soft),transparent 72%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_50\%_35\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_60\%\,transparent\)\,transparent_72\%\)\] {
      background-image: radial-gradient(circle at 50% 35%,color-mix(in oklch,var(--color-brand-soft) 60%,transparent),transparent 72%);
    }
  }

  .bg-\[radial-gradient\(circle_at_50\%_38\%\,color-mix\(in_oklch\,var\(--color-accent-soft\)_94\%\,transparent\)\,transparent_72\%\)\] {
    background-image: radial-gradient(circle at 50% 38%,var(--color-accent-soft),transparent 72%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_50\%_38\%\,color-mix\(in_oklch\,var\(--color-accent-soft\)_94\%\,transparent\)\,transparent_72\%\)\] {
      background-image: radial-gradient(circle at 50% 38%,color-mix(in oklch,var(--color-accent-soft) 94%,transparent),transparent 72%);
    }
  }

  .bg-\[radial-gradient\(circle_at_78\%_18\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_24\%\,transparent\)\,transparent_54\%\)\,radial-gradient\(circle_at_18\%_4\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,transparent\)\,transparent_48\%\)\] {
    background-image: radial-gradient(circle at 78% 18%,var(--color-brand-soft),transparent 54%),radial-gradient(circle at 18% 4%,var(--color-info-soft),transparent 48%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_78\%_18\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_24\%\,transparent\)\,transparent_54\%\)\,radial-gradient\(circle_at_18\%_4\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,transparent\)\,transparent_48\%\)\] {
      background-image: radial-gradient(circle at 78% 18%,color-mix(in oklch,var(--color-brand-soft) 24%,transparent),transparent 54%),radial-gradient(circle at 18% 4%,color-mix(in oklch,var(--color-info-soft) 32%,transparent),transparent 48%);
    }
  }

  .bg-\[radial-gradient\(circle_at_center\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_70\%\)\] {
    background-image: radial-gradient(circle at center,var(--color-brand-soft),transparent 70%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(circle_at_center\,color-mix\(in_oklch\,var\(--color-brand-soft\)_62\%\,transparent\)\,transparent_70\%\)\] {
      background-image: radial-gradient(circle at center,color-mix(in oklch,var(--color-brand-soft) 62%,transparent),transparent 70%);
    }
  }

  .\[mask-image\:radial-gradient\(ellipse_at_54\%_46\%\,black\,transparent_76\%\)\] {
    -webkit-mask-image: radial-gradient(at 54% 46%, #000, #0000 76%);
    mask-image: radial-gradient(at 54% 46%, #000, #0000 76%);
  }

  .\[mask-image\:radial-gradient\(ellipse_at_55\%_44\%\,black\,transparent_75\%\)\] {
    -webkit-mask-image: radial-gradient(at 55% 44%, #000, #0000 75%);
    mask-image: radial-gradient(at 55% 44%, #000, #0000 75%);
  }

  .\[mask-image\:radial-gradient\(ellipse_at_center\,black\,transparent_74\%\)\] {
    -webkit-mask-image: radial-gradient(#000, #0000 74%);
    mask-image: radial-gradient(#000, #0000 74%);
  }

  .\[mask-image\:radial-gradient\(ellipse_at_center\,black\,transparent_76\%\)\] {
    -webkit-mask-image: radial-gradient(#000, #0000 76%);
    mask-image: radial-gradient(#000, #0000 76%);
  }

  .\[background-size\:42px_42px\] {
    background-size: 42px 42px;
  }

  .\[background-size\:46px_46px\] {
    background-size: 46px 46px;
  }

  .\[background-size\:56px_56px\] {
    background-size: 56px 56px;
  }

  .\[background-clip\:padding-box\] {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .fill-current {
    fill: currentColor;
  }

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

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

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

  .p-atomic {
    padding: var(--cm-rhythm-atomic);
  }

  .p-component {
    padding: var(--cm-rhythm-component);
  }

  .p-related {
    padding: var(--cm-rhythm-related);
  }

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

  .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-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

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

  .px-component {
    padding-inline: var(--cm-rhythm-component);
  }

  .px-related {
    padding-inline: var(--cm-rhythm-related);
  }

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

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

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

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

  .py-atomic {
    padding-block: var(--cm-rhythm-atomic);
  }

  .py-component {
    padding-block: var(--cm-rhythm-component);
  }

  .py-group {
    padding-block: var(--cm-rhythm-group);
  }

  .py-major {
    padding-block: var(--cm-rhythm-major);
  }

  .py-related {
    padding-block: var(--cm-rhythm-related);
  }

  .py-section {
    padding-block: var(--cm-rhythm-section);
  }

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

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

  .ps-7 {
    padding-inline-start: calc(var(--spacing) * 7);
  }

  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }

  .ps-related {
    padding-inline-start: var(--cm-rhythm-related);
  }

  .pe-1 {
    padding-inline-end: var(--spacing);
  }

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

  .pe-11 {
    padding-inline-end: calc(var(--spacing) * 11);
  }

  .pe-component {
    padding-inline-end: var(--cm-rhythm-component);
  }

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

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

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

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

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

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

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

  .pt-atomic {
    padding-top: var(--cm-rhythm-atomic);
  }

  .pt-group {
    padding-top: var(--cm-rhythm-group);
  }

  .pt-related {
    padding-top: var(--cm-rhythm-related);
  }

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

  .pb-1 {
    padding-bottom: var(--spacing);
  }

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

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

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

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

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

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

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

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

  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }

  .pb-atomic {
    padding-bottom: var(--cm-rhythm-atomic);
  }

  .pb-component {
    padding-bottom: var(--cm-rhythm-component);
  }

  .pb-major {
    padding-bottom: var(--cm-rhythm-major);
  }

  .pb-related {
    padding-bottom: var(--cm-rhythm-related);
  }

  .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-top {
    vertical-align: top;
  }

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

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

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

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

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

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

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

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

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

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

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

  .text-\[\.7rem\] {
    font-size: .7rem;
  }

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

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

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

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

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

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

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

  .leading-\[\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }

  .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\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.16\] {
    --tw-leading: 1.16;
    line-height: 1.16;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

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

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

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

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

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

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

  .tracking-\[-\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.05em\] {
    --tw-tracking: -.05em;
    letter-spacing: -.05em;
  }

  .tracking-\[-0\.06em\] {
    --tw-tracking: -.06em;
    letter-spacing: -.06em;
  }

  .tracking-\[-0\.08em\] {
    --tw-tracking: -.08em;
    letter-spacing: -.08em;
  }

  .tracking-\[-0\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.20em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

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

  .text-pretty {
    text-wrap: pretty;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[color-mix\(in_oklch\,var\(--color-brand\)_60\%\,white\)\] {
    color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklch\,var\(--color-brand\)_60\%\,white\)\] {
      color: color-mix(in oklch,var(--color-brand) 60%,white);
    }
  }

  .text-\[color-mix\(in_oklch\,var\(--color-info\)_68\%\,white\)\] {
    color: var(--color-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklch\,var\(--color-info\)_68\%\,white\)\] {
      color: color-mix(in oklch,var(--color-info) 68%,white);
    }
  }

  .text-\[color-mix\(in_oklch\,var\(--color-info\)_70\%\,white\)\] {
    color: var(--color-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklch\,var\(--color-info\)_70\%\,white\)\] {
      color: color-mix(in oklch,var(--color-info) 70%,white);
    }
  }

  .text-\[color-mix\(in_oklch\,var\(--color-info\)_72\%\,white\)\] {
    color: var(--color-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklch\,var\(--color-info\)_72\%\,white\)\] {
      color: color-mix(in oklch,var(--color-info) 72%,white);
    }
  }

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

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

  .text-background {
    color: var(--cm-color-background);
  }

  .text-border-strong {
    color: var(--cm-color-border-strong);
  }

  .text-brand {
    color: var(--cm-color-brand);
  }

  .text-brand-deep {
    color: var(--cm-color-brand-deep);
  }

  .text-brand-deep\/28 {
    color: var(--cm-color-brand-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-deep\/28 {
      color: color-mix(in oklab, var(--cm-color-brand-deep) 28%, transparent);
    }
  }

  .text-brand-deep\/60 {
    color: var(--cm-color-brand-deep);
  }

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

  .text-brand\/10 {
    color: var(--cm-color-brand);
  }

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

  .text-brand\/28 {
    color: var(--cm-color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand\/28 {
      color: color-mix(in oklab, var(--cm-color-brand) 28%, transparent);
    }
  }

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

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

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

  .text-foreground-strong\/12 {
    color: var(--cm-color-foreground-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground-strong\/12 {
      color: color-mix(in oklab, var(--cm-color-foreground-strong) 12%, transparent);
    }
  }

  .text-foreground-strong\/40 {
    color: var(--cm-color-foreground-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground-strong\/40 {
      color: color-mix(in oklab, var(--cm-color-foreground-strong) 40%, transparent);
    }
  }

  .text-info {
    color: var(--cm-color-info);
  }

  .text-info\/45 {
    color: var(--cm-color-info);
  }

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

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

  .text-retest {
    color: var(--cm-color-retest);
  }

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

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

  .text-transparent {
    color: #0000;
  }

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

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

  .text-white\/34 {
    color: #ffffff57;
  }

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

  .text-white\/62 {
    color: #ffffff9e;
  }

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

  .text-white\/66 {
    color: #ffffffa8;
  }

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

  .text-white\/68 {
    color: #ffffffad;
  }

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

  .text-white\/76 {
    color: #ffffffc2;
  }

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

  .text-white\/78 {
    color: #ffffffc7;
  }

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

  .text-white\/82 {
    color: #ffffffd1;
  }

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

  .text-white\/86 {
    color: #ffffffdb;
  }

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

  .text-white\/88 {
    color: #ffffffe0;
  }

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

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

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

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

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

  .decoration-2 {
    text-decoration-thickness: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .accent-brand {
    accent-color: var(--cm-color-brand);
  }

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-42 {
    opacity: .42;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-72 {
    opacity: .72;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-96 {
    opacity: .96;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[\.1\] {
    opacity: .1;
  }

  .opacity-\[\.08\] {
    opacity: .08;
  }

  .mix-blend-screen {
    mix-blend-mode: screen;
  }

  .shadow-\[0_0_14px_color-mix\(in_oklch\,var\(--color-brand\)_44\%\,transparent\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_14px_color-mix\(in_oklch\,var\(--color-brand\)_44\%\,transparent\)\] {
      --tw-shadow: 0 0 14px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 44%,transparent));
    }
  }

  .shadow-\[0_0_14px_color-mix\(in_oklch\,var\(--color-brand\)_44\%\,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_0_90px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\] {
    --tw-shadow: 0 0 90px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_90px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\] {
      --tw-shadow: 0 0 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 18%,transparent));
    }
  }

  .shadow-\[0_0_90px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,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_6px_18px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_6px_18px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 6px 18px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_6px_18px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_7px_22px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\] {
    --tw-shadow: 0 7px 22px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_7px_22px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\] {
      --tw-shadow: 0 7px 22px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 10%,transparent));
    }
  }

  .shadow-\[0_7px_22px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,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_color-mix\(in_oklch\,var\(--color-danger\)_20\%\,transparent\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, var(--color-danger));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_10px_28px_color-mix\(in_oklch\,var\(--color-danger\)_20\%\,transparent\)\] {
      --tw-shadow: 0 10px 28px var(--tw-shadow-color, color-mix(in oklch,var(--color-danger) 20%,transparent));
    }
  }

  .shadow-\[0_10px_28px_color-mix\(in_oklch\,var\(--color-danger\)_20\%\,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_30px_color-mix\(in_oklch\,var\(--color-brand\)_22\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_30\%\,transparent\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffff4d);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_10px_30px_color-mix\(in_oklch\,var\(--color-brand\)_22\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_30\%\,transparent\)\] {
      --tw-shadow: 0 10px 30px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 22%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .3));
    }
  }

  .shadow-\[0_10px_30px_color-mix\(in_oklch\,var\(--color-brand\)_22\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_30\%\,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_12px_36px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
    --tw-shadow: 0 12px 36px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_12px_36px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
      --tw-shadow: 0 12px 36px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .76));
    }
  }

  .shadow-\[0_12px_36px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,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_12px_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_12px_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\] {
      --tw-shadow: 0 12px 40px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 6%,transparent));
    }
  }

  .shadow-\[0_12px_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,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_12px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 12px 42px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_12px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 12px 42px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_12px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_12px_44px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 12px 44px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_12px_44px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 12px 44px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_12px_44px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_14px_38px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
    --tw-shadow: 0 14px 38px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_14px_38px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
      --tw-shadow: 0 14px 38px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent));
    }
  }

  .shadow-\[0_14px_38px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,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_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
    --tw-shadow: 0 14px 46px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
      --tw-shadow: 0 14px 46px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 5%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .64));
    }
  }

  .shadow-\[0_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,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_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\] {
    --tw-shadow: 0 14px 46px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\] {
      --tw-shadow: 0 14px 46px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 5%,transparent));
    }
  }

  .shadow-\[0_14px_46px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,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_16px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
    --tw-shadow: 0 16px 48px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_16px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
      --tw-shadow: 0 16px 48px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent));
    }
  }

  .shadow-\[0_16px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,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_16px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
    --tw-shadow: 0 16px 52px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_16px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
      --tw-shadow: 0 16px 52px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 5%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .64));
    }
  }

  .shadow-\[0_16px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,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_16px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
    --tw-shadow: 0 16px 54px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_16px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
      --tw-shadow: 0 16px 54px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 5%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .64));
    }
  }

  .shadow-\[0_16px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,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_18px_48px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,transparent\)\] {
    --tw-shadow: 0 18px 48px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_48px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,transparent\)\] {
      --tw-shadow: 0 18px 48px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 30%,transparent));
    }
  }

  .shadow-\[0_18px_48px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,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_18px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
    --tw-shadow: 0 18px 52px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
      --tw-shadow: 0 18px 52px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent));
    }
  }

  .shadow-\[0_18px_52px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,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_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\] {
      --tw-shadow: 0 18px 54px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 6%,transparent));
    }
  }

  .shadow-\[0_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,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_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 18px 54px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_18px_54px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
    --tw-shadow: 0 18px 58px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
      --tw-shadow: 0 18px 58px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 6%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .66));
    }
  }

  .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,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_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 18px 58px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 18px 58px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
    --tw-shadow: 0 18px 58px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
      --tw-shadow: 0 18px 58px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent));
    }
  }

  .shadow-\[0_18px_58px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,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_20px_62px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
    --tw-shadow: 0 20px 62px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_20px_62px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
      --tw-shadow: 0 20px 62px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent));
    }
  }

  .shadow-\[0_20px_62px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,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_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 20px 64px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 20px 64px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
    --tw-shadow: 0 20px 64px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
      --tw-shadow: 0 20px 64px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent));
    }
  }

  .shadow-\[0_20px_64px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,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_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 22px 66px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 22px 66px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 22px 66px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 22px 66px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 10%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_22px_66px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_22px_68px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
    --tw-shadow: 0 22px 68px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_22px_68px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
      --tw-shadow: 0 22px 68px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 6%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .66));
    }
  }

  .shadow-\[0_22px_68px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,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_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
    --tw-shadow: 0 22px 70px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
      --tw-shadow: 0 22px 70px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .66));
    }
  }

  .shadow-\[0_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,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_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 22px 70px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 22px 70px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_22px_70px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
    --tw-shadow: 0 24px 72px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffa8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,transparent\)\] {
      --tw-shadow: 0 24px 72px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 6%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .66));
    }
  }

  .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_6\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_66\%\,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_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 24px 72px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 24px 72px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
    --tw-shadow: 0 24px 72px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\] {
      --tw-shadow: 0 24px 72px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent));
    }
  }

  .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,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_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
    --tw-shadow: 0 24px 72px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
      --tw-shadow: 0 24px 72px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent));
    }
  }

  .shadow-\[0_24px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,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_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 26px 78px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 26px 78px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 26px 78px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 26px 78px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
    --tw-shadow: 0 26px 78px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\] {
      --tw-shadow: 0 26px 78px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent));
    }
  }

  .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,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_26px_78px_color-mix\(in_oklch\,var\(--color-info\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 26px 78px var(--tw-shadow-color, var(--color-info)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-info\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 26px 78px var(--tw-shadow-color, color-mix(in oklch,var(--color-info) 10%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_26px_78px_color-mix\(in_oklch\,var\(--color-info\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_26px_84px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: 0 26px 84px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_26px_84px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: 0 26px 84px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 7%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[0_26px_84px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_7\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,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_28px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
    --tw-shadow: 0 28px 72px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
      --tw-shadow: 0 28px 72px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .76));
    }
  }

  .shadow-\[0_28px_72px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,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_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,transparent\)\] {
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,transparent\)\] {
      --tw-shadow: 0 28px 80px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 10%,transparent));
    }
  }

  .shadow-\[0_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_10\%\,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_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
      --tw-shadow: 0 28px 80px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .76));
    }
  }

  .shadow-\[0_28px_80px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,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_28px_84px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
    --tw-shadow: 0 28px 84px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_84px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
      --tw-shadow: 0 28px 84px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 14%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .76));
    }
  }

  .shadow-\[0_28px_84px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,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_28px_86px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 28px 86px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_86px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 28px 86px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 10%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_28px_86px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_28px_88px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,transparent\)\] {
    --tw-shadow: 0 28px 88px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_28px_88px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,transparent\)\] {
      --tw-shadow: 0 28px 88px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 9%,transparent));
    }
  }

  .shadow-\[0_28px_88px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,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_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 10%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_10\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 12%,transparent));
    }
  }

  .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,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_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 14%,transparent));
    }
  }

  .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,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_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 8%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_8\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,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_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 9%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_30px_90px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_9\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_32px_94px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\] {
    --tw-shadow: 0 32px 94px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_32px_94px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\] {
      --tw-shadow: 0 32px 94px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 14%,transparent));
    }
  }

  .shadow-\[0_32px_94px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,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_34px_100px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_15\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_62\%\,transparent\)\] {
    --tw-shadow: 0 34px 100px var(--tw-shadow-color, var(--color-foreground-strong)), inset 0 1px 0 var(--tw-shadow-color, #ffffff9e);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_34px_100px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_15\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_62\%\,transparent\)\] {
      --tw-shadow: 0 34px 100px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 15%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .62));
    }
  }

  .shadow-\[0_34px_100px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_15\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_62\%\,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_36px_100px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 36px 100px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_36px_100px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 36px 100px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_36px_100px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
    --tw-shadow: 0 36px 110px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,transparent\)\] {
      --tw-shadow: 0 36px 110px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 18%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .76));
    }
  }

  .shadow-\[0_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_76\%\,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_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\] {
    --tw-shadow: 0 36px 110px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,transparent\)\] {
      --tw-shadow: 0 36px 110px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 18%,transparent));
    }
  }

  .shadow-\[0_36px_110px_color-mix\(in_oklch\,var\(--color-brand\)_18\%\,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_38px_110px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 38px 110px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_38px_110px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 38px 110px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_38px_110px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
    --tw-shadow: 0 40px 120px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffb8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,transparent\)\] {
      --tw-shadow: 0 40px 120px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 13%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .72));
    }
  }

  .shadow-\[0_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_72\%\,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_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\] {
    --tw-shadow: 0 40px 120px var(--tw-shadow-color, var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\] {
      --tw-shadow: 0 40px 120px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 20%,transparent));
    }
  }

  .shadow-\[0_40px_120px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,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-\[10px_0_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\] {
    --tw-shadow: 10px 0 40px var(--tw-shadow-color, var(--color-foreground-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[10px_0_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,transparent\)\] {
      --tw-shadow: 10px 0 40px var(--tw-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 5%,transparent));
    }
  }

  .shadow-\[10px_0_40px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_5\%\,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-\[inset_0_1px_0_color-mix\(in_oklch\,var\(--color-background\)_16\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--color-background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,var\(--color-background\)_16\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, color-mix(in oklch,var(--color-background) 16%,transparent));
    }
  }

  .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,var\(--color-background\)_16\%\,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-\[inset_0_1px_0_color-mix\(in_oklch\,white_58\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff94);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_58\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .58));
    }
  }

  .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_62\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff9e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_62\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .62));
    }
  }

  .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffa3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_64\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .64));
    }
  }

  .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffad);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_68\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .68));
    }
  }

  .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffb3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[inset_0_1px_0_color-mix\(in_oklch\,white_70\%\,transparent\)\] {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .7));
    }
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.08\)\] {
    --tw-shadow: inset 0 1px 0 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-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(--cm-shadow-overlay);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-raised {
    --tw-shadow: var(--cm-shadow-raised);
    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: var(--cm-shadow-sm);
    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-danger\/15 {
    --tw-ring-color: var(--cm-color-danger);
  }

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

  .ring-danger\/25 {
    --tw-ring-color: var(--cm-color-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-danger\/25 {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-danger) 25%, transparent);
    }
  }

  .ring-focus {
    --tw-ring-color: var(--cm-color-focus);
  }

  .ring-surface {
    --tw-ring-color: var(--cm-color-surface);
  }

  .ring-offset-3 {
    --tw-ring-offset-width: 3px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--cm-color-background);
  }

  .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-\[1px\] {
    --tw-blur: blur(1px);
    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-\[4px\] {
    --tw-blur: blur(4px);
    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-\[5px\] {
    --tw-blur: blur(5px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[110px\] {
    --tw-blur: blur(110px);
    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-\[120px\] {
    --tw-blur: blur(120px);
    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_28px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --tw-drop-shadow-size: drop-shadow(0 28px 42px var(--tw-drop-shadow-color, var(--color-foreground-strong)));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-\[0_28px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
      --tw-drop-shadow-size: drop-shadow(0 28px 42px var(--tw-drop-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 14%,transparent)));
    }
  }

  .drop-shadow-\[0_28px_42px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --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_28px_44px_rgba\(7\,37\,72\,\.16\)\] {
    --tw-drop-shadow-size: drop-shadow(0 28px 44px var(--tw-drop-shadow-color, #07254829));
    --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_28px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --tw-drop-shadow-size: drop-shadow(0 28px 48px var(--tw-drop-shadow-color, var(--color-foreground-strong)));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-\[0_28px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
      --tw-drop-shadow-size: drop-shadow(0 28px 48px var(--tw-drop-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 14%,transparent)));
    }
  }

  .drop-shadow-\[0_28px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --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_30px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --tw-drop-shadow-size: drop-shadow(0 30px 48px var(--tw-drop-shadow-color, var(--color-foreground-strong)));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-\[0_30px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
      --tw-drop-shadow-size: drop-shadow(0 30px 48px var(--tw-drop-shadow-color, color-mix(in oklch,var(--color-foreground-strong) 14%,transparent)));
    }
  }

  .drop-shadow-\[0_30px_48px_color-mix\(in_oklch\,var\(--color-foreground-strong\)_14\%\,transparent\)\] {
    --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, );
  }

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

  .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\,border-color\,box-shadow\,scale\] {
    transition-property: background-color, border-color, box-shadow, scale;
    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\,color\,box-shadow\,transform\] {
    transition-property: background-color, border-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-\[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\,color\] {
    transition-property: background-color, border-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\,border-color\,transform\,box-shadow\] {
    transition-property: background-color, border-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-\[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\,color\,border-color\,box-shadow\,transform\,filter\] {
    transition-property: background-color, color, border-color, box-shadow, transform, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,border-color\,box-shadow\,transform\] {
    transition-property: background-color, 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\,color\,box-shadow\,transform\] {
    transition-property: 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-\[background-color\,color\,box-shadow\] {
    transition-property: 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-\[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\,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-\[border-color\,background-color\,box-shadow\,transform\] {
    transition-property: border-color, background-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\,background-color\,box-shadow\] {
    transition-property: border-color, 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-\[border-color\,background-color\,color\,box-shadow\,transform\] {
    transition-property: border-color, 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-\[border-color\,background-color\,color\,box-shadow\] {
    transition-property: border-color, 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-\[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\,background-color\,transform\] {
    transition-property: border-color, background-color, transform;
    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\] {
    transition-property: border-color, 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\,background-color\,transform\] {
    transition-property: border-color, box-shadow, background-color, 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\,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\,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-color\,color\,background-color\] {
    transition-property: border-color, color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background-color\,transform\] {
    transition-property: color, background-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,opacity\,rotate\,transform\] {
    transition-property: color, opacity, rotate, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,opacity\,transform\] {
    transition-property: color, opacity, transform;
    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-\[letter-spacing\,opacity\] {
    transition-property: letter-spacing, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,backdrop-filter\] {
    transition-property: opacity, -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-\[opacity\,color\,background-color\,border-color\,box-shadow\,transform\] {
    transition-property: opacity, color, 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-\[opacity\,scale\] {
    transition-property: opacity, scale;
    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\,scale\,filter\,box-shadow\] {
    transition-property: opacity, translate, scale, filter, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\,scale\,rotate\,filter\] {
    transition-property: opacity, translate, scale, rotate, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[rotate\,transform\] {
    transition-property: rotate, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,background-color\] {
    transition-property: transform, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,border-color\,background-color\] {
    transition-property: transform, border-color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,border-color\,box-shadow\] {
    transition-property: transform, 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\,box-shadow\,border-color\] {
    transition-property: transform, 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-\[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\,opacity\] {
    transition-property: transform, filter, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,filter\] {
    transition-property: transform, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,scale\,opacity\,box-shadow\] {
    transition-property: translate, scale, opacity, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,transform\] {
    transition-property: translate, 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-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-\[1000ms\] {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[1100ms\] {
    --tw-duration: 1.1s;
    transition-duration: 1.1s;
  }

  .duration-\[1200ms\] {
    --tw-duration: 1.2s;
    transition-duration: 1.2s;
  }

  .duration-\[1300ms\] {
    --tw-duration: 1.3s;
    transition-duration: 1.3s;
  }

  .duration-\[1400ms\] {
    --tw-duration: 1.4s;
    transition-duration: 1.4s;
  }

  .ease-enter {
    --tw-ease: var(--cm-ease-enter);
    transition-timing-function: var(--cm-ease-enter);
  }

  .ease-exit {
    --tw-ease: var(--cm-ease-exit);
    transition-timing-function: var(--cm-ease-exit);
  }

  .ease-standard {
    --tw-ease: var(--cm-ease-standard);
    transition-timing-function: var(--cm-ease-standard);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[--cm-content-width\:var\(--cm-content-wide-width\)\] {
    --cm-content-width: var(--cm-content-wide-width);
  }

  .\[contain-intrinsic-size\:auto_52rem\] {
    contain-intrinsic-size: auto 52rem;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .\[corner-shape\:squircle\] {
    corner-shape: squircle;
  }

  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  .group-open\:inline:is(:where(.group):is([open], :popover-open, :open) *) {
    display: inline;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:bg-brand-mist:is(:where(.group):is([open], :popover-open, :open) *) {
    background-color: var(--cm-color-brand-mist);
  }

  .group-open\:text-brand-deep:is(:where(.group):is([open], :popover-open, :open) *) {
    color: var(--cm-color-brand-deep);
  }

  .group-focus-within\:bg-brand-mist:is(:where(.group):focus-within *) {
    background-color: var(--cm-color-brand-mist);
  }

  .group-focus-within\:text-brand-deep:is(:where(.group):focus-within *) {
    color: var(--cm-color-brand-deep);
  }

  .group-focus-within\/search\:scale-110:is(:where(.group\/search):focus-within *) {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-focus-within\/search\:text-brand-deep:is(:where(.group\/search):focus-within *) {
    color: var(--cm-color-brand-deep);
  }

  @media (hover: hover) {
    .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-2:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      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-x-2:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-3:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-8:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-10:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-1:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-2:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-2:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 2);
      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-x-75:is(:where(.group):hover *) {
      --tw-scale-x: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:scale-\[1\.018\]:is(:where(.group):hover *) {
      scale: 1.018;
    }

    .group-hover\:scale-\[1\.025\]:is(:where(.group):hover *) {
      scale: 1.025;
    }

    .group-hover\:scale-\[1\.035\]:is(:where(.group):hover *) {
      scale: 1.035;
    }

    .group-hover\:scale-\[1\.045\]:is(:where(.group):hover *) {
      scale: 1.045;
    }

    .group-hover\:-rotate-3:is(:where(.group):hover *) {
      rotate: -3deg;
    }

    .group-hover\:border-accent\/34:is(:where(.group):hover *) {
      border-color: var(--cm-color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-accent\/34:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--cm-color-accent) 34%, transparent);
      }
    }

    .group-hover\:border-brand\/40:is(:where(.group):hover *) {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-brand\/40:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--cm-color-brand) 40%, transparent);
      }
    }

    .group-hover\:bg-accent-soft:is(:where(.group):hover *) {
      background-color: var(--cm-color-accent-soft);
    }

    .group-hover\:bg-background-cool:is(:where(.group):hover *) {
      background-color: var(--cm-color-background-cool);
    }

    .group-hover\:bg-brand-soft:is(:where(.group):hover *) {
      background-color: var(--cm-color-brand-soft);
    }

    .group-hover\:tracking-\[0\.225em\]:is(:where(.group):hover *) {
      --tw-tracking: .225em;
      letter-spacing: .225em;
    }

    .group-hover\:text-accent-foreground:is(:where(.group):hover *) {
      color: var(--cm-color-accent-foreground);
    }

    .group-hover\:text-brand-deep:is(:where(.group):hover *) {
      color: var(--cm-color-brand-deep);
    }

    .group-hover\:text-brand\/20:is(:where(.group):hover *) {
      color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-brand\/20:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--cm-color-brand) 20%, transparent);
      }
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--cm-color-foreground);
    }

    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6;
    }

    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: .7;
    }

    .group-hover\:opacity-86:is(:where(.group):hover *) {
      opacity: .86;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-\[0_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_82\%\,transparent\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 44px 124px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffd1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:shadow-\[0_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_82\%\,transparent\)\]:is(:where(.group):hover *) {
        --tw-shadow: 0 44px 124px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 24%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .82));
      }
    }

    .group-hover\:shadow-\[0_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_82\%\,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\/cta\:translate-x-0\.5:is(:where(.group\/cta):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/cta\:translate-x-1:is(:where(.group\/cta):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .peer-checked\:-translate-y-0\.5:is(:where(.peer):checked ~ *) {
    --tw-translate-y: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:border-brand:is(:where(.peer):checked ~ *) {
    border-color: var(--cm-color-brand);
  }

  .peer-checked\:border-brand\/70:is(:where(.peer):checked ~ *) {
    border-color: var(--cm-color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-checked\:border-brand\/70:is(:where(.peer):checked ~ *) {
      border-color: color-mix(in oklab, var(--cm-color-brand) 70%, transparent);
    }
  }

  .peer-checked\:bg-brand:is(:where(.peer):checked ~ *) {
    background-color: var(--cm-color-brand);
  }

  .peer-checked\:bg-brand-mist:is(:where(.peer):checked ~ *) {
    background-color: var(--cm-color-brand-mist);
  }

  .peer-checked\:text-background:is(:where(.peer):checked ~ *) {
    color: var(--cm-color-background);
  }

  .peer-checked\:shadow-sm:is(:where(.peer):checked ~ *) {
    --tw-shadow: var(--cm-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-focus-visible\:ring-3:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-focus-visible\:ring-focus:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-color: var(--cm-color-focus);
  }

  .peer-focus-visible\:ring-focus\/75:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-color: var(--cm-color-focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-focus-visible\:ring-focus\/75:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-focus) 75%, transparent);
    }
  }

  .peer-focus-visible\:ring-offset-2:is(:where(.peer):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);
  }

  .peer-focus-visible\:ring-offset-background:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-offset-color: var(--cm-color-background);
  }

  .peer-active\:scale-\[\.92\]:is(:where(.peer):active ~ *) {
    scale: .92;
  }

  .peer-disabled\:opacity-45:is(:where(.peer):disabled ~ *) {
    opacity: .45;
  }

  .peer-disabled\:opacity-55:is(:where(.peer):disabled ~ *) {
    opacity: .55;
  }

  .marker\:content-none ::marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none::marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none ::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }

  .file\:me-3::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 3);
  }

  .file\:rounded-lg::file-selector-button {
    border-radius: var(--cm-radius-lg);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-brand-mist::file-selector-button {
    background-color: var(--cm-color-brand-mist);
  }

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

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

  .file\:text-xs::file-selector-button {
    font-size: var(--cm-font-size-xs);
    line-height: var(--tw-leading, var(--cm-line-height-compact));
  }

  .file\:font-semibold::file-selector-button {
    --tw-font-weight: var(--cm-font-weight-semibold);
    font-weight: var(--cm-font-weight-semibold);
  }

  .file\:text-brand-deep::file-selector-button {
    color: var(--cm-color-brand-deep);
  }

  .placeholder\:text-subtle-foreground::placeholder {
    color: var(--cm-color-subtle-foreground);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-x-2:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2);
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }

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

  .after\:bg-brand:after {
    content: var(--tw-content);
    background-color: var(--cm-color-brand);
  }

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

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

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

  .focus-within\:border-accent\/60:focus-within {
    border-color: var(--cm-color-accent);
  }

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

  .focus-within\:border-brand:focus-within {
    border-color: var(--cm-color-brand);
  }

  .focus-within\:shadow-raised:focus-within {
    --tw-shadow: var(--cm-shadow-raised);
    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-3:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-focus:focus-within {
    --tw-ring-color: var(--cm-color-focus);
  }

  @media (hover: hover) {
    .hover\:translate-x-0\.5:hover {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

    .hover\:border-accent\/36:hover {
      border-color: var(--cm-color-accent);
    }

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

    .hover\:border-accent\/38:hover {
      border-color: var(--cm-color-accent);
    }

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

    .hover\:border-background\/28:hover {
      border-color: var(--cm-color-background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-background\/28:hover {
        border-color: color-mix(in oklab, var(--cm-color-background) 28%, transparent);
      }
    }

    .hover\:border-border:hover {
      border-color: var(--cm-color-border);
    }

    .hover\:border-border-strong:hover {
      border-color: var(--cm-color-border-strong);
    }

    .hover\:border-border\/60:hover {
      border-color: var(--cm-color-border);
    }

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

    .hover\:border-border\/72:hover {
      border-color: var(--cm-color-border);
    }

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

    .hover\:border-brand:hover, .hover\:border-brand\/16:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/16:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 16%, transparent);
      }
    }

    .hover\:border-brand\/18:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/18:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 18%, transparent);
      }
    }

    .hover\:border-brand\/20:hover {
      border-color: var(--cm-color-brand);
    }

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

    .hover\:border-brand\/22:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/22:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 22%, transparent);
      }
    }

    .hover\:border-brand\/24:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/24:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 24%, transparent);
      }
    }

    .hover\:border-brand\/25:hover {
      border-color: var(--cm-color-brand);
    }

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

    .hover\:border-brand\/28:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/28:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 28%, transparent);
      }
    }

    .hover\:border-brand\/35:hover {
      border-color: var(--cm-color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/35:hover {
        border-color: color-mix(in oklab, var(--cm-color-brand) 35%, transparent);
      }
    }

    .hover\:border-brand\/40:hover {
      border-color: var(--cm-color-brand);
    }

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

    .hover\:border-brand\/55:hover {
      border-color: var(--cm-color-brand);
    }

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

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

    .hover\:border-info\/22:hover {
      border-color: var(--cm-color-info);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-info\/22:hover {
        border-color: color-mix(in oklab, var(--cm-color-info) 22%, transparent);
      }
    }

    .hover\:border-white\/22:hover {
      border-color: #ffffff38;
    }

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

    .hover\:border-white\/26:hover {
      border-color: #ffffff42;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/26:hover {
        border-color: color-mix(in oklab, var(--color-white) 26%, 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\:bg-accent-soft:hover {
      background-color: var(--cm-color-accent-soft);
    }

    .hover\:bg-background-cool:hover, .hover\:bg-background-cool\/45:hover {
      background-color: var(--cm-color-background-cool);
    }

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

    .hover\:bg-background-cool\/50:hover {
      background-color: var(--cm-color-background-cool);
    }

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

    .hover\:bg-background-cool\/60:hover {
      background-color: var(--cm-color-background-cool);
    }

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

    .hover\:bg-background\/11:hover {
      background-color: var(--cm-color-background);
    }

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

    .hover\:bg-background\/42:hover {
      background-color: var(--cm-color-background);
    }

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

    .hover\:bg-brand-mist:hover, .hover\:bg-brand-mist\/20:hover {
      background-color: var(--cm-color-brand-mist);
    }

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

    .hover\:bg-brand-mist\/24:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/24:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 24%, transparent);
      }
    }

    .hover\:bg-brand-mist\/36:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/36:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 36%, transparent);
      }
    }

    .hover\:bg-brand-mist\/45:hover {
      background-color: var(--cm-color-brand-mist);
    }

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

    .hover\:bg-brand-mist\/46:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/46:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 46%, transparent);
      }
    }

    .hover\:bg-brand-mist\/48:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/48:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 48%, transparent);
      }
    }

    .hover\:bg-brand-mist\/52:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/52:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 52%, transparent);
      }
    }

    .hover\:bg-brand-mist\/58:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/58:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 58%, transparent);
      }
    }

    .hover\:bg-brand-mist\/78:hover {
      background-color: var(--cm-color-brand-mist);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-mist\/78:hover {
        background-color: color-mix(in oklab, var(--cm-color-brand-mist) 78%, transparent);
      }
    }

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

    .hover\:bg-danger-soft:hover {
      background-color: var(--cm-color-danger-soft);
    }

    .hover\:bg-info-soft\/18:hover {
      background-color: var(--cm-color-info-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-info-soft\/18:hover {
        background-color: color-mix(in oklab, var(--cm-color-info-soft) 18%, transparent);
      }
    }

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

    .hover\:bg-surface-muted:hover, .hover\:bg-surface-muted\/35:hover {
      background-color: var(--cm-color-surface-muted);
    }

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

    .hover\:bg-surface-muted\/45:hover {
      background-color: var(--cm-color-surface-muted);
    }

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

    .hover\:bg-surface-muted\/65:hover {
      background-color: var(--cm-color-surface-muted);
    }

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

    .hover\:bg-surface-raised:hover, .hover\:bg-surface-raised\/72:hover {
      background-color: var(--cm-color-surface-raised);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-raised\/72:hover {
        background-color: color-mix(in oklab, var(--cm-color-surface-raised) 72%, transparent);
      }
    }

    .hover\:bg-surface-raised\/82:hover {
      background-color: var(--cm-color-surface-raised);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-raised\/82:hover {
        background-color: color-mix(in oklab, var(--cm-color-surface-raised) 82%, transparent);
      }
    }

    .hover\:bg-surface-raised\/86:hover {
      background-color: var(--cm-color-surface-raised);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-raised\/86:hover {
        background-color: color-mix(in oklab, var(--cm-color-surface-raised) 86%, transparent);
      }
    }

    .hover\:bg-surface\/64:hover {
      background-color: var(--cm-color-surface);
    }

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

    .hover\:bg-surface\/70:hover {
      background-color: var(--cm-color-surface);
    }

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

    .hover\:bg-surface\/72:hover {
      background-color: var(--cm-color-surface);
    }

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

    .hover\:bg-surface\/76:hover {
      background-color: var(--cm-color-surface);
    }

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

    .hover\:bg-surface\/78:hover {
      background-color: var(--cm-color-surface);
    }

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

    .hover\:bg-surface\/82:hover {
      background-color: var(--cm-color-surface);
    }

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

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

    .hover\:bg-warning-soft\/18:hover {
      background-color: var(--cm-color-warning-soft);
    }

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

    .hover\:bg-white\/8:hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/8:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, 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\/\[\.075\]:hover {
      background-color: #ffffff13;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[\.075\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
      }
    }

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

    .hover\:text-brand-deep:hover {
      color: var(--cm-color-brand-deep);
    }

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

    .hover\:text-foreground-strong:hover {
      color: var(--cm-color-foreground-strong);
    }

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

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

    .hover\:underline-offset-4:hover {
      text-underline-offset: 4px;
    }

    .hover\:shadow-\[0_10px_28px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_78\%\,transparent\)\]:hover {
      --tw-shadow: 0 10px 28px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffffc7);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_10px_28px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_78\%\,transparent\)\]:hover {
        --tw-shadow: 0 10px 28px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 12%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .78));
      }
    }

    .hover\:shadow-\[0_10px_28px_color-mix\(in_oklch\,var\(--color-brand\)_12\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_78\%\,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_12px_34px_rgba\(0\,0\,0\,\.18\)\]:hover {
      --tw-shadow: 0 12px 34px 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);
    }

    .hover\:shadow-\[0_15px_38px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_34\%\,transparent\)\]:hover {
      --tw-shadow: 0 15px 38px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #ffffff57);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_15px_38px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_34\%\,transparent\)\]:hover {
        --tw-shadow: 0 15px 38px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 30%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .34));
      }
    }

    .hover\:shadow-\[0_15px_38px_color-mix\(in_oklch\,var\(--color-brand\)_30\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_34\%\,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_24px_70px_rgba\(0\,0\,0\,\.22\)\,inset_0_1px_0_rgba\(255\,255\,255\,\.12\)\]:hover {
      --tw-shadow: 0 24px 70px var(--tw-shadow-color, #00000038), inset 0 1px 0 var(--tw-shadow-color, #ffffff1f);
      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_26px_68px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\]:hover {
      --tw-shadow: 0 26px 68px var(--tw-shadow-color, var(--color-brand));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_26px_68px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\]:hover {
        --tw-shadow: 0 26px 68px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 14%,transparent));
      }
    }

    .hover\:shadow-\[0_26px_68px_color-mix\(in_oklch\,var\(--color-brand\)_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_28px_76px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,transparent\)\]:hover {
      --tw-shadow: 0 28px 76px var(--tw-shadow-color, var(--color-brand));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_28px_76px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,transparent\)\]:hover {
        --tw-shadow: 0 28px 76px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 13%,transparent));
      }
    }

    .hover\:shadow-\[0_28px_76px_color-mix\(in_oklch\,var\(--color-brand\)_13\%\,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_30px_82px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\]:hover {
      --tw-shadow: 0 30px 82px var(--tw-shadow-color, var(--color-brand));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_30px_82px_color-mix\(in_oklch\,var\(--color-brand\)_14\%\,transparent\)\]:hover {
        --tw-shadow: 0 30px 82px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 14%,transparent));
      }
    }

    .hover\:shadow-\[0_30px_82px_color-mix\(in_oklch\,var\(--color-brand\)_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_34px_96px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_80\%\,transparent\)\]:hover {
      --tw-shadow: 0 34px 96px var(--tw-shadow-color, var(--color-brand)), inset 0 1px 0 var(--tw-shadow-color, #fffc);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_34px_96px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_80\%\,transparent\)\]:hover {
        --tw-shadow: 0 34px 96px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 20%,transparent)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .8));
      }
    }

    .hover\:shadow-\[0_34px_96px_color-mix\(in_oklch\,var\(--color-brand\)_20\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_80\%\,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_38px_104px_color-mix\(in_oklch\,var\(--color-brand\)_15\%\,transparent\)\]:hover {
      --tw-shadow: 0 38px 104px var(--tw-shadow-color, var(--color-brand));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_38px_104px_color-mix\(in_oklch\,var\(--color-brand\)_15\%\,transparent\)\]:hover {
        --tw-shadow: 0 38px 104px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 15%,transparent));
      }
    }

    .hover\:shadow-\[0_38px_104px_color-mix\(in_oklch\,var\(--color-brand\)_15\%\,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_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\]:hover {
      --tw-shadow: 0 44px 124px var(--tw-shadow-color, var(--color-brand));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,transparent\)\]:hover {
        --tw-shadow: 0 44px 124px var(--tw-shadow-color, color-mix(in oklch,var(--color-brand) 24%,transparent));
      }
    }

    .hover\:shadow-\[0_44px_124px_color-mix\(in_oklch\,var\(--color-brand\)_24\%\,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-raised:hover {
      --tw-shadow: var(--cm-shadow-raised);
      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: var(--cm-shadow-sm);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-\[1\.04\]:hover {
      --tw-brightness: brightness(1.04);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

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

  .focus\:border-brand\/50:focus {
    border-color: var(--cm-color-brand);
  }

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

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

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

  .focus\:ring-3:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-focus:focus {
    --tw-ring-color: var(--cm-color-focus);
  }

  .focus\:ring-focus\/18:focus {
    --tw-ring-color: var(--cm-color-focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-focus\/18:focus {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-focus) 18%, transparent);
    }
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-brand:focus-visible {
    border-color: var(--cm-color-brand);
  }

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

  .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-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-danger\/70:focus-visible {
    --tw-ring-color: var(--cm-color-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-danger\/70:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-danger) 70%, transparent);
    }
  }

  .focus-visible\:ring-focus:focus-visible {
    --tw-ring-color: var(--cm-color-focus);
  }

  .focus-visible\:ring-focus\/18:focus-visible {
    --tw-ring-color: var(--cm-color-focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-focus\/18:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-focus) 18%, transparent);
    }
  }

  .focus-visible\:ring-focus\/75:focus-visible {
    --tw-ring-color: var(--cm-color-focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-focus\/75:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--cm-color-focus) 75%, 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-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-background:focus-visible {
    --tw-ring-offset-color: var(--cm-color-background);
  }

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

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:scale-\[\.96\]:active {
    scale: .96;
  }

  .active\:scale-\[\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[\.99\]:active {
    scale: .99;
  }

  .active\:scale-\[\.975\]:active {
    scale: .975;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:scale-\[0\.995\]:active {
    scale: .995;
  }

  .active\:bg-brand-mist:active {
    background-color: var(--cm-color-brand-mist);
  }

  .active\:brightness-\[\.98\]:active {
    --tw-brightness: brightness(.98);
    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, );
  }

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

  .disabled\:translate-y-0:disabled {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:border-border:disabled {
    border-color: var(--cm-color-border);
  }

  .disabled\:border-border-strong:disabled {
    border-color: var(--cm-color-border-strong);
  }

  .disabled\:bg-surface-muted:disabled {
    background-color: var(--cm-color-surface-muted);
  }

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

  .disabled\:text-muted-foreground:disabled {
    color: var(--cm-color-muted-foreground);
  }

  .disabled\:text-subtle-foreground:disabled {
    color: var(--cm-color-subtle-foreground);
  }

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

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

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

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

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-65:disabled {
    opacity: .65;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-100\!:disabled {
    opacity: 1 !important;
  }

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

  .disabled\:filter-none:disabled {
    filter: none;
  }

  .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-\[\:checked\]\:border-brand\/40:has(:checked) {
    border-color: var(--cm-color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:border-brand\/40:has(:checked) {
      border-color: color-mix(in oklab, var(--cm-color-brand) 40%, transparent);
    }
  }

  .has-\[\:checked\]\:bg-brand-mist\/45:has(:checked) {
    background-color: var(--cm-color-brand-mist);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:bg-brand-mist\/45:has(:checked) {
      background-color: color-mix(in oklab, var(--cm-color-brand-mist) 45%, transparent);
    }
  }

  .aria-invalid\:border-danger[aria-invalid="true"] {
    border-color: var(--cm-color-danger);
  }

  .aria-invalid\:ring-2[aria-invalid="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);
  }

  .aria-invalid\:ring-danger[aria-invalid="true"] {
    --tw-ring-color: var(--cm-color-danger);
  }

  .data-\[state\=open\]\:translate-x-0[data-state="open"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=open\]\:translate-y-0[data-state="open"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=open\]\:scale-100[data-state="open"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:backdrop-blur-\[2px\][data-state="open"] {
    --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, );
  }

  .data-\[state\=open\]\:ease-enter[data-state="open"] {
    --tw-ease: var(--cm-ease-enter);
    transition-timing-function: var(--cm-ease-enter);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden {
      display: none;
    }

    .motion-reduce\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .motion-reduce\:rotate-0 {
      rotate: none;
    }

    .motion-reduce\:transform-none {
      transform: none;
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:opacity-100 {
      opacity: 1;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }

    .motion-reduce\:peer-checked\:translate-y-0:is(:where(.peer):checked ~ *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

  @media not (min-width: 64rem) {
    .max-lg\:fixed {
      position: fixed;
    }

    .max-lg\:inset-x-2 {
      inset-inline: calc(var(--spacing) * 2);
    }

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

    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:rounded-2xl {
      border-radius: var(--cm-radius-2xl);
    }

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

    .max-lg\:border-white\/38 {
      border-color: #ffffff61;
    }

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

    .max-lg\:bg-surface\/86 {
      background-color: var(--cm-color-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .max-lg\:bg-surface\/86 {
        background-color: color-mix(in oklab, var(--cm-color-surface) 86%, transparent);
      }
    }

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

    .max-lg\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .max-lg\:pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
      padding-bottom: max(.75rem, env(safe-area-inset-bottom));
    }

    .max-lg\:shadow-overlay {
      --tw-shadow: var(--cm-shadow-overlay);
      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-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, );
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-auto {
      inset-inline: auto;
    }

    .sm\:inset-s-group {
      inset-inline-start: var(--cm-rhythm-group);
    }

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

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

    .sm\:bottom-group {
      bottom: var(--cm-rhythm-group);
    }

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

    .sm\:mx-0 {
      margin-inline: 0;
    }

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

    .sm\:mt-0 {
      margin-top: 0;
    }

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

    .sm\:mt-section {
      margin-top: var(--cm-rhythm-section);
    }

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

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

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

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

    .sm\:size-auto {
      width: auto;
      height: auto;
    }

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

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

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

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

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

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

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

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

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

    .sm\:w-auto {
      width: auto;
    }

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

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

    .sm\:min-w-0 {
      min-width: 0;
    }

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

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

    .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-\[2\.5rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 2.5rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[3\.5rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 3.5rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[3rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 3rem minmax(0, 1fr);
    }

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

    .sm\:grid-cols-\[4rem_minmax\(0\,\.7fr\)_minmax\(0\,1\.3fr\)\] {
      grid-template-columns: 4rem minmax(0, .7fr) minmax(0, 1.3fr);
    }

    .sm\:grid-cols-\[7rem_1fr\] {
      grid-template-columns: 7rem 1fr;
    }

    .sm\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 12rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 14rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 15rem minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .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\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(16rem\,\.7fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(16rem, .7fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(16rem\,\.65fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(16rem, .65fr);
    }

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

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

    .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-end {
      justify-content: flex-end;
    }

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

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

    .sm\:gap-component {
      gap: var(--cm-rhythm-component);
    }

    .sm\:gap-group {
      gap: var(--cm-rhythm-group);
    }

    .sm\:gap-section {
      gap: var(--cm-rhythm-section);
    }

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

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

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

    .sm\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }

    .sm\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .sm\:border-bs-0 {
      border-block-start-style: var(--tw-border-style);
      border-block-start-width: 0;
    }

    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .sm\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .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-component {
      padding: var(--cm-rhythm-component);
    }

    .sm\:p-group {
      padding: var(--cm-rhythm-group);
    }

    .sm\:p-related {
      padding: var(--cm-rhythm-related);
    }

    .sm\:p-section {
      padding: var(--cm-rhythm-section);
    }

    .sm\:px-0 {
      padding-inline: 0;
    }

    .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-group {
      padding-inline: var(--cm-rhythm-group);
    }

    .sm\:px-section {
      padding-inline: var(--cm-rhythm-section);
    }

    .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-11 {
      padding-block: calc(var(--spacing) * 11);
    }

    .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-component {
      padding-block: var(--cm-rhythm-component);
    }

    .sm\:py-hero {
      padding-block: var(--cm-rhythm-hero);
    }

    .sm\:py-major {
      padding-block: var(--cm-rhythm-major);
    }

    .sm\:py-section {
      padding-block: var(--cm-rhythm-section);
    }

    .sm\:pe-5 {
      padding-inline-end: calc(var(--spacing) * 5);
    }

    .sm\:pt-group {
      padding-top: var(--cm-rhythm-group);
    }

    .sm\:pb-0 {
      padding-bottom: 0;
    }

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

    .sm\:pb-hero {
      padding-bottom: var(--cm-rhythm-hero);
    }

    .sm\:text-end {
      text-align: end;
    }

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

    .sm\:text-3xl {
      font-size: var(--cm-font-size-3xl);
      line-height: var(--tw-leading, var(--cm-line-height-heading));
    }

    .sm\:text-4xl {
      font-size: var(--cm-font-size-4xl);
      line-height: var(--tw-leading, var(--cm-line-height-heading));
    }

    .sm\:text-5xl {
      font-size: var(--cm-font-size-5xl);
      line-height: var(--tw-leading, var(--cm-line-height-display));
    }

    .sm\:text-6xl {
      font-size: var(--cm-font-size-6xl);
      line-height: var(--tw-leading, var(--cm-line-height-display));
    }

    .sm\:text-7xl {
      font-size: var(--cm-font-size-7xl);
      line-height: var(--tw-leading, var(--cm-line-height-display));
    }

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

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

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

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

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

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

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

    .sm\:opacity-\[\.12\] {
      opacity: .12;
    }

    .sm\:first\:border-s-0:first-child {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0;
    }

    .sm\:first\:ps-0:first-child {
      padding-inline-start: 0;
    }

    .sm\:last\:border-e-0:last-child {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 0;
    }

    .sm\:odd\:border-e:nth-child(odd) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .sm\:odd\:pe-5:nth-child(odd) {
      padding-inline-end: calc(var(--spacing) * 5);
    }

    .sm\:even\:ps-5:nth-child(2n) {
      padding-inline-start: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

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

    .md\:w-auto {
      width: auto;
    }

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

    .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-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

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

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

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,\.72fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,\.75fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .75fr);
    }

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

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

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

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

    .md\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }

    .md\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .md\:border-border {
      border-color: var(--cm-color-border);
    }

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

    .md\:text-end {
      text-align: end;
    }

    .md\:first\:border-s-0:first-child {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute;
    }

    .lg\:static {
      position: static;
    }

    .lg\:sticky {
      position: sticky;
    }

    .lg\:inset-s-sidebar {
      inset-inline-start: var(--cm-sidebar-width);
    }

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

    .lg\:top-0 {
      top: 0;
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

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

    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:order-3 {
      order: 3;
    }

    .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-7 {
      grid-column: span 7 / span 7;
    }

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

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:mt-component {
      margin-top: var(--cm-rhythm-component);
    }

    .lg\:mt-major {
      margin-top: var(--cm-rhythm-major);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

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

    .lg\:h-dvh {
      height: 100dvh;
    }

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

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

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

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

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

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

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

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

    .lg\:w-auto {
      width: auto;
    }

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

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

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

    .lg\:max-w-\[31rem\] {
      max-width: 31rem;
    }

    .lg\:min-w-0 {
      min-width: 0;
    }

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

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

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

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

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

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

    .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-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[3rem_minmax\(0\,1fr\)_minmax\(14rem\,\.58fr\)\] {
      grid-template-columns: 3rem minmax(0, 1fr) minmax(14rem, .58fr);
    }

    .lg\:grid-cols-\[8rem_minmax\(0\,1fr\)_minmax\(18rem\,\.72fr\)\] {
      grid-template-columns: 8rem minmax(0, 1fr) minmax(18rem, .72fr);
    }

    .lg\:grid-cols-\[9rem_minmax\(0\,1fr\)_14rem\] {
      grid-template-columns: 9rem minmax(0, 1fr) 14rem;
    }

    .lg\:grid-cols-\[12rem_18rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 12rem 18rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 12rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[14rem_minmax\(0\,1fr\)_9rem\] {
      grid-template-columns: 14rem minmax(0, 1fr) 9rem;
    }

    .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 16rem minmax(0, 1fr);
    }

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

    .lg\:grid-cols-\[minmax\(0\,\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.9fr\)_minmax\(20rem\,\.7fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(20rem, .7fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.9fr\)_minmax\(26rem\,1\.05fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(26rem, 1.05fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.78fr\)_minmax\(0\,1\.22fr\)\] {
      grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.82fr\)_minmax\(0\,1\.18fr\)\] {
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.85fr\)_minmax\(0\,1\.15fr\)\] {
      grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.85fr\)_minmax\(20rem\,\.65fr\)\] {
      grid-template-columns: minmax(0, .85fr) minmax(20rem, .65fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.92fr\)_minmax\(28rem\,1\.08fr\)\] {
      grid-template-columns: minmax(0, .92fr) minmax(28rem, 1.08fr);
    }

    .lg\:grid-cols-\[minmax\(0\,\.95fr\)_minmax\(28rem\,1\.05fr\)\] {
      grid-template-columns: minmax(0, .95fr) minmax(28rem, 1.05fr);
    }

    .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\,1\.08fr\)_minmax\(28rem\,\.92fr\)\] {
      grid-template-columns: minmax(0, 1.08fr) minmax(28rem, .92fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(18rem\,\.88fr\)\] {
      grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .88fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(20rem\,\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(18rem\,\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_repeat\(3\,minmax\(0\,\.62fr\)\)\] {
      grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, .62fr));
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_11rem\] {
      grid-template-columns: minmax(0, 1fr) 11rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {
      grid-template-columns: minmax(0, 1fr) 12rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_13rem\] {
      grid-template-columns: minmax(0, 1fr) 13rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_14rem\] {
      grid-template-columns: minmax(0, 1fr) 14rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_15rem\] {
      grid-template-columns: minmax(0, 1fr) 15rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
      grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_17rem\] {
      grid-template-columns: minmax(0, 1fr) 17rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_21rem\] {
      grid-template-columns: minmax(0, 1fr) 21rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0, 1fr) 22rem;
    }

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

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    }

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

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,\.7fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .7fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(20rem\,\.72fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(20rem, .72fr);
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(18rem\,\.78fr\)_minmax\(0\,1\.22fr\)\] {
      grid-template-columns: minmax(18rem, .78fr) minmax(0, 1.22fr);
    }

    .lg\:grid-cols-\[minmax\(20rem\,\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
    }

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

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

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

    .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\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

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

    .lg\:gap-major {
      gap: var(--cm-rhythm-major);
    }

    .lg\:gap-section {
      gap: var(--cm-rhythm-section);
    }

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

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

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

    .lg\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }

    .lg\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .lg\:border-border {
      border-color: var(--cm-color-border);
    }

    .lg\:bg-\[linear-gradient\(90deg\,transparent\,color-mix\(in_oklch\,black_42\%\,transparent\)\)\] {
      background-image: linear-gradient(90deg, #0000, #0000006b);
      background-image: linear-gradient(90deg, #0000, lab(0% 0 0 / .42));
    }

    .lg\:bg-\[linear-gradient\(90deg\,transparent_54\%\,color-mix\(in_oklch\,var\(--color-surface\)_54\%\,transparent\)\)\] {
      background-image: linear-gradient(90deg,transparent 54%,var(--color-surface));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-\[linear-gradient\(90deg\,transparent_54\%\,color-mix\(in_oklch\,var\(--color-surface\)_54\%\,transparent\)\)\] {
        background-image: linear-gradient(90deg,transparent 54%,color-mix(in oklch,var(--color-surface) 54%,transparent));
      }
    }

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

    .lg\:p-\[3\.5rem\] {
      padding: 3.5rem;
    }

    .lg\:p-\[3\.25rem\] {
      padding: 3.25rem;
    }

    .lg\:p-major {
      padding: var(--cm-rhythm-major);
    }

    .lg\:p-section {
      padding: var(--cm-rhythm-section);
    }

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

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

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

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

    .lg\:px-component {
      padding-inline: var(--cm-rhythm-component);
    }

    .lg\:px-major {
      padding-inline: var(--cm-rhythm-major);
    }

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

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

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

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

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

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

    .lg\:py-hero {
      padding-block: var(--cm-rhythm-hero);
    }

    .lg\:py-major {
      padding-block: var(--cm-rhythm-major);
    }

    .lg\:py-section {
      padding-block: var(--cm-rhythm-section);
    }

    .lg\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }

    .lg\:ps-10 {
      padding-inline-start: calc(var(--spacing) * 10);
    }

    .lg\:pt-0 {
      padding-top: 0;
    }

    .lg\:pb-0 {
      padding-bottom: 0;
    }

    .lg\:text-end {
      text-align: end;
    }

    .lg\:text-4xl {
      font-size: var(--cm-font-size-4xl);
      line-height: var(--tw-leading, var(--cm-line-height-heading));
    }

    .lg\:text-6xl {
      font-size: var(--cm-font-size-6xl);
      line-height: var(--tw-leading, var(--cm-line-height-display));
    }

    .lg\:text-7xl {
      font-size: var(--cm-font-size-7xl);
      line-height: var(--tw-leading, var(--cm-line-height-display));
    }

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

    .lg\:text-\[3\.55rem\] {
      font-size: 3.55rem;
    }

    .lg\:text-\[4\.6rem\] {
      font-size: 4.6rem;
    }

    .lg\:text-\[4\.9rem\] {
      font-size: 4.9rem;
    }

    .lg\:text-\[5\.5rem\] {
      font-size: 5.5rem;
    }

    .lg\:text-\[5rem\] {
      font-size: 5rem;
    }

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

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

    @media (prefers-reduced-motion: reduce) {
      .lg\:motion-reduce\:translate-y-0 {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }

    .xl\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .xl\:top-24 {
      top: calc(var(--spacing) * 24);
    }

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

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

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

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

    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

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

    .xl\:mt-0 {
      margin-top: 0;
    }

    .xl\:block {
      display: block;
    }

    .xl\:flex {
      display: flex;
    }

    .xl\:grid {
      display: grid;
    }

    .xl\:hidden {
      display: none;
    }

    .xl\:min-h-0 {
      min-height: 0;
    }

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

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

    .xl\:min-w-0 {
      min-width: 0;
    }

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

    .xl\:auto-rows-\[15rem\] {
      grid-auto-rows: 15rem;
    }

    .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-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

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

    .xl\:grid-cols-\[17rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 17rem minmax(0, 1fr);
    }

    .xl\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 18rem minmax(0, 1fr);
    }

    .xl\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 20rem minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(20rem\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .75fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .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\)_23rem\] {
      grid-template-columns: minmax(0, 1fr) 23rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
      grid-template-columns: minmax(0, 1fr) 24rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_28rem\] {
      grid-template-columns: minmax(0, 1fr) 28rem;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(27rem\,\.9fr\)_13rem\] {
      grid-template-columns: minmax(0, 1fr) minmax(27rem, .9fr) 13rem;
    }

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

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

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

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

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

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

    .xl\:gap-hero {
      gap: var(--cm-rhythm-hero);
    }

    .xl\:gap-major {
      gap: var(--cm-rhythm-major);
    }

    .xl\:gap-section {
      gap: var(--cm-rhythm-section);
    }

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

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

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

    .xl\:border-y-0 {
      border-block-style: var(--tw-border-style);
      border-block-width: 0;
    }

    .xl\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }

    .xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .xl\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

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

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

    .xl\:py-0 {
      padding-block: 0;
    }

    .xl\:ps-8 {
      padding-inline-start: calc(var(--spacing) * 8);
    }

    .xl\:ps-related {
      padding-inline-start: var(--cm-rhythm-related);
    }

    .xl\:pt-0 {
      padding-top: 0;
    }

    .xl\:text-\[2\.7rem\] {
      font-size: 2.7rem;
    }

    .xl\:text-\[5\.8rem\] {
      font-size: 5.8rem;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:sticky {
      position: sticky;
    }

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

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

    .\32 xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(22rem\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);
    }
  }

  @container card (min-width: 28rem) {
    .\@md\/card\:px-group {
      padding-inline: var(--cm-rhythm-group);
    }

    .\@md\/card\:py-group {
      padding-block: var(--cm-rhythm-group);
    }
  }

  @container card (min-width: 42rem) {
    .\@2xl\/card\:px-component {
      padding-inline: var(--cm-rhythm-component);
    }
  }

  .rtl\:origin-right: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-origin: 100%;
  }

  .rtl\:origin-top-left: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-origin: 0 0;
  }

  .rtl\:translate-x-\[104\%\]: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"] *) {
    --tw-translate-x: 104%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:object-left: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"] *) {
    object-position: left;
  }

  .rtl\:object-right: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"] *) {
    object-position: right;
  }

  .rtl\:text-right: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"] *) {
    text-align: right;
  }

  .rtl\:tracking-\[-\.02em\]: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"] *) {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .rtl\:tracking-\[-0\.012em\]: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"] *) {
    --tw-tracking: -.012em;
    letter-spacing: -.012em;
  }

  .rtl\:tracking-normal: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"] *) {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  @media (hover: hover) {
    .rtl\:group-hover\:-translate-x-0\.5: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"] *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:group-hover\:-translate-x-1: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"] *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:group-hover\:-translate-x-2: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"] *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:group-hover\:translate-x-0\.5: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"] *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:group-hover\/cta\:-translate-x-0\.5: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"] *):is(:where(.group\/cta):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:group-hover\/cta\:-translate-x-1: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"] *):is(:where(.group\/cta):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:hover\:-translate-x-0\.5: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"] *):hover {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .rtl\:hover\:-translate-x-1: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"] *):hover {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .rtl\:data-\[state\=open\]\:translate-x-0: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"] *)[data-state="open"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:border-accent\/20:where(.dark, .dark *) {
    border-color: var(--cm-color-accent);
  }

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

  .dark\:border-accent\/34:where(.dark, .dark *) {
    border-color: var(--cm-color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/34:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--cm-color-accent) 34%, transparent);
    }
  }

  .dark\:border-border-strong:where(.dark, .dark *) {
    border-color: var(--cm-color-border-strong);
  }

  .dark\:border-brand\/24:where(.dark, .dark *) {
    border-color: var(--cm-color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-brand\/24:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--cm-color-brand) 24%, transparent);
    }
  }

  .dark\:border-danger\/48:where(.dark, .dark *) {
    border-color: var(--cm-color-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-danger\/48:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--cm-color-danger) 48%, transparent);
    }
  }

  .dark\:border-white\/6:where(.dark, .dark *) {
    border-color: #ffffff0f;
  }

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

  .dark\:border-white\/7:where(.dark, .dark *) {
    border-color: #ffffff12;
  }

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

  .dark\:border-white\/8:where(.dark, .dark *) {
    border-color: #ffffff14;
  }

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

  .dark\:border-white\/9:where(.dark, .dark *) {
    border-color: #ffffff17;
  }

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

  .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }

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

  .dark\:bg-accent-strong:where(.dark, .dark *) {
    background-color: var(--cm-color-accent-strong);
  }

  .dark\:bg-background\/18:where(.dark, .dark *) {
    background-color: var(--cm-color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/18:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-background) 18%, transparent);
    }
  }

  .dark\:bg-background\/22:where(.dark, .dark *) {
    background-color: var(--cm-color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/22:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-background) 22%, transparent);
    }
  }

  .dark\:bg-background\/24:where(.dark, .dark *) {
    background-color: var(--cm-color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/24:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-background) 24%, transparent);
    }
  }

  .dark\:bg-background\/30:where(.dark, .dark *) {
    background-color: var(--cm-color-background);
  }

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

  .dark\:bg-background\/54:where(.dark, .dark *) {
    background-color: var(--cm-color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background\/54:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-background) 54%, transparent);
    }
  }

  .dark\:bg-danger-soft:where(.dark, .dark *) {
    background-color: var(--cm-color-danger-soft);
  }

  .dark\:bg-surface-raised:where(.dark, .dark *) {
    background-color: var(--cm-color-surface-raised);
  }

  .dark\:bg-surface\/36:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/36:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 36%, transparent);
    }
  }

  .dark\:bg-surface\/42:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/42:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 42%, transparent);
    }
  }

  .dark\:bg-surface\/44:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/44:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 44%, transparent);
    }
  }

  .dark\:bg-surface\/48:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/48:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 48%, transparent);
    }
  }

  .dark\:bg-surface\/50:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 50%, transparent);
    }
  }

  .dark\:bg-surface\/52:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/52:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 52%, transparent);
    }
  }

  .dark\:bg-surface\/54:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/54:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 54%, transparent);
    }
  }

  .dark\:bg-surface\/56:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/56:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 56%, transparent);
    }
  }

  .dark\:bg-surface\/58:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/58:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 58%, transparent);
    }
  }

  .dark\:bg-surface\/60:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 60%, transparent);
    }
  }

  .dark\:bg-surface\/62:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/62:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 62%, transparent);
    }
  }

  .dark\:bg-surface\/66:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/66:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 66%, transparent);
    }
  }

  .dark\:bg-surface\/68:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/68:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 68%, transparent);
    }
  }

  .dark\:bg-surface\/70:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/70:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 70%, transparent);
    }
  }

  .dark\:bg-surface\/72:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/72:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 72%, transparent);
    }
  }

  .dark\:bg-surface\/84:where(.dark, .dark *) {
    background-color: var(--cm-color-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface\/84:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--cm-color-surface) 84%, transparent);
    }
  }

  .dark\:bg-\[linear-gradient\(135deg\,var\(--color-accent-soft\)\,var\(--color-brand-soft\)\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(135deg,var(--color-accent-soft),var(--color-brand-soft));
  }

  .dark\:bg-\[linear-gradient\(135deg\,var\(--color-accent-strong\)\,color-mix\(in_oklch\,var\(--color-brand\)_68\%\,var\(--color-accent-strong\)\)\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(135deg,var(--color-accent-strong),var(--color-brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\[linear-gradient\(135deg\,var\(--color-accent-strong\)\,color-mix\(in_oklch\,var\(--color-brand\)_68\%\,var\(--color-accent-strong\)\)\)\]:where(.dark, .dark *) {
      background-image: linear-gradient(135deg,var(--color-accent-strong),color-mix(in oklch,var(--color-brand) 68%,var(--color-accent-strong)));
    }
  }

  .dark\:bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-soft\)_48\%\,var\(--color-surface\)\)\,var\(--color-surface\)_54\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,var\(--color-surface\)\)\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(145deg,var(--color-brand-soft),var(--color-surface) 54%,var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-soft\)_48\%\,var\(--color-surface\)\)\,var\(--color-surface\)_54\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_32\%\,var\(--color-surface\)\)\)\]:where(.dark, .dark *) {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-soft) 48%,var(--color-surface)),var(--color-surface) 54%,color-mix(in oklch,var(--color-info-soft) 32%,var(--color-surface)));
    }
  }

  .dark\:bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-soft\)_54\%\,var\(--color-surface\)\)\,var\(--color-surface\)_48\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_34\%\,var\(--color-surface\)\)\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(145deg,var(--color-brand-soft),var(--color-surface) 48%,var(--color-info-soft));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\[linear-gradient\(145deg\,color-mix\(in_oklch\,var\(--color-brand-soft\)_54\%\,var\(--color-surface\)\)\,var\(--color-surface\)_48\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_34\%\,var\(--color-surface\)\)\)\]:where(.dark, .dark *) {
      background-image: linear-gradient(145deg,color-mix(in oklch,var(--color-brand-soft) 54%,var(--color-surface)),var(--color-surface) 48%,color-mix(in oklch,var(--color-info-soft) 34%,var(--color-surface)));
    }
  }

  .dark\:bg-\[linear-gradient\(180deg\,var\(--color-surface-raised\)\,var\(--color-surface\)\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(180deg,var(--color-surface-raised),var(--color-surface));
  }

  .dark\:bg-\[radial-gradient\(circle_at_16\%_14\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_46\%\,transparent\)_0\,transparent_36\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_48\%\,transparent\)_0\,transparent_40\%\)\,linear-gradient\(145deg\,var\(--color-surface\)\,var\(--color-background-cool\)\)\]:where(.dark, .dark *) {
    background-image: radial-gradient(circle at 16% 14%,var(--color-info-soft) 0,transparent 36%),radial-gradient(circle at 84% 78%,var(--color-brand-soft) 0,transparent 40%),linear-gradient(145deg,var(--color-surface),var(--color-background-cool));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\[radial-gradient\(circle_at_16\%_14\%\,color-mix\(in_oklch\,var\(--color-info-soft\)_46\%\,transparent\)_0\,transparent_36\%\)\,radial-gradient\(circle_at_84\%_78\%\,color-mix\(in_oklch\,var\(--color-brand-soft\)_48\%\,transparent\)_0\,transparent_40\%\)\,linear-gradient\(145deg\,var\(--color-surface\)\,var\(--color-background-cool\)\)\]:where(.dark, .dark *) {
      background-image: radial-gradient(circle at 16% 14%,color-mix(in oklch,var(--color-info-soft) 46%,transparent) 0,transparent 36%),radial-gradient(circle at 84% 78%,color-mix(in oklch,var(--color-brand-soft) 48%,transparent) 0,transparent 40%),linear-gradient(145deg,var(--color-surface),var(--color-background-cool));
    }
  }

  .dark\:text-accent-foreground:where(.dark, .dark *) {
    color: var(--cm-color-accent-foreground);
  }

  .dark\:text-background:where(.dark, .dark *) {
    color: var(--cm-color-background);
  }

  .dark\:text-brand:where(.dark, .dark *) {
    color: var(--cm-color-brand);
  }

  .dark\:text-danger:where(.dark, .dark *) {
    color: var(--cm-color-danger);
  }

  .dark\:\[color-scheme\:dark\]:where(.dark, .dark *) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .dark\:opacity-\[\.22\]:where(.dark, .dark *) {
    opacity: .22;
  }

  .dark\:shadow-\[0_16px_50px_color-mix\(in_oklch\,black_34\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_8\%\,transparent\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 16px 50px var(--tw-shadow-color, #00000057), inset 0 1px 0 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);
  }

  @supports (color: lab(0% 0 0)) {
    .dark\:shadow-\[0_16px_50px_color-mix\(in_oklch\,black_34\%\,transparent\)\,inset_0_1px_0_color-mix\(in_oklch\,white_8\%\,transparent\)\]:where(.dark, .dark *) {
      --tw-shadow: 0 16px 50px var(--tw-shadow-color, lab(0% 0 0 / .34)), inset 0 1px 0 var(--tw-shadow-color, lab(100% 0 0 / .08));
    }
  }

  @media (hover: hover) {
    .dark\:hover\:border-accent:where(.dark, .dark *):hover, .dark\:hover\:border-accent\/52:where(.dark, .dark *):hover {
      border-color: var(--cm-color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-accent\/52:where(.dark, .dark *):hover {
        border-color: color-mix(in oklab, var(--cm-color-accent) 52%, transparent);
      }
    }

    .dark\:hover\:border-accent\/55:where(.dark, .dark *):hover {
      border-color: var(--cm-color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-accent\/55:where(.dark, .dark *):hover {
        border-color: color-mix(in oklab, var(--cm-color-accent) 55%, transparent);
      }
    }

    .dark\:hover\:border-danger\/72:where(.dark, .dark *):hover {
      border-color: var(--cm-color-danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-danger\/72:where(.dark, .dark *):hover {
        border-color: color-mix(in oklab, var(--cm-color-danger) 72%, transparent);
      }
    }

    .dark\:hover\:bg-danger-soft:where(.dark, .dark *):hover {
      background-color: var(--cm-color-danger-soft);
    }

    .dark\:hover\:bg-surface-muted:where(.dark, .dark *):hover {
      background-color: var(--cm-color-surface-muted);
    }

    .dark\:hover\:bg-surface-raised:where(.dark, .dark *):hover {
      background-color: var(--cm-color-surface-raised);
    }
  }

  .dark\:disabled\:border-border:where(.dark, .dark *):disabled {
    border-color: var(--cm-color-border);
  }

  .dark\:disabled\:border-border-strong:where(.dark, .dark *):disabled {
    border-color: var(--cm-color-border-strong);
  }

  .dark\:disabled\:bg-surface-muted:where(.dark, .dark *):disabled {
    background-color: var(--cm-color-surface-muted);
  }

  .dark\:disabled\:bg-surface-raised:where(.dark, .dark *):disabled {
    background-color: var(--cm-color-surface-raised);
  }

  .dark\:disabled\:text-muted-foreground:where(.dark, .dark *):disabled {
    color: var(--cm-color-muted-foreground);
  }

  @media not (min-width: 64rem) {
    .dark\:max-lg\:border-white\/9:where(.dark, .dark *) {
      border-color: #ffffff17;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:max-lg\:border-white\/9:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-white) 9%, transparent);
      }
    }

    .dark\:max-lg\:bg-surface\/82:where(.dark, .dark *) {
      background-color: var(--cm-color-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:max-lg\:bg-surface\/82:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--cm-color-surface) 82%, transparent);
      }
    }
  }

  @media (min-width: 40rem) {
    .dark\:sm\:opacity-\[\.24\]:where(.dark, .dark *) {
      opacity: .24;
    }
  }

  @media print {
    .print\:hidden {
      display: none;
    }
  }

  @media (forced-colors: active) {
    .forced-colors\:border-\[ButtonText\] {
      border-color: buttontext;
    }

    .forced-colors\:bg-\[ButtonFace\]\! {
      background-color: buttonface !important;
    }

    .forced-colors\:text-\[ButtonText\]\! {
      color: buttontext !important;
    }

    .forced-colors\: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);
    }
  }

  .\[\&_\.brand-mark\]\:w-9 .brand-mark {
    width: calc(var(--spacing) * 9);
  }

  @media not (min-width: 64rem) {
    .max-lg\:\[\&_\[data-purchase-secondary\]\]\:hidden [data-purchase-secondary] {
      display: none;
    }
  }

  .\[\&_form\:has\(\#dispute-category\)\]\:hidden form:has(#dispute-category) {
    display: none;
  }

  .\[\&_input\]\:scroll-mb-28 input {
    scroll-margin-bottom: calc(var(--spacing) * 28);
  }

  .peer-checked\:\[\&_svg\]\:scale-100:is(:where(.peer):checked ~ *) svg {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .peer-checked\:\[\&_svg\]\:opacity-100:is(:where(.peer):checked ~ *) svg {
    opacity: 1;
  }

  .\[\&_textarea\]\:scroll-mb-28 textarea {
    scroll-margin-bottom: calc(var(--spacing) * 28);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator {
    position: absolute;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-y-0::-webkit-calendar-picker-indicator {
    inset-block: 0;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-e-0::-webkit-calendar-picker-indicator {
    inset-inline-end: 0;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator {
    height: 100%;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:w-11::-webkit-calendar-picker-indicator {
    width: calc(var(--spacing) * 11);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator {
    opacity: 0;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>form\]\:rounded-none > form {
    border-radius: 0;
  }

  .\[\&\>form\]\:border-0 > form {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\>form\]\:bg-transparent > form {
    background-color: #0000;
  }

  .\[\&\>form\]\:shadow-none > form {
    --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);
  }

  .\[\&\>section\]\:scroll-mt-28 > section {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .\[\&\>section\]\:rounded-none > section {
    border-radius: 0;
  }

  .\[\&\>section\]\:border-0 > section {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\>section\]\:border-x-0 > section {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .\[\&\>section\]\:bg-transparent > section {
    background-color: #0000;
  }

  .\[\&\>section\]\:shadow-none > section {
    --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);
  }

  .\[\&\>span\]\:min-h-14 > span {
    min-height: calc(var(--spacing) * 14);
  }

  .\[\&\>span\]\:min-h-16 > span {
    min-height: calc(var(--spacing) * 16);
  }

  .\[\&\>span\]\:py-3 > span {
    padding-block: calc(var(--spacing) * 3);
  }

  .peer-checked\:\[\&\>span\]\:opacity-100:is(:where(.peer):checked ~ *) > span {
    opacity: 1;
  }
}

:root {
  --cm-rhythm-micro: .25rem;
  --cm-rhythm-atomic: .5rem;
  --cm-rhythm-related: 1rem;
  --cm-rhythm-group: 1.5rem;
  --cm-rhythm-component: 2rem;
  --cm-rhythm-section: 3rem;
  --cm-rhythm-major: 4rem;
  --cm-rhythm-hero: 6rem;
  --cm-radius-xs: .25rem;
  --cm-radius-sm: .5rem;
  --cm-radius-md: .75rem;
  --cm-radius-lg: 1rem;
  --cm-radius-xl: 1.25rem;
  --cm-radius-2xl: 1.5rem;
  --cm-radius-3xl: 1.75rem;
  --cm-radius-4xl: 2rem;
  --cm-radius-full: 9999px;
  --cm-shadow-sm: 0 1px 2px #0b121909, 0 6px 20px #0b12190a;
  --cm-shadow-raised: 0 2px 5px #0b12190b, 0 16px 40px #0b121913;
  --cm-shadow-overlay: 0 4px 12px #0b121912, 0 28px 72px #0b121921;
  --cm-font-size-xs: .8125rem;
  --cm-font-size-sm: .875rem;
  --cm-font-size-base: 1rem;
  --cm-font-size-lg: 1.125rem;
  --cm-font-size-xl: 1.25rem;
  --cm-font-size-2xl: 1.5rem;
  --cm-font-size-3xl: 1.75rem;
  --cm-font-size-4xl: 2rem;
  --cm-font-size-5xl: 2.5rem;
  --cm-font-size-6xl: 3rem;
  --cm-font-size-7xl: 3.75rem;
  --cm-line-height-display: 1.1;
  --cm-line-height-heading: 1.25;
  --cm-line-height-compact: 1.45;
  --cm-line-height-body: 1.6;
  --cm-line-height-reading: 1.75;
  --cm-font-weight-regular: 400;
  --cm-font-weight-body: 450;
  --cm-font-weight-medium: 500;
  --cm-font-weight-semibold: 600;
  --cm-font-weight-strong: 650;
  --cm-duration-instant: 80ms;
  --cm-duration-fast: .15s;
  --cm-duration-normal: .24s;
  --cm-duration-slow: .36s;
  --cm-duration-emphasis: .56s;
  --cm-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --cm-ease-enter: cubic-bezier(.16, 1, .3, 1);
  --cm-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --cm-content-width: 80rem;
  --cm-content-wide-width: 92rem;
  --cm-reading-width: 42rem;
  --cm-reading-tight-width: 36rem;
  --cm-sidebar-width: 14rem;
  --cm-control-height: 2.75rem;
  --cm-touch-target: 2.75rem;
  --cm-header-height: 4rem;
  --cm-gutter-compact: 1rem;
  --cm-gutter-medium: 1.5rem;
  --cm-gutter-expanded: 2rem;
  --cm-font-sans: Manrope, ui-sans-serif, system-ui, sans-serif;
  --cm-font-persian: "Estedad Variable", Tahoma, Arial, ui-sans-serif, system-ui, sans-serif;
  --cm-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --cm-color-background: #fefdfc;
  --cm-color-background-cool: #f8fcfd;
  --cm-color-foreground: #262f36;
  --cm-color-foreground-strong: #0f171e;
  --cm-color-surface: #fff;
  --cm-color-surface-raised: #fefdfc;
  --cm-color-surface-muted: #f1f6f8;
  --cm-color-border: #dfe6e9;
  --cm-color-border-strong: #c5d0d5;
  --cm-color-muted-foreground: #444f57;
  --cm-color-subtle-foreground: #49545d;
  --cm-color-brand: #005a7e;
  --cm-color-brand-deep: #004360;
  --cm-color-brand-hover: #004360;
  --cm-color-brand-soft: #e3f3fd;
  --cm-color-brand-mist: #f2fafe;
  --cm-color-accent: #005a7e;
  --cm-color-accent-strong: #004360;
  --cm-color-accent-soft: #f2fafe;
  --cm-color-accent-foreground: #004360;
  --cm-color-success: #0e5f36;
  --cm-color-success-hover: #074a28;
  --cm-color-success-soft: #f2fbf4;
  --cm-color-info: #005f67;
  --cm-color-info-soft: #f1fdfe;
  --cm-color-warning: #6d4700;
  --cm-color-warning-soft: #fffaee;
  --cm-color-danger: #9e2225;
  --cm-color-danger-hover: #8d1a1e;
  --cm-color-danger-soft: #fff7f6;
  --cm-color-retest: #504482;
  --cm-color-retest-soft: #eeecff;
  --cm-color-focus: #005a7e;
  --cm-color-atmosphere-warm: #d8effe;
  --cm-color-atmosphere-cool: #b9e5ff;
  --cm-color-backdrop: #060b1094;
  --cm-color-image-overlay: #0f171e24;
  --cm-color-control-border: #828e97;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --cm-shadow-sm: 0 1px 2px lab(5.25516% -1.47232 -5.33571 / .035), 0 6px 20px lab(5.25516% -1.47232 -5.33571 / .04);
    --cm-shadow-raised: 0 2px 5px lab(5.25516% -1.47232 -5.33571 / .045), 0 16px 40px lab(5.25516% -1.47232 -5.33571 / .075);
    --cm-shadow-overlay: 0 4px 12px lab(5.25516% -1.47232 -5.33571 / .07), 0 28px 72px lab(5.25516% -1.47232 -5.33571 / .13);
    --cm-color-background: lab(99.4327% -.0656247 .758386);
    --cm-color-background-cool: lab(98.6328% -1.02502 -.986981);
    --cm-color-foreground: lab(18.7937% -2.20852 -6.08618);
    --cm-color-foreground-strong: lab(7.21303% -1.87187 -5.98189);
    --cm-color-surface: lab(100% 0 0);
    --cm-color-surface-raised: lab(99.4327% -.0656247 .758386);
    --cm-color-surface-muted: lab(96.5571% -1.53571 -1.47934);
    --cm-color-border: lab(90.7655% -2.11442 -2.43337);
    --cm-color-border-strong: lab(82.6539% -2.95779 -4.0836);
    --cm-color-muted-foreground: lab(32.7416% -3.07104 -6.49882);
    --cm-color-subtle-foreground: lab(35.0621% -3.08263 -6.50384);
    --cm-color-brand: lab(35.0468% -12.958 -29.4993);
    --cm-color-brand-deep: lab(25.7708% -10.4923 -23.618);
    --cm-color-brand-hover: lab(25.7708% -10.4923 -23.618);
    --cm-color-brand-soft: lab(94.8373% -4.0845 -6.83413);
    --cm-color-brand-mist: lab(97.7075% -1.88658 -3.12248);
    --cm-color-accent: lab(35.0468% -12.958 -29.4993);
    --cm-color-accent-strong: lab(25.7708% -10.4923 -23.618);
    --cm-color-accent-soft: lab(97.7075% -1.88658 -3.12248);
    --cm-color-accent-foreground: lab(25.7708% -10.4923 -23.618);
    --cm-color-success: lab(35.1715% -32.0698 16.5622);
    --cm-color-success-hover: lab(26.8569% -27.2802 14.0917);
    --cm-color-success-soft: lab(97.8701% -4.32569 2.21511);
    --cm-color-info: lab(35.8072% -26.381 -14.0787);
    --cm-color-info-soft: lab(98.3693% -3.65481 -1.95869);
    --cm-color-warning: lab(33.7135% 15.1339 53.9708);
    --cm-color-warning-soft: lab(98.3297% .557929 6.89257);
    --cm-color-danger: lab(35.7378% 50.6495 31.601);
    --cm-color-danger-hover: lab(31.1954% 47.515 29.9191);
    --cm-color-danger-soft: lab(97.8018% 3.66834 1.97252);
    --cm-color-retest: lab(32.5492% 17.0715 -33.7119);
    --cm-color-retest-soft: lab(93.9276% 3.51816 -9.86807);
    --cm-color-focus: lab(35.0468% -12.958 -29.4993);
    --cm-color-atmosphere-warm: lab(93.1192% -5.85747 -9.89907);
    --cm-color-atmosphere-cool: lab(88.5255% -10.5013 -18.3541);
    --cm-color-backdrop: lab(2.74647% -.787973 -2.90231 / .58);
    --cm-color-image-overlay: lab(7.21303% -1.87187 -5.98189 / .14);
    --cm-color-control-border: lab(58.2658% -3.15785 -6.5383);
  }
}

.dark {
  --cm-color-background: #060b10;
  --cm-color-background-cool: #091017;
  --cm-color-foreground: #e9e8e2;
  --cm-color-foreground-strong: #f9f8f5;
  --cm-color-surface: #0d151b;
  --cm-color-surface-raised: #151e26;
  --cm-color-surface-muted: #0a1118;
  --cm-color-border: #283239;
  --cm-color-border-strong: #3c4a54;
  --cm-color-muted-foreground: #a6b3ba;
  --cm-color-subtle-foreground: #9caab2;
  --cm-color-brand: #64bced;
  --cm-color-brand-deep: #c2e7fe;
  --cm-color-brand-hover: #81cffc;
  --cm-color-brand-soft: #052739;
  --cm-color-brand-mist: #091a24;
  --cm-color-accent: #77c5f2;
  --cm-color-accent-strong: #9ddafe;
  --cm-color-accent-soft: #052231;
  --cm-color-accent-foreground: #c5e7fb;
  --cm-color-success: #73ce95;
  --cm-color-success-hover: #95deae;
  --cm-color-success-soft: #0b2516;
  --cm-color-info: #5ecad6;
  --cm-color-info-soft: #002529;
  --cm-color-warning: #eec469;
  --cm-color-warning-soft: #362202;
  --cm-color-danger: #ff988f;
  --cm-color-danger-hover: #ffaba3;
  --cm-color-danger-soft: #3d1b18;
  --cm-color-retest: #b6abf9;
  --cm-color-retest-soft: #201c34;
  --cm-color-focus: #64bced;
  --cm-color-atmosphere-warm: #0b3245;
  --cm-color-atmosphere-cool: #033d57;
  --cm-color-backdrop: #010305e0;
  --cm-color-image-overlay: #020509b8;
  --cm-color-control-border: #65747f;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --cm-color-background: lab(2.74647% -.787973 -2.90231);
    --cm-color-background-cool: lab(4.42534% -1.29017 -4.80145);
    --cm-color-foreground: lab(91.9298% -.247896 3.0431);
    --cm-color-foreground-strong: lab(97.7052% -.128835 1.51821);
    --cm-color-surface: lab(6.18258% -1.66623 -5.74807);
    --cm-color-surface-raised: lab(10.665% -2.29327 -6.70487);
    --cm-color-surface-muted: lab(4.82839% -1.37977 -5.06936);
    --cm-color-border: lab(19.9769% -2.71298 -5.82782);
    --cm-color-border-strong: lab(30.422% -3.73767 -8.08221);
    --cm-color-muted-foreground: lab(72.2281% -3.77601 -5.23591);
    --cm-color-subtle-foreground: lab(68.7549% -4.18007 -5.80965);
    --cm-color-brand: lab(72.2852% -16.9564 -32.9531);
    --cm-color-brand-deep: lab(89.6716% -8.8976 -15.3538);
    --cm-color-brand-hover: lab(79.2622% -16.0483 -30.1184);
    --cm-color-brand-soft: lab(14.1865% -7.0146 -14.8359);
    --cm-color-brand-mist: lab(8.39485% -4.55768 -8.99099);
    --cm-color-accent: lab(75.7765% -15.9211 -30.0843);
    --cm-color-accent-strong: lab(83.9021% -13.4589 -24.2797);
    --cm-color-accent-soft: lab(11.8666% -6.37788 -13.364);
    --cm-color-accent-foreground: lab(89.6633% -8.0688 -13.8442);
    --cm-color-success: lab(76.0571% -37.8929 19.4906);
    --cm-color-success-hover: lab(82.7647% -31.387 16.1222);
    --cm-color-success-soft: lab(12.427% -14.2996 7.3665);
    --cm-color-info: lab(75.3559% -29.8257 -15.8716);
    --cm-color-info-soft: lab(12.226% -13.2456 -7.0606);
    --cm-color-warning: lab(81.6717% 7.74106 51.0542);
    --cm-color-warning-soft: lab(15.2612% 7.46252 21.7937);
    --cm-color-danger: lab(74.1855% 46.8567 26.4344);
    --cm-color-danger-hover: lab(79.0819% 38.8888 21.6163);
    --cm-color-danger-soft: lab(14.7845% 17.204 9.76354);
    --cm-color-retest: lab(73.2045% 16.5029 -37.6129);
    --cm-color-retest-soft: lab(11.8633% 7.18185 -15.2714);
    --cm-color-focus: lab(72.2852% -16.9564 -32.9531);
    --cm-color-atmosphere-warm: lab(18.8355% -7.86339 -16.3465);
    --cm-color-atmosphere-cool: lab(23.4646% -9.53296 -20.721);
    --cm-color-backdrop: lab(.655199% -.220746 -.927395 / .88);
    --cm-color-image-overlay: lab(1.19592% -.407979 -1.73801 / .72);
    --cm-color-control-border: lab(47.8277% -3.85329 -8.12982);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cm-duration-instant: 1ms;
    --cm-duration-fast: 1ms;
    --cm-duration-normal: 1ms;
    --cm-duration-slow: 1ms;
    --cm-duration-emphasis: 1ms;
  }
}

* {
  border-color: var(--color-border);
}

html {
  background: var(--color-background);
  scroll-behavior: smooth;
}

[data-layer="sticky"] {
  z-index: 20;
}

[data-layer="chrome"] {
  z-index: 30;
}

[data-layer="dock"] {
  z-index: 40;
}

[data-layer="popover"] {
  z-index: 50;
}

[data-layer="chrome"]:has([data-layer="popover"]) {
  z-index: 50;
}

[data-layer="scrim"] {
  z-index: 60;
}

[data-layer="overlay"] {
  z-index: 70;
}

[data-layer="toast"] {
  z-index: 80;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

body {
  background: var(--color-background);
  min-height: 100vh;
  color: var(--color-foreground);
  font-family: var(--font-sans);
  font-size: var(--cm-font-size-base);
  font-weight: var(--cm-font-weight-body);
  line-height: var(--cm-line-height-body);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

::selection {
  background: var(--color-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  ::selection {
    background: color-mix(in oklch, var(--color-brand) 24%, transparent);
  }
}

::selection {
  color: var(--color-foreground-strong);
}

:where(a, button, input, textarea, select) {
  -webkit-tap-highlight-color: transparent;
}

:where(button:not(:disabled), [role="button"]:not([aria-disabled="true"]), summary) {
  cursor: pointer;
}

.brand-mark {
  width: 2.25rem;
  color: var(--color-brand-deep);
  display: inline-flex;
}

.brand-mark svg {
  width: 100%;
  height: auto;
}

.comoira-experience, .app-surface, .landing-page, .public-product-experience {
  min-inline-size: 0;
}

.comoira-experience {
  background: radial-gradient(circle at 12% 8%, var(--color-brand-mist) 0, transparent 28rem),
    radial-gradient(circle at 88% 18%, var(--color-info-soft) 0, transparent 31rem),
    radial-gradient(circle at 50% 82%, var(--color-accent-soft) 0, transparent 34rem),
    var(--color-background);
  min-height: 100dvh;
}

@supports (color: color-mix(in lab, red, red)) {
  .comoira-experience {
    background: radial-gradient(circle at 12% 8%, color-mix(in oklch, var(--color-brand-mist) 80%, transparent) 0, transparent 28rem),
    radial-gradient(circle at 88% 18%, color-mix(in oklch, var(--color-info-soft) 74%, transparent) 0, transparent 31rem),
    radial-gradient(circle at 50% 82%, color-mix(in oklch, var(--color-accent-soft) 58%, transparent) 0, transparent 34rem),
    var(--color-background);
  }
}

.dark .comoira-experience {
  background: radial-gradient(circle at 10% 6%, var(--color-brand-soft) 0, transparent 34rem),
    radial-gradient(circle at 92% 14%, var(--color-info-soft) 0, transparent 36rem),
    radial-gradient(circle at 48% 90%, var(--color-accent-soft) 0, transparent 38rem),
    var(--color-background);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .comoira-experience {
    background: radial-gradient(circle at 10% 6%, color-mix(in oklch, var(--color-brand-soft) 38%, transparent) 0, transparent 34rem),
    radial-gradient(circle at 92% 14%, color-mix(in oklch, var(--color-info-soft) 30%, transparent) 0, transparent 36rem),
    radial-gradient(circle at 48% 90%, color-mix(in oklch, var(--color-accent-soft) 24%, transparent) 0, transparent 38rem),
    var(--color-background);
  }
}

.cm-ambient-field {
  pointer-events: none;
  isolation: isolate;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.cm-ambient-orb {
  filter: blur(64px);
  opacity: .72;
  will-change: transform;
  border-radius: 999px;
  animation: 14s ease-in-out infinite alternate cm-ambient-drift;
  position: absolute;
}

.cm-ambient-orb-a {
  aspect-ratio: 1;
  background: var(--color-brand-soft);
  width: min(44rem, 62vw);
  inset-block-start: -32%;
  inset-inline-start: -14%;
}

@supports (color: color-mix(in lab, red, red)) {
  .cm-ambient-orb-a {
    background: color-mix(in oklch, var(--color-brand-soft) 76%, transparent);
  }
}

.cm-ambient-orb-b {
  aspect-ratio: 1;
  background: var(--color-info-soft);
  width: min(38rem, 56vw);
  inset-block-start: 4%;
  inset-inline-end: -12%;
}

@supports (color: color-mix(in lab, red, red)) {
  .cm-ambient-orb-b {
    background: color-mix(in oklch, var(--color-info-soft) 82%, transparent);
  }
}

.cm-ambient-orb-b {
  animation-direction: alternate-reverse;
  animation-delay: -5s;
}

.cm-ambient-orb-c {
  aspect-ratio: 1;
  background: var(--color-accent-soft);
  width: min(34rem, 54vw);
  inset-block-end: -36%;
  inset-inline-start: 38%;
}

@supports (color: color-mix(in lab, red, red)) {
  .cm-ambient-orb-c {
    background: color-mix(in oklch, var(--color-accent-soft) 68%, transparent);
  }
}

.cm-ambient-orb-c {
  animation-delay: -9s;
}

.cm-ambient-field[data-intensity="soft"] .cm-ambient-orb {
  opacity: .38;
  filter: blur(84px);
}

.cm-ambient-field[data-intensity="hero"] .cm-ambient-orb {
  opacity: .92;
  filter: blur(54px);
}

.cm-ambient-grid {
  opacity: .28;
  background-image: linear-gradient(var(--color-border) 1px, transparent 1px),
    linear-gradient(90deg, var(--color-border) 1px, transparent 1px);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .cm-ambient-grid {
    background-image: linear-gradient(color-mix(in oklch, var(--color-border) 44%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklch, var(--color-border) 44%, transparent) 1px, transparent 1px);
  }
}

.cm-ambient-grid {
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(at 50% 34%, #000 6%, #0000 70%);
  mask-image: radial-gradient(at 50% 34%, #000 6%, #0000 70%);
}

.cm-ambient-grain {
  opacity: .12;
  color: var(--color-foreground-strong);
  mix-blend-mode: soft-light;
  background-image: radial-gradient(circle, currentColor .55px, #0000 .7px);
  background-size: 5px 5px;
  animation: 9s steps(8, end) infinite cm-grain-shift;
  position: absolute;
  inset: -40%;
}

.cm-reveal {
  opacity: 0;
  transform: translate3d(0, var(--cm-reveal-y, 28px), 0) scale(.985);
  filter: blur(9px);
  transition: opacity .76s var(--cm-ease-enter),
    transform .9s var(--cm-ease-enter),
    filter .9s var(--cm-ease-enter);
  transition-delay: var(--cm-reveal-delay, 0s);
}

.cm-reveal[data-visible="true"] {
  opacity: 1;
  filter: blur();
  transform: translate3d(0, 0, 0)scale(1);
}

.cm-spotlight-surface {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.cm-spotlight-surface:before {
  content: "";
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(26rem circle at var(--cm-spot-x, 50%) var(--cm-spot-y, 50%),
    var(--color-brand-soft),
    var(--color-info-soft) 32%,
    transparent 68%);
  position: absolute;
  inset: -1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .cm-spotlight-surface:before {
    background: radial-gradient(26rem circle at var(--cm-spot-x, 50%) var(--cm-spot-y, 50%),
    color-mix(in oklch, var(--color-brand-soft) 82%, transparent),
    color-mix(in oklch, var(--color-info-soft) 42%, transparent) 32%,
    transparent 68%);
  }
}

.cm-spotlight-surface:before {
  transition: opacity .32s var(--cm-ease-standard);
}

.cm-spotlight-surface[data-pointer="active"]:before {
  opacity: .88;
}

.cm-magnetic {
  transform: translate3d(var(--cm-magnet-x, 0), var(--cm-magnet-y, 0), 0);
  will-change: transform;
  transition: transform .52s cubic-bezier(.16, 1, .3, 1);
}

@keyframes cm-ambient-drift {
  0% {
    transform: translate3d(-4%, -2%, 0)scale(.94)rotate(-4deg);
  }

  55% {
    transform: translate3d(6%, 5%, 0)scale(1.08)rotate(3deg);
  }

  100% {
    transform: translate3d(-1%, 10%, 0)scale(1.02)rotate(-2deg);
  }
}

@keyframes cm-grain-shift {
  0% {
    transform: translate3d(0, 0, 0);
  }

  25% {
    transform: translate3d(2%, -1%, 0);
  }

  50% {
    transform: translate3d(-1%, 2%, 0);
  }

  75% {
    transform: translate3d(1%, 1%, 0);
  }

  100% {
    transform: translate3d(-2%, -1%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cm-ambient-orb, .cm-ambient-grain {
    animation: none;
  }

  .cm-reveal {
    opacity: 1;
    filter: none;
    transition: none;
    transform: none;
  }

  .cm-magnetic {
    transition: none;
    transform: none;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-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-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/* [project]/apps/web/src/app/fonts.css [app-client] (css) */
:root {
  --cm-font-sans: var(--font-comoira-sans), ui-sans-serif, system-ui, sans-serif;
  --cm-font-persian: "Estedad Variable", Tahoma, Arial, ui-sans-serif, system-ui, sans-serif;
  --cm-font-mono: var(--font-comoira-mono), ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, monospace;
  --cm-type-meta: var(--cm-font-size-xs);
  --cm-type-label: var(--cm-font-size-sm);
  --cm-type-body: var(--cm-font-size-base);
  --cm-type-section-title: var(--cm-font-size-xl);
  --cm-type-interface-title: var(--cm-font-size-3xl);
  font-kerning: normal;
  font-optical-sizing: auto;
  font-synthesis: none;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--cm-font-sans);
  font-weight: var(--cm-font-weight-body);
  font-variant-ligatures: common-ligatures contextual;
}

:where(h1, h2) {
  font-weight: var(--cm-font-weight-strong);
}

:where(h3, h4, strong) {
  font-weight: var(--cm-font-weight-semibold);
}

:where(button, input, textarea, select) {
  font-family: inherit;
}

:where(code, pre, .font-mono) {
  font-family: var(--cm-font-mono);
  font-variant-ligatures: none;
  font-variant-numeric: tabular-nums slashed-zero;
}

.technical-label {
  color: var(--color-subtle-foreground);
  font-family: var(--cm-font-mono);
  font-size: var(--cm-type-meta);
  font-weight: var(--cm-font-weight-semibold);
  line-height: var(--cm-line-height-compact);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cm-display-title {
  color: var(--color-foreground-strong);
  font-size: clamp(var(--cm-font-size-4xl),
    1.65rem + 2.4vw,
    var(--cm-font-size-7xl));
  font-weight: var(--cm-font-weight-strong);
  line-height: var(--cm-line-height-display);
  letter-spacing: -.032em;
  text-wrap: balance;
}

.cm-display-section {
  color: var(--color-foreground-strong);
  font-size: clamp(var(--cm-font-size-3xl),
    1.35rem + 1.5vw,
    var(--cm-font-size-6xl));
  font-weight: var(--cm-font-weight-strong);
  letter-spacing: -.024em;
  text-wrap: balance;
  line-height: 1.18;
}

.cm-interface-title {
  color: var(--color-foreground-strong);
  font-size: var(--cm-type-interface-title);
  font-weight: var(--cm-font-weight-strong);
  line-height: var(--cm-line-height-heading);
  text-wrap: balance;
}

.cm-section-title {
  color: var(--color-foreground-strong);
  font-size: var(--cm-type-section-title);
  font-weight: var(--cm-font-weight-strong);
  line-height: var(--cm-line-height-heading);
  text-wrap: balance;
}

.cm-body-copy, .cm-muted-copy {
  font-size: var(--cm-type-body);
  line-height: var(--cm-line-height-body);
}

.cm-reading-copy {
  max-inline-size: var(--cm-reading-width);
  font-size: var(--cm-type-body);
  line-height: var(--cm-line-height-reading);
}

.cm-body-copy, .cm-reading-copy {
  color: var(--color-foreground);
}

.cm-muted-copy {
  color: var(--color-muted-foreground);
}

.cm-meta-copy, .cm-subtle-copy {
  font-size: var(--cm-type-meta);
  line-height: var(--cm-line-height-compact);
}

.cm-meta-copy {
  color: var(--color-muted-foreground);
}

.cm-subtle-copy {
  color: var(--color-subtle-foreground);
}

html[lang="fa"] body {
  font-family: var(--cm-font-persian);
  font-weight: 430;
  line-height: 1.68;
}

html[lang="fa"] :where(button, input, textarea, select), html[lang="fa"] :where(h1, h2, h3, h4, strong, .cm-display-title, .cm-display-section, .cm-interface-title, .cm-section-title) {
  letter-spacing: 0;
}

html[lang="fa"] .technical-label, html[lang="fa"] .font-mono:not(code):not(pre) {
  font-family: var(--cm-font-persian);
  letter-spacing: 0;
  text-transform: none;
}

html[lang="fa"] .cm-display-title {
  font-size: clamp(2.125rem, 1.7rem + 1.8vw, 3.5rem);
  line-height: 1.28;
}

html[lang="fa"] .cm-display-section {
  font-size: clamp(1.625rem, 1.35rem + 1.15vw, 2.875rem);
  line-height: 1.36;
}

html[lang="fa"] .cm-interface-title {
  line-height: 1.42;
}

html[lang="fa"] .cm-section-title {
  line-height: 1.5;
}

@media (max-width: 48rem) {
  html[lang="fa"] :where(input, textarea, select) {
    font-size: 1rem;
  }
}

/* [project]/apps/web/src/app/state-system.css [app-client] (css) */
.comoira-experience {
  --cm-state-gap-control: .5rem;
  --cm-state-gap-group: 1.5rem;
  --cm-state-gap-major: 4rem;
  --cm-state-skeleton: color-mix(in oklch,
    var(--color-surface-muted) 88%,
    var(--color-background-cool));
}

.cm-route-loading {
  isolation: isolate;
  position: relative;
  overflow-x: clip;
}

.cm-skeleton-line, .cm-skeleton-block {
  background: var(--cm-state-skeleton);
  display: block;
}

.cm-skeleton-line {
  border-radius: var(--radius-sm);
}

.cm-skeleton-block {
  border: 1px solid color-mix(in oklch, var(--color-border) 72%, transparent);
  border-radius: var(--radius-lg);
}

.cm-state-surface {
  width: min(100%, 48rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 6vw, 4rem);
}

.cm-state-surface__title {
  color: var(--color-foreground-strong);
  font-size: var(--cm-type-interface-title);
  text-wrap: balance;
  font-weight: 650;
  line-height: 1.35;
}

.cm-state-surface__detail {
  max-width: 62ch;
  color: var(--color-muted-foreground);
  font-size: var(--cm-type-body);
  line-height: 1.75;
}

.cm-state-surface__actions {
  gap: var(--cm-state-gap-control);
  margin-top: var(--cm-state-gap-group);
  flex-wrap: wrap;
  display: flex;
}

@media (max-width: 47.99rem) {
  .cm-state-surface {
    padding-block: var(--cm-state-gap-major);
  }
}

@media (forced-colors: active) {
  .cm-skeleton-line, .cm-skeleton-block {
    background: canvas;
    border: 1px solid canvastext;
  }
}

/* [project]/apps/web/src/app/accessibility.css [app-client] (css) */
html .comoira-experience {
  --cm-responsive-gutter: var(--cm-gutter-compact);
}

.comoira-experience .container-shell {
  width: min(calc(100% - max(var(--cm-responsive-gutter), env(safe-area-inset-left)) -
        max(var(--cm-responsive-gutter), env(safe-area-inset-right))),
    var(--cm-content-width));
  margin-inline: auto;
}

.comoira-experience :where(img, video, canvas, svg):not([width="0"]):not([height="0"]) {
  max-inline-size: 100%;
}

.comoira-experience :where(main, section, article, aside, nav, form, fieldset) {
  min-inline-size: 0;
}

.comoira-experience :where(p, li, dd, dt, h1, h2, h3, h4, a, button, label) {
  overflow-wrap: break-word;
}

.comoira-experience .cm-copy-media-pair > [data-bidi-copy], .comoira-experience .cm-copy-media-pair > [data-bidi-media] {
  min-inline-size: 0;
}

@media (min-width: 64rem) {
  .comoira-experience .cm-copy-media-pair > [data-bidi-copy] {
    grid-column: 1;
  }

  .comoira-experience .cm-copy-media-pair > [data-bidi-media], .comoira-experience [data-surface="tester-opportunities"] > section:first-of-type > .container-shell > :first-child {
    grid-column: 2;
  }

  .comoira-experience [data-surface="tester-opportunities"] > section:first-of-type > .container-shell > :nth-child(2) {
    grid-column: 1;
  }
}

.comoira-experience :where(.rtl-flip, svg[class*="lucide-arrow-left"], svg[class*="lucide-arrow-right"], svg[class*="lucide-arrow-up-left"], svg[class*="lucide-arrow-up-right"], svg[class*="lucide-arrow-down-left"], svg[class*="lucide-arrow-down-right"], svg[class*="lucide-chevron-left"], svg[class*="lucide-chevron-right"]):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)) {
  scale: -1 1;
}

html {
  scroll-padding-block: calc(var(--cm-header-height) + var(--cm-rhythm-component))
    var(--cm-rhythm-group);
}

.skip-link {
  z-index: 100;
  min-height: var(--cm-touch-target);
  border: 2px solid var(--color-brand);
  border-radius: var(--cm-radius-md);
  padding-inline: var(--cm-rhythm-related);
  background: var(--color-surface);
  color: var(--color-foreground-strong);
  font-size: var(--cm-font-size-sm);
  font-weight: var(--cm-font-weight-semibold);
  box-shadow: var(--shadow-overlay);
  transform: translateY(calc(-100% - var(--cm-rhythm-component)));
  transition: transform var(--cm-duration-fast) var(--cm-ease-enter);
  align-items: center;
  display: inline-flex;
  position: fixed;
  inset-block-start: max(var(--cm-rhythm-related), env(safe-area-inset-top));
  inset-inline-start: max(var(--cm-rhythm-related), env(safe-area-inset-left));
}

.skip-link:focus-visible {
  transform: translateY(0);
}

.skip-target {
  width: 1px;
  height: 0;
  scroll-margin-top: calc(var(--cm-header-height) + var(--cm-rhythm-component));
  outline: none;
  display: block;
  overflow: hidden;
}

section[id] {
  scroll-margin-top: calc(var(--cm-header-height) + var(--cm-rhythm-component));
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  scroll-margin-block: calc(var(--cm-header-height) + var(--cm-rhythm-component))
    var(--cm-rhythm-group);
}

[data-member-header-controls="canonical"] :where(a, button) {
  min-block-size: var(--cm-touch-target);
}

@media (max-width: 63.999rem) {
  .comoira-experience main:has([data-mobile-purchase-dock="active"]) :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    scroll-margin-block-end: calc(var(--cm-touch-target) + var(--cm-rhythm-group) + env(safe-area-inset-bottom));
  }
}

@media (min-width: 48rem) {
  html .comoira-experience {
    --cm-responsive-gutter: var(--cm-gutter-medium);
  }
}

@media (min-width: 80rem) {
  html .comoira-experience {
    --cm-responsive-gutter: var(--cm-gutter-expanded);
  }
}

@media (max-width: 20rem), (max-height: 30rem) {
  .comoira-experience :where(.grid, [class*="grid-cols-"]) {
    min-inline-size: 0;
  }

  .comoira-experience :where(.sticky, [class*="sticky"], [data-layer="sticky"]) {
    position: static !important;
    inset-block-start: auto !important;
  }

  .comoira-experience [data-layer="dock"] {
    -webkit-backdrop-filter: none !important;
    max-block-size: none !important;
    position: static !important;
    inset: auto !important;
  }

  :is(.comoira-experience main:has([data-mobile-purchase-dock="active"]), .comoira-experience form:has( > [data-layer="dock"])) {
    padding-block-end: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  [class*="animate-"] {
    animation: none !important;
  }

  [class*="hover:-translate"], [class*="hover:translate"], [class*="group-hover:-translate"], [class*="group-hover:translate"] {
    transform: none !important;
  }

  [class*="active:scale"], [class*="hover:scale"], [class*="group-hover:scale"] {
    scale: none !important;
  }

  .comoira-experience :where(.rtl-flip, svg[class*="lucide-arrow-left"], svg[class*="lucide-arrow-right"], svg[class*="lucide-arrow-up-left"], svg[class*="lucide-arrow-up-right"], svg[class*="lucide-arrow-down-left"], svg[class*="lucide-arrow-down-right"], svg[class*="lucide-chevron-left"], svg[class*="lucide-chevron-right"]):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)) {
    scale: -1 1 !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  [data-material="translucent"] {
    background-color: var(--color-surface) !important;
    -webkit-backdrop-filter: none !important;
    background-image: none !important;
  }

  [data-material="scrim"] {
    background-color: var(--color-backdrop) !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (prefers-contrast: more) {
  [data-material="translucent"] {
    background-color: var(--color-surface) !important;
    -webkit-backdrop-filter: none !important;
    background-image: none !important;
  }

  :where([data-material="translucent"], [data-slot="button"], [data-slot="card"], [data-slot="input"], [data-slot="textarea"], [role="combobox"]) {
    border-color: color-mix(in oklab,
      var(--color-foreground) 48%,
      var(--color-border-strong)) !important;
  }

  :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    outline-offset: 4px;
    box-shadow: none;
    outline-width: 4px;
  }
}

@media (forced-colors: active) {
  .skip-link {
    color: canvastext;
    background: canvas;
    border-color: buttontext;
  }

  :focus-visible {
    box-shadow: none !important;
    outline-color: highlight !important;
  }

  [data-slot="button"], [data-slot="input"], [data-slot="textarea"], [data-slot="select-shell"], a, summary {
    forced-color-adjust: auto;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1bnuoni._.css.map*/