*,
:after,
:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

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

.flex {
  display: flex;
}

.w-full {
  width: 100%;
}

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

.flex-1 {
  flex: 1;
}

/* ----------------------------------------- */

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root,
  :host {
    --color-red-50: hsl(var(--color-red-50));
    --color-red-500: var(--x-red-500);
    --color-orange-50: hsl(var(--color-orange-50));
    --color-orange-500: var(--x-orange-500);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-yellow-50: hsl(var(--color-yellow-50));
    --color-yellow-500: var(--x-yellow-500);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-green-50: hsl(var(--color-green-50));
    --color-green-500: var(--x-green-500);
    --color-green-600: var(--x-green-600);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-teal-50: hsl(var(--color-teal-50));
    --color-teal-500: var(--x-teal-500);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-blue-50: hsl(var(--color-blue-50));
    --color-blue-200: var(--x-blue-200);
    --color-blue-500: var(--x-blue-500);
    --color-blue-700: var(--x-blue-700);
    --color-blue-800: var(--x-blue-800);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-purple-50: hsl(var(--color-purple-50));
    --color-purple-500: var(--x-purple-500);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-gray-50: hsl(var(--color-gray-50));
    --color-gray-100: hsl(var(--color-gray-100));
    --color-gray-200: hsl(var(--color-gray-200));
    --color-gray-300: hsl(var(--color-gray-300));
    --color-gray-400: hsl(var(--color-gray-400));
    --color-gray-500: hsl(var(--color-gray-500));
    --color-gray-600: hsl(var(--color-gray-600));
    --color-gray-700: hsl(var(--color-gray-700));
    --color-gray-800: hsl(var(--color-gray-800));
    --color-gray-900: hsl(var(--color-gray-900));
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: calc(24px * var(--x-radius-m));
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family:
      ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
      "Liberation Mono", monospace;
    --radius: calc(12px * var(--x-radius-m));
    --text-body--line-height: 20px;
    --text-subtext2--line-height: 16px;
    --color-badge: hsl(var(--color-badge));
    --color-brand: hsl(var(--color-brand));
    --color-modal-overlay: var(--color-modal-overlay);
    --color-modal-background: hsl(var(--color-modal-background));
    --color-nested-border: hsl(var(--color-nested-border));
    --color-text: hsl(var(--color-text));
    --color-background: hsl(var(--background));
    --color-brand-foreground: hsl(var(--color-brand-foreground));
    --color-blue-0: hsl(var(--color-blue-0));
    --color-gray-0: hsl(var(--color-gray-0));
    --color-gray-1000: hsl(var(--color-gray-1000));
    --color-gray-1100: hsl(var(--color-gray-1100));
    --color-green-0: hsl(var(--color-green-0));
    --color-magenta-0: hsl(var(--color-magenta-0));
    --color-magenta-50: hsl(var(--color-magenta-50));
    --color-magenta-500: var(--x-magenta-500);
    --color-orange-0: hsl(var(--color-orange-0));
    --color-plum-0: hsl(var(--color-plum-0));
    --color-plum-50: hsl(var(--color-plum-50));
    --color-plum-500: var(--x-plum-500);
    --color-purple-0: hsl(var(--color-purple-0));
    --color-red-0: hsl(var(--color-red-0));
    --color-teal-0: hsl(var(--color-teal-0));
    --color-yellow-0: hsl(var(--color-yellow-0));
    --breakpoint-mid: 774px;
    --breakpoint-wide: 1117px;
    --breakpoint-xlarge: 1150px;
    --animate-call-rise: callRise 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
}

@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;
    -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: -0.25em;
  }

  sup {
    top: -0.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  *,
  :after,
  :before,
  ::backdrop {
    border-color: hsl(var(--color-gray-200));
  }

  ::file-selector-button {
    border-color: hsl(var(--color-gray-200));
  }

  button: not(:disabled),[role=button]:not(:disabled) {
    cursor: pointer;
  }

  html,
  body,
  main {
    height: 100%;
  }

  [dir="rtl"] svg[data-icon="true"] {
    transform: scaleX(-1);
  }

  :root,
  :root[data-theme="light"],
  [data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-background: 0 0% 100%;
    --color-brand: var(--color-blue-500);
    --color-brand-foreground: 0 0% 98%;
    --color-mask: #0006;
    --color-modal-overlay: #b4b4b680;
    --color-modal-background: 0 0% 100%;
    --color-nested-border: 200 19% 84%;
    --color-text: 210 25% 8%;
    --color-badge: var(--color-blue-500);
    --background: 0 0% 100%;
    --foreground: 210 25% 8%;
    --card: var(--color-gray-0);
    --card-foreground: 210 25% 8%;
    --popover: 0 0% 100%;
    --popover-foreground: 210 25% 8%;
    --primary: var(--foreground);
    --chat-accent: var(--color-blue-500);
    --chat-accent-foreground: 0 0% 98%;
    --secondary: 197 16% 91%;
    --secondary-foreground: 207 17% 26%;
    --muted: 197 16% 91%;
    --muted-foreground: 206 15% 38%;
    --accent: var(--color-blue-200);
    --accent-foreground: var(--color-blue-700);
    --destructive: 356 91% 54%;
    --destructive-foreground: 0 0% 98%;
    --border: 197 16% 91%;
    --input: 197 16% 91%;
    --ring: var(--color-blue-500);
    --chart-1: var(--color-blue-500);
    --chart-2: var(--color-green-500);
    --chart-3: var(--color-red-500);
    --chart-4: var(--color-yellow-500);
    --chart-5: var(--color-purple-500);
    --radius: 0.5rem;
    --color-blue-0: 194 100% 96%;
    --color-blue-50: 194 100% 92%;
    --color-blue-100: 192 100% 87%;
    --color-blue-200: 196 100% 80%;
    --color-blue-300: 201 95% 70%;
    --color-blue-400: 202 91% 61%;
    --color-blue-500: 204 88% 53%;
    --color-blue-600: 207 100% 46%;
    --color-blue-700: 209 100% 42%;
    --color-blue-800: 212 100% 38%;
    --color-blue-900: 215 100% 26%;
    --color-blue-1000: 223 100% 15%;
    --color-blue-1100: 225 94% 12%;
    --color-gray-0: 180 14% 97%;
    --color-gray-50: 192 19% 95%;
    --color-gray-100: 197 16% 91%;
    --color-gray-200: 200 19% 84%;
    --color-gray-300: 201 23% 78%;
    --color-gray-400: 203 23% 69%;
    --color-gray-500: 205 20% 59%;
    --color-gray-600: 206 14% 49%;
    --color-gray-700: 206 15% 38%;
    --color-gray-800: 206 19% 31%;
    --color-gray-900: 207 17% 26%;
    --color-gray-1000: 207 20% 18%;
    --color-gray-1100: 210 25% 8%;
    --color-green-0: 160 100% 96%;
    --color-green-50: 153 67% 92%;
    --color-green-100: 153 63% 85%;
    --color-green-200: 153 59% 73%;
    --color-green-300: 154 59% 61%;
    --color-green-400: 157 61% 49%;
    --color-green-500: 160 100% 36%;
    --color-green-600: 158 100% 31%;
    --color-green-700: 158 100% 25%;
    --color-green-800: 158 100% 19%;
    --color-green-900: 157 100% 13%;
    --color-green-1000: 162 100% 7%;
    --color-green-1100: 162 100% 7%;
    --color-magenta-0: 330 100% 97%;
    --color-magenta-50: 332 100% 93%;
    --color-magenta-100: 332 96% 89%;
    --color-magenta-200: 332 96% 80%;
    --color-magenta-300: 332 95% 71%;
    --color-magenta-400: 332 95% 62%;
    --color-magenta-500: 332 95% 54%;
    --color-magenta-600: 332 84% 45%;
    --color-magenta-700: 332 85% 37%;
    --color-magenta-800: 332 86% 29%;
    --color-magenta-900: 331 90% 21%;
    --color-magenta-1000: 330 100% 12%;
    --color-magenta-1100: 330 96% 11%;
    --color-orange-0: 30 90% 96%;
    --color-orange-50: 30 100% 93%;
    --color-orange-100: 30 100% 88%;
    --color-orange-200: 29 100% 79%;
    --color-orange-300: 29 100% 69%;
    --color-orange-400: 29 100% 60%;
    --color-orange-500: 29 100% 50%;
    --color-orange-600: 27 100% 42%;
    --color-orange-700: 24 100% 35%;
    --color-orange-800: 19 100% 27%;
    --color-orange-900: 19 100% 21%;
    --color-orange-1000: 18 100% 14%;
    --color-orange-1100: 17 97% 12%;
    --color-plum-0: 300 100% 97%;
    --color-plum-50: 300 72% 93%;
    --color-plum-100: 299 67% 88%;
    --color-plum-200: 298 63% 79%;
    --color-plum-300: 299 60% 69%;
    --color-plum-400: 299 60% 60%;
    --color-plum-500: 299 60% 51%;
    --color-plum-600: 299 60% 43%;
    --color-plum-700: 298 64% 35%;
    --color-plum-800: 299 67% 26%;
    --color-plum-900: 299 77% 18%;
    --color-plum-1000: 299 100% 10%;
    --color-plum-1100: 300 88% 9%;
    --color-purple-0: 250 100% 98%;
    --color-purple-50: 250 100% 95%;
    --color-purple-100: 251 100% 92%;
    --color-purple-200: 252 100% 86%;
    --color-purple-300: 252 100% 80%;
    --color-purple-400: 252 100% 73%;
    --color-purple-500: 252 100% 67%;
    --color-purple-600: 253 68% 56%;
    --color-purple-700: 254 56% 46%;
    --color-purple-800: 256 62% 35%;
    --color-purple-900: 257 73% 25%;
    --color-purple-1000: 260 100% 15%;
    --color-purple-1100: 261 79% 11%;
    --color-red-0: 356 100% 97%;
    --color-red-50: 351 94% 93%;
    --color-red-100: 354 93% 89%;
    --color-red-200: 354 92% 80%;
    --color-red-300: 355 90% 72%;
    --color-red-400: 354 90% 63%;
    --color-red-500: 356 91% 54%;
    --color-red-600: 355 78% 46%;
    --color-red-700: 353 79% 38%;
    --color-red-800: 351 83% 30%;
    --color-red-900: 355 87% 22%;
    --color-red-1000: 356 100% 13%;
    --color-red-1100: 356 97% 12%;
    --color-teal-0: 183 100% 96%;
    --color-teal-50: 183 80% 90%;
    --color-teal-100: 183 75% 83%;
    --color-teal-200: 182 71% 69%;
    --color-teal-300: 183 70% 55%;
    --color-teal-400: 182 100% 41%;
    --color-teal-500: 182 100% 36%;
    --color-teal-600: 182 100% 30%;
    --color-teal-700: 182 100% 24%;
    --color-teal-800: 183 100% 19%;
    --color-teal-900: 184 100% 13%;
    --color-teal-1000: 185 100% 7%;
    --color-teal-1100: 185 89% 7%;
    --color-yellow-0: 54 100% 96%;
    --color-yellow-50: 59 100% 92%;
    --color-yellow-100: 59 100% 88%;
    --color-yellow-200: 54 100% 79%;
    --color-yellow-300: 52 100% 71%;
    --color-yellow-400: 50 100% 63%;
    --color-yellow-500: 50 100% 50%;
    --color-yellow-600: 47 100% 43%;
    --color-yellow-700: 42 100% 36%;
    --color-yellow-800: 36 100% 29%;
    --color-yellow-900: 34 100% 22%;
    --color-yellow-1000: 29 100% 14%;
    --color-yellow-1100: 28 94% 12%;
  }

  :root[data-theme="dark"],
  [data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-background: 0 0% 0%;
    --color-brand: var(--color-blue-500);
    --color-brand-foreground: 240 5.9% 10%;
    --color-mask: #5b708366;
    --color-modal-overlay: #5b708366;
    --color-modal-background: 0 0% 8%;
    --color-nested-border: 210 4% 46%;
    --color-text: 200 7% 91%;
    --background: 0 0% 0%;
    --foreground: 200 7% 91%;
    --card: var(--color-gray-0);
    --card-foreground: 200 7% 91%;
    --popover: 0 0% 0%;
    --popover-foreground: 200 7% 91%;
    --primary: var(--foreground);
    --chat-accent: var(--color-blue-500);
    --chat-accent-foreground: 240 5.9% 10%;
    --secondary: 210 7% 18%;
    --secondary-foreground: 200 7% 91%;
    --muted: 210 7% 18%;
    --muted-foreground: 240 5% 64.9%;
    --accent: var(--color-blue-200);
    --accent-foreground: var(--color-blue-700);
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 200 7% 91%;
    --border: 210 7% 18%;
    --input: 210 7% 18%;
    --ring: var(--color-blue-500);
    --chart-1: var(--color-blue-500);
    --chart-2: var(--color-green-500);
    --chart-3: var(--color-red-500);
    --chart-4: var(--color-yellow-500);
    --chart-5: var(--color-purple-500);
    --color-blue-0: 225 94% 12%;
    --color-blue-50: 223 100% 15%;
    --color-blue-100: 215 100% 26%;
    --color-blue-200: 212 100% 38%;
    --color-blue-300: 209 100% 42%;
    --color-blue-400: 207 100% 46%;
    --color-blue-500: 204 88% 53%;
    --color-blue-600: 202 91% 61%;
    --color-blue-700: 201 95% 70%;
    --color-blue-800: 196 100% 80%;
    --color-blue-900: 192 100% 87%;
    --color-blue-1000: 194 100% 92%;
    --color-blue-1100: 194 100% 96%;
    --color-gray-0: 220 12% 10%;
    --color-gray-50: 214 10% 14%;
    --color-gray-100: 210 7% 18%;
    --color-gray-200: 210 6% 21%;
    --color-gray-300: 210 5% 25%;
    --color-gray-400: 214 4% 31%;
    --color-gray-500: 213 5% 37%;
    --color-gray-600: 207 4% 41%;
    --color-gray-700: 210 4% 46%;
    --color-gray-800: 207 4% 59%;
    --color-gray-900: 210 4% 73%;
    --color-gray-1000: 204 6% 85%;
    --color-gray-1100: 200 7% 91%;
    --color-green-0: 162 100% 7%;
    --color-green-50: 162 100% 7%;
    --color-green-100: 157 100% 13%;
    --color-green-200: 158 100% 19%;
    --color-green-300: 158 100% 25%;
    --color-green-400: 158 100% 31%;
    --color-green-500: 160 100% 36%;
    --color-green-600: 157 61% 49%;
    --color-green-700: 154 59% 61%;
    --color-green-800: 153 59% 73%;
    --color-green-900: 153 63% 85%;
    --color-green-1000: 153 67% 92%;
    --color-green-1100: 160 100% 96%;
    --color-magenta-0: 330 96% 11%;
    --color-magenta-50: 330 100% 12%;
    --color-magenta-100: 331 90% 21%;
    --color-magenta-200: 332 86% 29%;
    --color-magenta-300: 332 85% 37%;
    --color-magenta-400: 332 84% 45%;
    --color-magenta-500: 332 95% 54%;
    --color-magenta-600: 332 95% 62%;
    --color-magenta-700: 332 95% 71%;
    --color-magenta-800: 332 96% 80%;
    --color-magenta-900: 332 96% 89%;
    --color-magenta-1000: 332 100% 93%;
    --color-magenta-1100: 330 100% 97%;
    --color-orange-0: 17 97% 12%;
    --color-orange-50: 18 100% 14%;
    --color-orange-100: 19 100% 21%;
    --color-orange-200: 19 100% 27%;
    --color-orange-300: 24 100% 35%;
    --color-orange-400: 27 100% 42%;
    --color-orange-500: 29 100% 50%;
    --color-orange-600: 29 100% 60%;
    --color-orange-700: 29 100% 69%;
    --color-orange-800: 29 100% 79%;
    --color-orange-900: 30 100% 88%;
    --color-orange-1000: 30 100% 93%;
    --color-orange-1100: 30 90% 96%;
    --color-plum-0: 300 88% 9%;
    --color-plum-50: 299 100% 10%;
    --color-plum-100: 299 77% 18%;
    --color-plum-200: 299 67% 26%;
    --color-plum-300: 298 64% 35%;
    --color-plum-400: 299 60% 43%;
    --color-plum-500: 299 60% 51%;
    --color-plum-600: 299 60% 60%;
    --color-plum-700: 299 60% 69%;
    --color-plum-800: 298 63% 79%;
    --color-plum-900: 299 67% 88%;
    --color-plum-1000: 300 72% 93%;
    --color-plum-1100: 300 100% 97%;
    --color-purple-0: 261 79% 11%;
    --color-purple-50: 260 100% 15%;
    --color-purple-100: 257 73% 25%;
    --color-purple-200: 256 62% 35%;
    --color-purple-300: 254 56% 46%;
    --color-purple-400: 253 68% 56%;
    --color-purple-500: 252 100% 67%;
    --color-purple-600: 252 100% 73%;
    --color-purple-700: 252 100% 80%;
    --color-purple-800: 252 100% 86%;
    --color-purple-900: 251 100% 92%;
    --color-purple-1000: 250 100% 95%;
    --color-purple-1100: 250 100% 98%;
    --color-red-0: 356 97% 12%;
    --color-red-50: 356 100% 13%;
    --color-red-100: 355 87% 22%;
    --color-red-200: 351 83% 30%;
    --color-red-300: 353 79% 38%;
    --color-red-400: 355 78% 46%;
    --color-red-500: 356 91% 54%;
    --color-red-600: 354 90% 63%;
    --color-red-700: 355 90% 72%;
    --color-red-800: 354 92% 80%;
    --color-red-900: 354 93% 89%;
    --color-red-1000: 351 94% 93%;
    --color-red-1100: 356 100% 97%;
    --color-teal-0: 185 89% 7%;
    --color-teal-50: 185 100% 7%;
    --color-teal-100: 184 100% 13%;
    --color-teal-200: 183 100% 19%;
    --color-teal-300: 182 100% 24%;
    --color-teal-400: 182 100% 30%;
    --color-teal-500: 182 100% 36%;
    --color-teal-600: 182 100% 41%;
    --color-teal-700: 183 70% 55%;
    --color-teal-800: 182 71% 69%;
    --color-teal-900: 183 75% 83%;
    --color-teal-1000: 183 80% 90%;
    --color-teal-1100: 183 100% 96%;
    --color-yellow-0: 28 94% 12%;
    --color-yellow-50: 29 100% 14%;
    --color-yellow-100: 34 100% 22%;
    --color-yellow-200: 36 100% 29%;
    --color-yellow-300: 42 100% 36%;
    --color-yellow-400: 47 100% 43%;
    --color-yellow-500: 50 100% 50%;
    --color-yellow-600: 50 100% 63%;
    --color-yellow-700: 52 100% 71%;
    --color-yellow-800: 54 100% 79%;
    --color-yellow-900: 59 100% 88%;
    --color-yellow-1000: 59 100% 92%;
    --color-yellow-1100: 54 100% 96%;
  }

  :-moz-focusring {
    outline: unset;
  }

  input: :placeholder,textarea::placeholder {
    color: unset;
  }

  * {
    border-color: hsl(var(--border));
  }

  body {
    background-color: hsl(var(--background));
    font-family:
      TwitterChirp,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      Roboto,
      Helvetica,
      Arial,
      Apple Color Emoji,
      Segoe UI Emoji,
      Noto Color Emoji,
      Twemoji Mozilla,
      sans-serif;
    font-size: 15px;
    line-height: var(--tw-leading, 20px);
    color: hsl(var(--foreground));
  }

  body {
    font-family: "Bricolage Grotesque", sans-serif !important;
  }

  @media (pointer: coarse) {
    input,
    textarea,
    select,
    [contenteditable="true"] {
      font-size: 16px;
    }
  }

  html body[data-scroll-locked] {
    overscroll-behavior: auto !important;
    margin-right: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  @supports (corner-shape: squircle) {
    :is(
      .rounded-xxs,
      .rounded-legacy,
      .rounded-xs,
      .rounded-sm,
      .rounded,
      .rounded-md,
      .rounded-lg,
      .rounded-xl
    ) {
      --x-radius-m: 1.8;
      corner-shape: squircle;
    }
  }
}

@layer components,utilities;
.\@container\/nav {
  container: nav/inline-size;
}

.\@container {
  container-type: inline-size;
}

.\[container-type\:size\] {
  container-type: size;
}

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

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

.collapse {
  visibility: collapse;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

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

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

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

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

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.-inset-0\.5 {
  inset: -2px;
}

.inset-0 {
  inset: 0;
}

.inset-1 {
  inset: 4px;
}

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

.inset-x-4 {
  inset-inline: 16px;
}

.inset-x-8 {
  inset-inline: 32px;
}

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

.inset-y-3 {
  inset-block: 12px;
}

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

.inset-s-1 {
  inset-inline-start: 4px;
}

.inset-s-1\/2 {
  inset-inline-start: 50%;
}

.inset-s-2 {
  inset-inline-start: 8px;
}

.inset-s-3 {
  inset-inline-start: 12px;
}

.inset-s-\[calc\(100\%\+8px\)\] {
  inset-inline-start: calc(100% + 8px);
}

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

.start-1 {
  inset-inline-start: 4px;
}

.start-1\.5 {
  inset-inline-start: 6px;
}

.start-1\/2 {
  inset-inline-start: 50%;
}

.start-2 {
  inset-inline-start: 8px;
}

.start-3 {
  inset-inline-start: 12px;
}

.start-6 {
  inset-inline-start: 24px;
}

.start-12 {
  inset-inline-start: 48px;
}

.start-\[calc\(100\%-3px\)\] {
  inset-inline-start: calc(100% - 3px);
}

.-end-0\.5 {
  inset-inline-end: -2px;
}

.-end-1 {
  inset-inline-end: -4px;
}

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

.end-0\.5 {
  inset-inline-end: 2px;
}

.end-1 {
  inset-inline-end: 4px;
}

.end-1\/2 {
  inset-inline-end: 50%;
}

.end-2 {
  inset-inline-end: 8px;
}

.end-3 {
  inset-inline-end: 12px;
}

.end-6 {
  inset-inline-end: 24px;
}

.inset-e-0 {
  inset-inline-end: 0;
}

.inset-e-1 {
  inset-inline-end: 4px;
}

.inset-e-2 {
  inset-inline-end: 8px;
}

.inset-e-3 {
  inset-inline-end: 12px;
}

.inset-e-4 {
  inset-inline-end: 16px;
}

.inset-e-5 {
  inset-inline-end: 20px;
}

.inset-e-\[3vw\] {
  inset-inline-end: 3vw;
}

.-top-0\.5 {
  top: -2px;
}

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

.-top-1\.5 {
  top: -6px;
}

.-top-2 {
  top: -8px;
}

.-top-3 {
  top: -12px;
}

.-top-16 {
  top: -64px;
}

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

.top-\(--sidebar-pin-top\) {
  top: var(--sidebar-pin-top);
}

.top-\(--sticky-header-height\,53px\) {
  top: var(--sticky-header-height, 53px);
}

.top-0 {
  top: 0;
}

.top-0\.5 {
  top: 2px;
}

.top-1 {
  top: 4px;
}

.top-1\.5 {
  top: 6px;
}

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

.top-2 {
  top: 8px;
}

.top-2\.5 {
  top: 10px;
}

.top-3 {
  top: 12px;
}

.top-4 {
  top: 16px;
}

.top-5 {
  top: 20px;
}

.top-10 {
  top: 40px;
}

.top-12 {
  top: 48px;
}

.top-14 {
  top: 56px;
}

.top-16 {
  top: 64px;
}

.top-20 {
  top: 80px;
}

.top-24 {
  top: 96px;
}

.top-28 {
  top: 112px;
}

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

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

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

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

.top-\[min\(0px\,calc\(100dvh_-_var\(--sticky-view-height\,100dvh\)\)\)\] {
  top: min(0px, calc(100dvh - var(--sticky-view-height, 100dvh)));
}

.top-full {
  top: 100%;
}

.-right-1 {
  right: -4px;
}

.-right-1\.5 {
  right: -6px;
}

.-right-2 {
  right: -8px;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 4px;
}

.right-2 {
  right: 8px;
}

.right-2\.5 {
  right: 10px;
}

.right-3 {
  right: 12px;
}

.right-4 {
  right: 16px;
}

.right-6 {
  right: 24px;
}

.right-8 {
  right: 32px;
}

.right-\[-3px\] {
  right: -3px;
}

.right-\[52px\] {
  right: 52px;
}

.right-full {
  right: 100%;
}

.-bottom-1 {
  bottom: -4px;
}

.-bottom-2 {
  bottom: -8px;
}

.-bottom-3 {
  bottom: -12px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: 4px;
}

.bottom-2 {
  bottom: 8px;
}

.bottom-3 {
  bottom: 12px;
}

.bottom-4 {
  bottom: 16px;
}

.bottom-6 {
  bottom: 24px;
}

.bottom-8 {
  bottom: 32px;
}

.bottom-20 {
  bottom: 80px;
}

.bottom-24 {
  bottom: 96px;
}

.bottom-32 {
  bottom: 128px;
}

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

.bottom-\[3vw\] {
  bottom: 3vw;
}

.bottom-\[calc\(100\%\+1\.5rem\)\] {
  bottom: calc(100% + 1.5rem);
}

.bottom-full {
  bottom: 100%;
}

.-left-1 {
  left: -4px;
}

.-left-2 {
  left: -8px;
}

.left-\(--active-tab-left\) {
  left: var(--active-tab-left);
}

.left-0 {
  left: 0;
}

.left-1 {
  left: 4px;
}

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

.left-2 {
  left: 8px;
}

.left-3 {
  left: 12px;
}

.left-4 {
  left: 16px;
}

.left-6 {
  left: 24px;
}

.left-40 {
  left: 160px;
}

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

.left-\[calc\(var\(--active-tab-left\)\+1rem\)\]\! {
  left: calc(var(--active-tab-left) + 1rem) !important;
}

.left-full {
  left: 100%;
}

.isolate {
  isolation: isolate;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

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

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

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

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

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

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

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

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

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

.row-span-full {
  grid-row: 1/-1;
}

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

.container {
  width: 100%;
}

@media (width>=500px) {
  .container {
    max-width: 500px;
  }
}

@media (width>=517px) {
  .container {
    max-width: 517px;
  }
}

@media (width>=688px) {
  .container {
    max-width: 688px;
  }
}

@media (width>=774px) {
  .container {
    max-width: 774px;
  }
}

@media (width>=988px) {
  .container {
    max-width: 988px;
  }
}

@media (width>=1008px) {
  .container {
    max-width: 1008px;
  }
}

@media (width>=1078px) {
  .container {
    max-width: 1078px;
  }
}

@media (width>=1117px) {
  .container {
    max-width: 1117px;
  }
}

@media (width>=1150px) {
  .container {
    max-width: 1150px;
  }
}

@media (width>=1265px) {
  .container {
    max-width: 1265px;
  }
}

@media (width>=1325px) {
  .container {
    max-width: 1325px;
  }
}

@media (width>=1385px) {
  .container {
    max-width: 1385px;
  }
}

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

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

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

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

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

.container\! {
  width: 100% !important;
}

@media (width>=500px) {
  .container\! {
    max-width: 500px !important;
  }
}

@media (width>=517px) {
  .container\! {
    max-width: 517px !important;
  }
}

@media (width>=688px) {
  .container\! {
    max-width: 688px !important;
  }
}

@media (width>=774px) {
  .container\! {
    max-width: 774px !important;
  }
}

@media (width>=988px) {
  .container\! {
    max-width: 988px !important;
  }
}

@media (width>=1008px) {
  .container\! {
    max-width: 1008px !important;
  }
}

@media (width>=1078px) {
  .container\! {
    max-width: 1078px !important;
  }
}

@media (width>=1117px) {
  .container\! {
    max-width: 1117px !important;
  }
}

@media (width>=1150px) {
  .container\! {
    max-width: 1150px !important;
  }
}

@media (width>=1265px) {
  .container\! {
    max-width: 1265px !important;
  }
}

@media (width>=1325px) {
  .container\! {
    max-width: 1325px !important;
  }
}

@media (width>=1385px) {
  .container\! {
    max-width: 1385px !important;
  }
}

@media (width>=40rem) {
  .container\! {
    max-width: 40rem !important;
  }
}

@media (width>=48rem) {
  .container\! {
    max-width: 48rem !important;
  }
}

@media (width>=64rem) {
  .container\! {
    max-width: 64rem !important;
  }
}

@media (width>=80rem) {
  .container\! {
    max-width: 80rem !important;
  }
}

@media (width>=96rem) {
  .container\! {
    max-width: 96rem !important;
  }
}

.-m-0\.5 {
  margin: -2px;
}

.-m-1 {
  margin: -4px;
}

.-m-4 {
  margin: -16px;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 4px;
}

.m-2 {
  margin: 8px;
}

.m-4 {
  margin: 16px;
}

.m-5 {
  margin: 20px;
}

.m-auto {
  margin: auto;
}

.-mx-1 {
  margin-inline: -4px;
}

.-mx-2 {
  margin-inline: -8px;
}

.-mx-2\.5 {
  margin-inline: -10px;
}

.-mx-4 {
  margin-inline: -16px;
}

.mx-1 {
  margin-inline: 4px;
}

.mx-2 {
  margin-inline: 8px;
}

.mx-3 {
  margin-inline: 12px;
}

.mx-4 {
  margin-inline: 16px;
}

.mx-5 {
  margin-inline: 20px;
}

.mx-6 {
  margin-inline: 24px;
}

.mx-16 {
  margin-inline: 64px;
}

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

.mx-px {
  margin-inline: 1px;
}

.-my-1 {
  margin-block: -4px;
}

.-my-2 {
  margin-block: -8px;
}

.-my-3 {
  margin-block: -12px;
}

.-my-\[0\.45em\] {
  margin-block: -0.45em;
}

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

.my-0\.5 {
  margin-block: 2px;
}

.my-1 {
  margin-block: 4px;
}

.my-2 {
  margin-block: 8px;
}

.my-3 {
  margin-block: 12px;
}

.my-4 {
  margin-block: 16px;
}

.my-5 {
  margin-block: 20px;
}

.my-6 {
  margin-block: 24px;
}

.my-8 {
  margin-block: 32px;
}

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

.-ms-1\.5 {
  margin-inline-start: -6px;
}

.-ms-2 {
  margin-inline-start: -8px;
}

.-ms-2\.5 {
  margin-inline-start: -10px;
}

.-ms-3\.5 {
  margin-inline-start: -14px;
}

.-ms-\[62px\] {
  margin-inline-start: -62px;
}

.ms-0\.5 {
  margin-inline-start: 2px;
}

.ms-1 {
  margin-inline-start: 4px;
}

.ms-1\.5 {
  margin-inline-start: 6px;
}

.ms-2 {
  margin-inline-start: 8px;
}

.ms-3 {
  margin-inline-start: 12px;
}

.ms-5 {
  margin-inline-start: 20px;
}

.ms-14 {
  margin-inline-start: 56px;
}

.ms-\[5px\] {
  margin-inline-start: 5px;
}

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

.-me-2 {
  margin-inline-end: -8px;
}

.-me-2\.5 {
  margin-inline-end: -10px;
}

.-me-3\.5 {
  margin-inline-end: -14px;
}

.-me-4 {
  margin-inline-end: -16px;
}

.-me-5 {
  margin-inline-end: -20px;
}

.me-1 {
  margin-inline-end: 4px;
}

.me-2 {
  margin-inline-end: 8px;
}

.me-2\.5 {
  margin-inline-end: 10px;
}

.me-3 {
  margin-inline-end: 12px;
}

.me-4 {
  margin-inline-end: 16px;
}

.me-6 {
  margin-inline-end: 24px;
}

.me-8 {
  margin-inline-end: 32px;
}

.me-auto {
  margin-inline-end: auto;
}

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

.-mt-2 {
  margin-top: -8px;
}

.-mt-2\.5 {
  margin-top: -10px;
}

.-mt-3 {
  margin-top: -12px;
}

.-mt-6 {
  margin-top: -24px;
}

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

.mt-0\.5 {
  margin-top: 2px;
}

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

.mt-1\.5 {
  margin-top: 6px;
}

.mt-2 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-7 {
  margin-top: 28px;
}

.mt-8 {
  margin-top: 32px;
}

.mt-10 {
  margin-top: 40px;
}

.mt-12 {
  margin-top: 48px;
}

.mt-14 {
  margin-top: 56px;
}

.mt-20 {
  margin-top: 80px;
}

.mt-24 {
  margin-top: 96px;
}

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

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

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

.-mr-1\.5 {
  margin-right: -6px;
}

.mr-1 {
  margin-right: 4px;
}

.mr-2 {
  margin-right: 8px;
}

.mr-3 {
  margin-right: 12px;
}

.mr-6 {
  margin-right: 24px;
}

.mr-9 {
  margin-right: 36px;
}

.-mb-0\.5 {
  margin-bottom: -2px;
}

.-mb-6 {
  margin-bottom: -24px;
}

.-mb-10 {
  margin-bottom: -40px;
}

.mb-0\.5 {
  margin-bottom: 2px;
}

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

.mb-2 {
  margin-bottom: 8px;
}

.mb-2\.5 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mb-3\.5 {
  margin-bottom: 14px;
}

.mb-4 {
  margin-bottom: 48px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mb-6 {
  margin-bottom: 24px;
}

.mb-7 {
  margin-bottom: 28px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mb-10 {
  margin-bottom: 40px;
}

.mb-12 {
  margin-bottom: 48px;
}

.mb-14 {
  margin-bottom: 56px;
}

.mb-20 {
  margin-bottom: 80px;
}

.mb-\[0\.5\] {
  margin-bottom: 0.5px;
}

.mb-\[18px\] {
  margin-bottom: 18px;
}

.mb-\[calc\(4rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
  margin-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
}

.-ml-2 {
  margin-left: -8px;
}

.-ml-7 {
  margin-left: -28px;
}

.ml-0\! {
  margin-left: 0 !important;
}

.ml-0\.5 {
  margin-left: 2px;
}

.ml-1 {
  margin-left: 4px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-3 {
  margin-left: 12px;
}

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

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

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

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

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

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

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

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

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

.line-clamp-10 {
  -webkit-line-clamp: 10;
  -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 {
  display: inline;
}

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

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

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

.table {
  display: table;
}

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

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

.aspect-3\/1 {
  aspect-ratio: 3;
}

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

.aspect-5\/2 {
  aspect-ratio: 5/2;
}

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

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

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

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

.size-\(--cell-size\) {
  width: var(--cell-size);
  height: var(--cell-size);
}

.size-\(--profile-avatar-size\) {
  width: var(--profile-avatar-size);
  height: var(--profile-avatar-size);
}

.size-0\.5 {
  width: 2px;
  height: 2px;
}

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

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

.size-2 {
  width: 8px;
  height: 8px;
}

.size-2\.5 {
  width: 10px;
  height: 10px;
}

.size-2\/5 {
  width: 40%;
  height: 40%;
}

.size-3 {
  width: 12px;
  height: 12px;
}

.size-3\.5 {
  width: 14px;
  height: 14px;
}

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

.size-4 {
  width: 16px;
  height: 16px;
}

.size-5 {
  width: 20px;
  height: 20px;
}

.size-5\! {
  width: 20px !important;
  height: 20px !important;
}

.size-6 {
  width: 24px;
  height: 24px;
}

.size-7 {
  width: 28px;
  height: 28px;
}

.size-8 {
  width: 32px;
  height: 32px;
}

.size-9 {
  width: 36px;
  height: 36px;
}

.size-9\! {
  width: 36px !important;
  height: 36px !important;
}

.size-10 {
  width: 40px;
  height: 40px;
}

.size-11 {
  width: 44px;
  height: 44px;
}

.size-12 {
  width: 48px;
  height: 48px;
}

.size-14 {
  width: 56px;
  height: 56px;
}

.size-16 {
  width: 64px;
  height: 64px;
}

.size-20 {
  width: 80px;
  height: 80px;
}

.size-24 {
  width: 96px;
  height: 96px;
}

.size-\[1\.2em\] {
  width: 1.2em;
  height: 1.2em;
}

.size-\[1\.25em\] {
  width: 1.25em;
  height: 1.25em;
}

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

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

.size-\[7px\] {
  width: 7px;
  height: 7px;
}

.size-\[10px\] {
  width: 10px;
  height: 10px;
}

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

.size-\[13px\] {
  width: 13px;
  height: 13px;
}

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

.size-\[18px\] {
  width: 18px;
  height: 18px;
}

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

.size-\[30px\] {
  width: 30px;
  height: 30px;
}

.size-\[35px\] {
  width: 35px;
  height: 35px;
}

.size-\[40\%\] {
  width: 40%;
  height: 40%;
}

.size-\[48px\] {
  width: 48px;
  height: 48px;
}

.size-\[50px\] {
  width: 50px;
  height: 50px;
}

.size-\[54px\] {
  width: 54px;
  height: 54px;
}

.size-\[88px\] {
  width: 88px;
  height: 88px;
}

.size-\[96px\] {
  width: 96px;
  height: 96px;
}

.size-\[136px\] {
  width: 136px;
  height: 136px;
}

.size-\[150px\] {
  width: 150px;
  height: 150px;
}

.size-\[168px\] {
  width: 168px;
  height: 168px;
}

.size-\[200px\] {
  width: 200px;
  height: 200px;
}

.size-\[224\.5\%\] {
  width: 224.5%;
  height: 224.5%;
}

.size-\[clamp\(2rem\,40cqmin\,10rem\)\] {
  width: clamp(2rem, 40cqmin, 10rem);
  height: clamp(2rem, 40cqmin, 10rem);
}

.size-\[min\(70vw\,420px\)\] {
  width: min(70vw, 420px);
  height: min(70vw, 420px);
}

.size-\[var\(--cell-size\)\] {
  width: var(--cell-size);
  height: var(--cell-size);
}

.size-auto {
  width: auto;
  height: auto;
}

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

.\!h-auto {
  height: auto !important;
}

.h-\(--radix-select-trigger-height\) {
  height: var(--radix-select-trigger-height);
}

.h-\(--transcript-bottom-offset\) {
  height: var(--transcript-bottom-offset);
}

.h-0 {
  height: 0;
}

.h-0\.5 {
  height: 2px;
}

.h-1 {
  height: 4px;
}

.h-1\.5 {
  height: 6px;
}

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

.h-2 {
  height: 8px;
}

.h-2\.5 {
  height: 10px;
}

.h-2\/5 {
  height: 40%;
}

.h-3 {
  height: 12px;
}

.h-3\.5 {
  height: 14px;
}

.h-4 {
  height: 16px;
}

.h-5 {
  height: 20px;
}

.h-6 {
  height: 24px;
}

.h-7 {
  height: 28px;
}

.h-8 {
  height: 32px;
}

.h-8\! {
  height: 32px !important;
}

.h-9 {
  height: 36px;
}

.h-10 {
  height: 40px;
}

.h-11 {
  height: 44px;
}

.h-12 {
  height: 48px;
}

.h-14 {
  height: 56px;
}

.h-16 {
  height: 64px;
}

.h-20 {
  height: 80px;
}

.h-24 {
  height: 96px;
}

.h-28 {
  height: 112px;
}

.h-32 {
  height: 128px;
}

.h-36 {
  height: 144px;
}

.h-40 {
  height: 160px;
}

.h-52 {
  height: 208px;
}

.h-60 {
  height: 240px;
}

.h-64 {
  height: 256px;
}

.h-80 {
  height: 320px;
}

.h-80\! {
  height: 320px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[52px\]\! {
  height: 52px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100svh-74px\)\] {
  height: calc(100svh - 74px);
}

.h-\[calc\(100vh-60px\)\] {
  height: calc(100vh - 60px);
}

.h-\[min\(50vh\,360px\)\] {
  height: min(50vh, 360px);
}

.h-\[min\(400px\,90vw\)\] {
  height: min(400px, 90vw);
}

.h-\[min\(560px\,calc\(100dvh-88px\)\)\] {
  height: min(560px, 100dvh - 88px);
}

.h-\[var\(--cell-size\)\] {
  height: var(--cell-size);
}

.h-auto {
  height: auto;
}

.h-auto\! {
  height: auto !important;
}

.h-dvh {
  height: 100dvh;
}

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

.h-full {
  height: 100%;
}

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

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.h-svh {
  height: 100svh;
}

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

.max-h-5 {
  max-height: 20px;
}

.max-h-8 {
  max-height: 32px;
}

.max-h-32 {
  max-height: 128px;
}

.max-h-40 {
  max-height: 160px;
}

.max-h-48 {
  max-height: 192px;
}

.max-h-52 {
  max-height: 208px;
}

.max-h-60 {
  max-height: 240px;
}

.max-h-80 {
  max-height: 320px;
}

.max-h-96 {
  max-height: 384px;
}

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

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

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

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

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

.max-h-\[60vh\] {
  max-height: 60vh;
}

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

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

.max-h-\[70vh\] {
  max-height: 70vh;
}

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

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

.max-h-\[85vh\] {
  max-height: 85vh;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-h-\[calc\(var\(--textarea-max-lines\)\*1lh\+1\.5rem\+2px\)\] {
  max-height: calc(var(--textarea-max-lines) * 1lh + 1.5rem + 2px);
}

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

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

.max-h-\[min\(20rem\,var\(--available-height\)\)\] {
  max-height: min(20rem, var(--available-height));
}

.max-h-\[min\(70vh\,640px\)\] {
  max-height: min(70vh, 640px);
}

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

.max-h-none {
  max-height: none;
}

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

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

.min-h-4 {
  min-height: 16px;
}

.min-h-5 {
  min-height: 20px;
}

.min-h-6 {
  min-height: 24px;
}

.min-h-8 {
  min-height: 32px;
}

.min-h-9 {
  min-height: 36px;
}

.min-h-10 {
  min-height: 40px;
}

.min-h-11 {
  min-height: 44px;
}

.min-h-12 {
  min-height: 48px;
}

.min-h-14 {
  min-height: 56px;
}

.min-h-16 {
  min-height: 64px;
}

.min-h-40 {
  min-height: 160px;
}

.min-h-60 {
  min-height: 240px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[calc\(var\(--profile-avatar-size\)\/2\)\] {
  min-height: calc(var(--profile-avatar-size) / 2);
}

.min-h-\[calc\(var\(--textarea-min-lines\)\*1lh\+1\.5rem\+2px\)\] {
  min-height: calc(var(--textarea-min-lines) * 1lh + 1.5rem + 2px);
}

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

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

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

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

.scrollbar-thin-custom {
  scrollbar-width: thin;
  scrollbar-color: #9ca3af80 transparent;
}

.scrollbar-thin-custom::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-thin-custom::-webkit-scrollbar-thumb {
  background-color: #9ca3af80;
  border-radius: 4px;
  width: 4px;
}

.scrollbar-thin-custom::-webkit-scrollbar-track {
  background: 0 0;
}

.w-\(--active-tab-width\) {
  width: var(--active-tab-width);
}

.w-\(--anchor-width\) {
  width: var(--anchor-width);
}

.w-0 {
  width: 0;
}

.w-0\.5 {
  width: 2px;
}

.w-1 {
  width: 4px;
}

.w-1\.5 {
  width: 6px;
}

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

.w-1\/3 {
  width: 33.3333%;
}

.w-1\/12 {
  width: 8.33333%;
}

.w-2 {
  width: 8px;
}

.w-2\.5 {
  width: 10px;
}

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

.w-2\/5 {
  width: 40%;
}

.w-3 {
  width: 12px;
}

.w-3\.5 {
  width: 14px;
}

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

.w-4 {
  width: 16px;
}

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

.w-5 {
  width: 20px;
}

.w-6 {
  width: 24px;
}

.w-7 {
  width: 28px;
}

.w-8 {
  width: 32px;
}

.w-8\! {
  width: 32px !important;
}

.w-9 {
  width: 36px;
}

.w-10 {
  width: 40px;
}

.w-11 {
  width: 44px;
}

.w-11\/12 {
  width: 91.6667%;
}

.w-12 {
  width: 48px;
}

.w-14 {
  width: 56px;
}

.w-16 {
  width: 64px;
}

.w-20 {
  width: 80px;
}

.w-24 {
  width: 96px;
}

.w-28 {
  width: 112px;
}

.w-32 {
  width: 128px;
}

.w-36 {
  width: 144px;
}

.w-40 {
  width: 160px;
}

.w-44 {
  width: 176px;
}

.w-48 {
  width: 192px;
}

.w-52 {
  width: 208px;
}

.w-56 {
  width: 224px;
}

.w-60 {
  width: 240px;
}

.w-64 {
  width: 256px;
}

.w-72 {
  width: 288px;
}

.w-80 {
  width: 320px;
}

.w-\[1em\] {
  width: 1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%\+16px\)\] {
  width: calc(100% + 16px);
}

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}

.w-\[calc\(100\%\/1\.15\)\] {
  width: 86.9565%;
}

.w-\[calc\(100vw-32px\)\] {
  width: calc(100vw - 32px);
}

.w-\[calc\(var\(--active-tab-width\)-2rem\)\]\! {
  width: calc(var(--active-tab-width) - 2rem) !important;
}

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

.w-\[min\(100\%\,177\.78cqh\)\] {
  width: min(100%, 177.78cqh);
}

.w-\[min\(100\%\,600px\,177\.78cqh\)\] {
  width: min(100%, 600px, 177.78cqh);
}

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

.w-\[min\(600px\,calc\(100vw-2rem\)\)\] {
  width: min(600px, 100vw - 2rem);
}

.w-\[var\(--cell-size\)\] {
  width: var(--cell-size);
}

.w-auto {
  width: auto;
}

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

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

.w-full {
  width: 100%;
}

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

.w-px {
  width: 1px;
}

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

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

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

.max-w-5 {
  max-width: 20px;
}

.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-8 {
  max-width: 32px;
}

.max-w-16 {
  max-width: 64px;
}

.max-w-36 {
  max-width: 144px;
}

.max-w-40 {
  max-width: 160px;
}

.max-w-48 {
  max-width: 192px;
}

.max-w-72 {
  max-width: 288px;
}

.max-w-80 {
  max-width: 320px;
}

.max-w-96 {
  max-width: 384px;
}

.max-w-\[19em\] {
  max-width: 19em;
}

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

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

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

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

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

.max-w-\[66\.666\%\] {
  max-width: 66.666%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(6\*3rem\+5\*0\.5rem\)\] {
  max-width: 20.5rem;
}

.max-w-\[calc\(55\%\+128px\)\] {
  max-width: calc(55% + 128px);
}

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

.max-w-\[calc\(100\%-16px\)\] {
  max-width: calc(100% - 16px);
}

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

.max-w-dvw {
  max-width: 100dvw;
}

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

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

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

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

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

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

.max-w-screen {
  max-width: 100vw;
}

.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-\(--cell-size\) {
  min-width: var(--cell-size);
}

.min-w-\(--radix-select-trigger-width\) {
  min-width: var(--radix-select-trigger-width);
}

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

.min-w-4 {
  min-width: 16px;
}

.min-w-5 {
  min-width: 20px;
}

.min-w-5\! {
  min-width: 20px !important;
}

.min-w-6 {
  min-width: 24px;
}

.min-w-8 {
  min-width: 32px;
}

.min-w-8\! {
  min-width: 32px !important;
}

.min-w-9 {
  min-width: 36px;
}

.min-w-10 {
  min-width: 40px;
}

.min-w-11 {
  min-width: 44px;
}

.min-w-12 {
  min-width: 48px;
}

.min-w-14 {
  min-width: 56px;
}

.min-w-16 {
  min-width: 64px;
}

.min-w-32 {
  min-width: 128px;
}

.min-w-56 {
  min-width: 224px;
}

.min-w-60 {
  min-width: 240px;
}

.min-w-64 {
  min-width: 256px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-\[var\(--anchor-width\)\] {
  min-width: var(--anchor-width);
}

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

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-4 {
  flex: 4;
}

.flex-none {
  flex: none;
}

.shrink {
  flex-shrink: 1;
}

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

.grow {
  flex-grow: 1;
}

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

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

.basis-64 {
  flex-basis: 256px;
}

.basis-\[calc\(\(100\%\+48px\)\/2\)\] {
  flex-basis: calc(50% + 24px);
}

.basis-\[calc\(\(200\%\+48px\)\/3\)\] {
  flex-basis: calc(66.6667% + 16px);
}

.basis-auto {
  flex-basis: auto;
}

.caption-bottom {
  caption-side: bottom;
}

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

.origin-\(--radix-hover-card-content-transform-origin\) {
  transform-origin: var(--radix-hover-card-content-transform-origin);
}

.origin-\[var\(--transform-origin\)\] {
  transform-origin: var(--transform-origin);
}

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

.origin-bottom-left {
  transform-origin: 0 100%;
}

.origin-bottom-right {
  transform-origin: 100% 100%;
}

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

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

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

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

.-translate-x-1 {
  --tw-translate-x: calc(4px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

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

.translate-x-0 {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

.translate-x-6 {
  --tw-translate-x: 24px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

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

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

.translate-x-\[calc\(50cqw-50\%\)\] {
  --tw-translate-x: calc(50cqw - 50%);
  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(8px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-4 {
  --tw-translate-y: calc(16px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-6 {
  --tw-translate-y: calc(24px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-8 {
  --tw-translate-y: calc(32px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

.translate-y-0 {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

.translate-y-2 {
  --tw-translate-y: 8px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.translate-y-20 {
  --tw-translate-y: 80px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

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

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

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

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

.scale-0 {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  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-80 {
  --tw-scale-x: 80%;
  --tw-scale-y: 80%;
  --tw-scale-z: 80%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}

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

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

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

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

.scale-x-\[-1\] {
  --tw-scale-x: -1;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}

.scale-\[0\.8\] {
  scale: 0.8;
}

.scale-\[0\.9\] {
  scale: 0.9;
}

.scale-\[0\.84\] {
  scale: 0.84;
}

.scale-\[0\.85\] {
  scale: 0.85;
}

.scale-\[1\.15\] {
  scale: 1.15;
}

.scale-\[1\.333\] {
  scale: 1.333;
}

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

.-rotate-90 {
  rotate: -90deg;
}

.rotate-0 {
  rotate: 0deg;
}

.rotate-135 {
  rotate: 135deg;
}

.rotate-180 {
  rotate: 180deg;
}

.rotate-\[-8\.29deg\] {
  rotate: -8.29deg;
}

.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_1\.5s_ease-in-out_infinite\] {
  animation: 1.5s ease-in-out infinite pulse;
}

.animate-enter-fade {
  animation: enter-fade var(--enter-duration, 0.3s) var(--enter-ease, ease)
    var(--enter-delay, 0s) both;
}

.animate-fade-in {
  animation: 0.15s ease-out fadeIn;
}

.animate-marquee {
  animation: 20s linear infinite marquee;
}

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

.animate-shake {
  animation: 0.35s linear shake;
}

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

.cursor-auto {
  cursor: auto;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

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

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-text {
  cursor: text;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}

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

.resize {
  resize: both;
}

.resize-none {
  resize: none;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-align-none {
  scroll-snap-align: none;
}

.snap-center {
  scroll-snap-align: center;
}

.snap-end {
  scroll-snap-align: end;
}

.snap-start {
  scroll-snap-align: start;
}

.scroll-py-1 {
  scroll-padding-block: 4px;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

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

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

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

.appearance-none {
  appearance: none;
}

.auto-cols-\[calc\(50\%_-_0\.125rem\)\] {
  grid-auto-columns: calc(50% - 0.125rem);
}

.grid-flow-col {
  grid-auto-flow: column;
}

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

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

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

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

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

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

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

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

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

.grid-cols-\[auto_auto\] {
  grid-template-columns: auto auto;
}

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

.grid-cols-\[auto_auto_auto_auto\] {
  grid-template-columns: auto auto auto auto;
}

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

.grid-cols-\[minmax\(0\,max-content\)\] {
  grid-template-columns: minmax(0, max-content);
}

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

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

.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}

.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.grid-rows-\[3fr_1fr\] {
  grid-template-rows: 3fr 1fr;
}

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

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

.flex-col-reverse\! {
  flex-direction: column-reverse !important;
}

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

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

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

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

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

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

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

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

.items-center\! {
  align-items: center !important;
}

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

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

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

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

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

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

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

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

.justify-start\! {
  justify-content: flex-start !important;
}

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

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

.\!gap-0 {
  gap: 0 !important;
}

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: 2px;
}

.gap-1 {
  gap: 4px;
}

.gap-1\! {
  gap: 4px !important;
}

.gap-1\.5 {
  gap: 6px;
}

.gap-1\.5\! {
  gap: 6px !important;
}

.gap-2 {
  gap: 8px;
}

.gap-2\.5 {
  gap: 10px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-7 {
  gap: 28px;
}

.gap-8 {
  gap: 32px;
}

.gap-10 {
  gap: 40px;
}

.gap-12 {
  gap: 48px;
}

.gap-\[0\.5px\] {
  gap: 0.5px;
}

.gap-\[2px\] {
  gap: 2px;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[46px\] {
  gap: 46px;
}

.gap-px {
  gap: 1px;
}

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

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

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

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

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

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

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

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

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

.gap-x-1\.5 {
  column-gap: 6px;
}

.gap-x-2 {
  column-gap: 8px;
}

.gap-x-3 {
  column-gap: 12px;
}

.gap-x-4 {
  column-gap: 16px;
}

.gap-x-8 {
  column-gap: 32px;
}

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

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

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

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

.gap-y-0\.5 {
  row-gap: 2px;
}

.gap-y-1 {
  row-gap: 4px;
}

.gap-y-2 {
  row-gap: 8px;
}

.gap-y-2\.5 {
  row-gap: 10px;
}

.gap-y-3 {
  row-gap: 12px;
}

.gap-y-4 {
  row-gap: 16px;
}

.gap-y-5 {
  row-gap: 20px;
}

: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-gray-100 > :not(:last-child)) {
  border-color: hsl(var(--color-gray-100));
}

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

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

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

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

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-clip {
  overflow: clip;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

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

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

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

.scroll-smooth {
  scroll-behavior: smooth;
}

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

.\!rounded-\[10px\] {
  border-radius: 10px !important;
}

.\!rounded-lg {
  border-radius: calc(24px * var(--x-radius-m)) !important;
}

.\!rounded-sm {
  border-radius: calc(8px * var(--x-radius-m)) !important;
}

.rounded {
  border-radius: calc(12px * var(--x-radius-m));
}

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

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

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

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

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

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

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

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

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

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

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

.rounded-\[100px\]\! {
  border-radius: 100px !important;
}

.rounded-\[999px\]\! {
  border-radius: 999px !important;
}

.rounded-\[calc\(1\.5rem-8px\)\] {
  border-radius: calc(1.5rem - 8px);
}

.rounded-\[calc\(1\.5rem-12px\)\] {
  border-radius: calc(1.5rem - 12px);
}

.rounded-\[var\(--cell-radius\)\] {
  border-radius: var(--cell-radius);
}

.rounded-chat {
  border-radius: 16px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-full\! {
  border-radius: 9999px !important;
}

.rounded-legacy {
  border-radius: calc(6px * var(--x-radius-m));
}

.rounded-lg {
  border-radius: calc(24px * var(--x-radius-m));
}

.rounded-lg\! {
  border-radius: calc(24px * var(--x-radius-m)) !important;
}

.rounded-md {
  border-radius: calc(16px * var(--x-radius-m));
}

.rounded-md\! {
  border-radius: calc(16px * var(--x-radius-m)) !important;
}

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

.rounded-sm {
  border-radius: calc(8px * var(--x-radius-m));
}

.rounded-xl {
  border-radius: calc(32px * var(--x-radius-m));
}

.rounded-xs {
  border-radius: calc(4px * var(--x-radius-m));
}

.rounded-xs\! {
  border-radius: calc(4px * var(--x-radius-m)) !important;
}

.rounded-xxs {
  border-radius: calc(2px * var(--x-radius-m));
}

.rounded-s-full {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.rounded-s-md {
  border-start-start-radius: calc(16px * var(--x-radius-m));
  border-end-start-radius: calc(16px * var(--x-radius-m));
}

.rounded-s-none {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

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

.rounded-ss-md {
  border-start-start-radius: calc(16px * var(--x-radius-m));
}

.rounded-e-full {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.rounded-e-md {
  border-start-end-radius: calc(16px * var(--x-radius-m));
  border-end-end-radius: calc(16px * var(--x-radius-m));
}

.rounded-e-none {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

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

.rounded-se-md {
  border-start-end-radius: calc(16px * var(--x-radius-m));
}

.rounded-t {
  border-top-left-radius: calc(12px * var(--x-radius-m));
  border-top-right-radius: calc(12px * var(--x-radius-m));
}

.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rounded-t-\[32px\] {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-t-lg {
  border-top-left-radius: calc(24px * var(--x-radius-m));
  border-top-right-radius: calc(24px * var(--x-radius-m));
}

.rounded-t-md {
  border-top-left-radius: calc(16px * var(--x-radius-m));
  border-top-right-radius: calc(16px * var(--x-radius-m));
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: calc(8px * var(--x-radius-m));
  border-top-right-radius: calc(8px * var(--x-radius-m));
}

.rounded-t-xs {
  border-top-left-radius: calc(4px * var(--x-radius-m));
  border-top-right-radius: calc(4px * var(--x-radius-m));
}

.rounded-l-\[var\(--cell-radius\)\] {
  border-top-left-radius: var(--cell-radius);
  border-bottom-left-radius: var(--cell-radius);
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-r-\[var\(--cell-radius\)\] {
  border-top-right-radius: var(--cell-radius);
  border-bottom-right-radius: var(--cell-radius);
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-2xl {
  border-bottom-right-radius: var(--radius-2xl);
  border-bottom-left-radius: var(--radius-2xl);
}

.rounded-b-md {
  border-bottom-right-radius: calc(16px * var(--x-radius-m));
  border-bottom-left-radius: calc(16px * var(--x-radius-m));
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-b-sm {
  border-bottom-right-radius: calc(8px * var(--x-radius-m));
  border-bottom-left-radius: calc(8px * var(--x-radius-m));
}

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

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

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

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

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

.border-\[0\.5pt\] {
  border-style: var(--tw-border-style);
  border-width: 0.5pt;
}

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

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

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

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

.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-\[0\.5px\] {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 0.5px;
}

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

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

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

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

.border-t-\[0\.5px\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 0.5px;
}

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

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

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

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

.border-b-\[0\.5px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.5px;
}

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

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

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

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

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

.border-\(--x-bg-primary\) {
  border-color: var(--x-bg-primary);
}

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

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

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

.border-\[hsl\(214_10\%_14\%\)\] {
  border-color: #202327;
}

.border-\[var\(--x-fg-brand\)\] {
  border-color: var(--x-fg-brand);
}

.border-active {
  border-color: var(--x-border-active);
}

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

.border-black-10 {
  border-color: var(--x-black-10);
}

.border-black\/10 {
  border-color: var(--x-black);
}

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

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

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

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

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

.border-brand\/30 {
  border-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 30%,
    transparent
  );
}

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

.border-chat-accent,
.border-chat-accent\/50 {
  border-color: hsl(var(--chat-accent));
}

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

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

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

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

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

.border-destructive {
  border-color: var(--x-border-destructive);
}

.border-destructive-light {
  border-color: var(--x-border-destructive-light);
}

.border-elevated {
  border-color: var(--x-border-elevated);
}

.border-fg-alpha-05 {
  border-color: var(--x-fg-alpha-05);
}

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

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

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

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

.border-gray-300\/30 {
  border-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-300))) 30%,
    transparent
  );
}

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

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

.border-gray-400\! {
  border-color: hsl(var(--color-gray-400)) !important;
}

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

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

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

.border-green-500\! {
  border-color: var(--x-green-500) !important;
}

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

.border-media {
  border-color: var(--x-border-media);
}

.border-nested-border {
  border-color: hsl(var(--color-nested-border));
}

.border-nested-border\/25 {
  border-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-nested-border))) 25%,
    transparent
  );
}

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

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

.border-normal {
  border-color: var(--x-border-normal);
}

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

.border-primary {
  border-color: hsl(var(--primary));
}

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

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

.border-red-200,
.border-red-200\/30 {
  border-color: var(--x-red-200);
}

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

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

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

.border-text {
  border-color: hsl(var(--color-text));
}

.border-text\/30 {
  border-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 30%,
    transparent
  );
}

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

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

.border-white,
.border-white\/10 {
  border-color: var(--x-white);
}

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

.border-white\/20 {
  border-color: var(--x-white);
}

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

.border-white\/20\! {
  border-color: var(--x-white) !important;
}

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

.border-white\/50 {
  border-color: var(--x-white);
}

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

.border-s-gray-200 {
  border-inline-start-color: hsl(var(--color-gray-200));
}

.border-e-gray-200 {
  border-inline-end-color: hsl(var(--color-gray-200));
}

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

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

.border-l-purple-500 {
  border-left-color: var(--x-purple-500);
}

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

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

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

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

.bg-\(--x-fg-primary\) {
  background-color: var(--x-fg-primary);
}

.bg-\(--x-hover-subtle\) {
  background-color: var(--x-hover-subtle);
}

.bg-\(--x-tooltip-bg\) {
  background-color: var(--x-tooltip-bg);
}

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

.bg-\[\#333\]\/60 {
  background-color: oklab(32.1092% 2.98023e-8 0/0.6);
}

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

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

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

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

.bg-\[hsl\(var\(--color-blue-500\)\)\] {
  background-color: hsl(var(--color-blue-500));
}

.bg-\[hsl\(var\(--color-gray-500\)\)\] {
  background-color: hsl(var(--color-gray-500));
}

.bg-\[hsl\(var\(--color-green-500\)\)\] {
  background-color: hsl(var(--color-green-500));
}

.bg-\[hsl\(var\(--color-magenta-500\)\)\] {
  background-color: hsl(var(--color-magenta-500));
}

.bg-\[hsl\(var\(--color-orange-500\)\)\] {
  background-color: hsl(var(--color-orange-500));
}

.bg-\[hsl\(var\(--color-plum-500\)\)\] {
  background-color: hsl(var(--color-plum-500));
}

.bg-\[hsl\(var\(--color-purple-500\)\)\] {
  background-color: hsl(var(--color-purple-500));
}

.bg-\[hsl\(var\(--color-red-500\)\)\] {
  background-color: hsl(var(--color-red-500));
}

.bg-\[hsl\(var\(--color-teal-500\)\)\] {
  background-color: hsl(var(--color-teal-500));
}

.bg-\[hsl\(var\(--color-yellow-500\)\)\] {
  background-color: hsl(var(--color-yellow-500));
}

.bg-\[var\(--x-hover-subtle\)\] {
  background-color: var(--x-hover-subtle);
}

.bg-\[var\(--x-toast-bg\)\] {
  background-color: var(--x-toast-bg);
}

.bg-background,
.bg-background\/40 {
  background-color: hsl(var(--background));
}

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

.bg-background\/50 {
  background-color: hsl(var(--background));
}

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

.bg-background\/65 {
  background-color: hsl(var(--background));
}

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

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

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

.bg-background\/75 {
  background-color: hsl(var(--background));
}

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

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

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

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

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

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

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

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

.bg-bg-alpha-20 {
  background-color: var(--x-bg-alpha-20);
}

.bg-bg-alpha-70 {
  background-color: var(--x-bg-alpha-70);
}

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

.bg-black\! {
  background-color: var(--x-black) !important;
}

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

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

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

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

.bg-black\/3 {
  background-color: var(--x-black);
}

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

.bg-black\/5 {
  background-color: var(--x-black);
}

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

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

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

.bg-black\/15 {
  background-color: var(--x-black);
}

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

.bg-black\/20 {
  background-color: var(--x-black);
}

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

.bg-black\/25 {
  background-color: var(--x-black);
}

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

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

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

.bg-black\/40 {
  background-color: var(--x-black);
}

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

.bg-black\/50 {
  background-color: var(--x-black);
}

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

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

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

.bg-black\/60 {
  background-color: var(--x-black);
}

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

.bg-black\/70 {
  background-color: var(--x-black);
}

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

.bg-black\/75 {
  background-color: var(--x-black);
}

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

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

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

.bg-black\/90 {
  background-color: var(--x-black);
}

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

.bg-black\/\[0\.03\] {
  background-color: var(--x-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/\[0\.03\] {
    background-color: color-mix(in oklab, var(--x-black) 3%, transparent);
  }
}

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

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

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

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

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

.bg-blue-400,
.bg-blue-400\/30 {
  background-color: var(--x-blue-400);
}

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

.bg-blue-500,
.bg-blue-500\/12 {
  background-color: var(--x-blue-500);
}

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

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

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

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

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

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

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

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

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

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

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

.bg-brand\! {
  background-color: hsl(var(--color-brand)) !important;
}

.bg-brand\/3 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 3%,
    transparent
  );
}

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

.bg-brand\/10 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 10%,
    transparent
  );
}

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

.bg-brand\/30 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 30%,
    transparent
  );
}

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

.bg-btn-brand,
.bg-btn-brand\/5 {
  background-color: var(--x-btn-brand);
}

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

.bg-btn-brand\/15 {
  background-color: var(--x-btn-brand);
}

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

.bg-btn-destructive {
  background-color: var(--x-btn-destructive);
}

.bg-btn-ghost-hover {
  background-color: var(--x-btn-ghost-hover);
}

.bg-btn-inverted {
  background-color: var(--x-btn-inverted);
}

.bg-btn-primary {
  background-color: var(--x-btn-primary);
}

.bg-btn-secondary {
  background-color: var(--x-btn-secondary);
}

.bg-btn-tertiary {
  background-color: var(--x-btn-tertiary);
}

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

.bg-chat-accent {
  background-color: hsl(var(--chat-accent));
}

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

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

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

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

.bg-fg-alpha-05 {
  background-color: var(--x-fg-alpha-05);
}

.bg-fg-alpha-10 {
  background-color: var(--x-fg-alpha-10);
}

.bg-fg-alpha-15 {
  background-color: var(--x-fg-alpha-15);
}

.bg-fg-alpha-20 {
  background-color: var(--x-fg-alpha-20);
}

.bg-fg-alpha-30 {
  background-color: var(--x-fg-alpha-30);
}

.bg-fg-alpha-40 {
  background-color: var(--x-fg-alpha-40);
}

.bg-gray-0 {
  background-color: hsl(var(--color-gray-0));
}

.bg-gray-0\/50 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-0))) 50%,
    transparent
  );
}

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

.bg-gray-0\/80 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-0))) 80%,
    transparent
  );
}

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

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

.bg-gray-50\/30 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-50))) 30%,
    transparent
  );
}

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

.bg-gray-50\/50 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-50))) 50%,
    transparent
  );
}

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

.bg-gray-50\/80 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-50))) 80%,
    transparent
  );
}

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

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

.bg-gray-100\/30 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-100))) 30%,
    transparent
  );
}

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

.bg-gray-100\/50 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-100))) 50%,
    transparent
  );
}

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

.bg-gray-100\/75 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-100))) 75%,
    transparent
  );
}

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

.bg-gray-200 {
  background-color: hsl(var(--color-gray-200));
}

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

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

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

.bg-gray-500\/15 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-500))) 15%,
    transparent
  );
}

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

.bg-gray-500\/30 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-500))) 30%,
    transparent
  );
}

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

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

.bg-gray-700 {
  background-color: hsl(var(--color-gray-700));
}

.bg-gray-800 {
  background-color: hsl(var(--color-gray-800));
}

.bg-gray-800\/80 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-800))) 80%,
    transparent
  );
}

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

.bg-gray-900 {
  background-color: hsl(var(--color-gray-900));
}

.bg-gray-1000 {
  background-color: hsl(var(--color-gray-1000));
}

.bg-gray-1100 {
  background-color: hsl(var(--color-gray-1100));
}

.bg-green-0 {
  background-color: hsl(var(--color-green-0));
}

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

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

.bg-green-200 {
  background-color: var(--x-green-200);
}

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

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

.bg-green-500,
.bg-green-500\/12 {
  background-color: var(--x-green-500);
}

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

.bg-green-500\/20 {
  background-color: var(--x-green-500);
}

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

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

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

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

.bg-green-700 {
  background-color: var(--x-green-700);
}

.bg-green-800 {
  background-color: var(--x-green-800);
}

.bg-green-900 {
  background-color: var(--x-green-900);
}

.bg-green-1000 {
  background-color: var(--x-green-1000);
}

.bg-green-1100 {
  background-color: var(--x-green-1100);
}

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

.bg-inherit {
  background-color: inherit;
}

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

.bg-magenta-0 {
  background-color: hsl(var(--color-magenta-0));
}

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

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

.bg-magenta-200 {
  background-color: var(--x-magenta-200);
}

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

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

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

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

.bg-magenta-700 {
  background-color: var(--x-magenta-700);
}

.bg-magenta-800 {
  background-color: var(--x-magenta-800);
}

.bg-magenta-900 {
  background-color: var(--x-magenta-900);
}

.bg-magenta-1000 {
  background-color: var(--x-magenta-1000);
}

.bg-magenta-1100 {
  background-color: var(--x-magenta-1100);
}

.bg-mask {
  background-color: #0006;
}

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

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

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

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

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

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

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

.bg-neutral-800 {
  background-color: var(--x-neutral-800);
}

.bg-neutral-900 {
  background-color: var(--x-neutral-900);
}

.bg-neutral-1100 {
  background-color: var(--x-neutral-1100);
}

.bg-orange-0 {
  background-color: hsl(var(--color-orange-0));
}

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

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

.bg-orange-200 {
  background-color: var(--x-orange-200);
}

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

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

.bg-orange-500,
.bg-orange-500\/12 {
  background-color: var(--x-orange-500);
}

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

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

.bg-orange-700 {
  background-color: var(--x-orange-700);
}

.bg-orange-800 {
  background-color: var(--x-orange-800);
}

.bg-orange-900 {
  background-color: var(--x-orange-900);
}

.bg-orange-1000 {
  background-color: var(--x-orange-1000);
}

.bg-orange-1100 {
  background-color: var(--x-orange-1100);
}

.bg-overlay-normal {
  background-color: var(--x-overlay-normal);
}

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

.bg-plum-0 {
  background-color: hsl(var(--color-plum-0));
}

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

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

.bg-plum-200 {
  background-color: var(--x-plum-200);
}

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

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

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

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

.bg-plum-700 {
  background-color: var(--x-plum-700);
}

.bg-plum-800 {
  background-color: var(--x-plum-800);
}

.bg-plum-900 {
  background-color: var(--x-plum-900);
}

.bg-plum-1000 {
  background-color: var(--x-plum-1000);
}

.bg-plum-1100 {
  background-color: var(--x-plum-1100);
}

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

.bg-primary,
.bg-primary\/15 {
  background-color: var(--x-bg-primary);
}

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

.bg-primary\/80 {
  background-color: var(--x-bg-primary);
}

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

.bg-purple-0 {
  background-color: hsl(var(--color-purple-0));
}

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

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

.bg-purple-200 {
  background-color: var(--x-purple-200);
}

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

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

.bg-purple-500,
.bg-purple-500\/30 {
  background-color: var(--x-purple-500);
}

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

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

.bg-purple-700 {
  background-color: var(--x-purple-700);
}

.bg-purple-800 {
  background-color: var(--x-purple-800);
}

.bg-purple-900 {
  background-color: var(--x-purple-900);
}

.bg-purple-1000 {
  background-color: var(--x-purple-1000);
}

.bg-purple-1100 {
  background-color: var(--x-purple-1100);
}

.bg-red-0 {
  background-color: hsl(var(--color-red-0));
}

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

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

.bg-red-200 {
  background-color: var(--x-red-200);
}

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

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

.bg-red-500,
.bg-red-500\/15 {
  background-color: var(--x-red-500);
}

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

.bg-red-500\/20 {
  background-color: var(--x-red-500);
}

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

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

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

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

.bg-red-700 {
  background-color: var(--x-red-700);
}

.bg-red-800 {
  background-color: var(--x-red-800);
}

.bg-red-900 {
  background-color: var(--x-red-900);
}

.bg-red-1000 {
  background-color: var(--x-red-1000);
}

.bg-red-1100 {
  background-color: var(--x-red-1100);
}

.bg-secondary,
.bg-secondary\/40 {
  background-color: var(--x-bg-secondary);
}

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

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

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

.bg-teal-0 {
  background-color: hsl(var(--color-teal-0));
}

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

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

.bg-teal-200 {
  background-color: var(--x-teal-200);
}

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

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

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

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

.bg-teal-700 {
  background-color: var(--x-teal-700);
}

.bg-teal-800 {
  background-color: var(--x-teal-800);
}

.bg-teal-900 {
  background-color: var(--x-teal-900);
}

.bg-teal-1000 {
  background-color: var(--x-teal-1000);
}

.bg-teal-1100 {
  background-color: var(--x-teal-1100);
}

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

.bg-tertiary\! {
  background-color: var(--x-bg-tertiary) !important;
}

.bg-tertiary\/60 {
  background-color: var(--x-bg-tertiary);
}

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

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

.bg-text\/10 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 10%,
    transparent
  );
}

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

.bg-text\/30 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 30%,
    transparent
  );
}

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

.bg-text\/40 {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 40%,
    transparent
  );
}

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

.bg-translucent-black-77 {
  background-color: #000000c4;
}

.bg-translucent-white-30 {
  background-color: #ffffff4d;
}

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

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

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

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

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

.bg-white-10 {
  background-color: var(--x-white-10);
}

.bg-white-20 {
  background-color: var(--x-white-20);
}

.bg-white\/5 {
  background-color: var(--x-white);
}

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

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

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

.bg-white\/15 {
  background-color: var(--x-white);
}

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

.bg-white\/20 {
  background-color: var(--x-white);
}

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

.bg-white\/25 {
  background-color: var(--x-white);
}

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

.bg-white\/30 {
  background-color: var(--x-white);
}

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

.bg-white\/35 {
  background-color: var(--x-white);
}

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

.bg-white\/40 {
  background-color: var(--x-white);
}

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

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

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

.bg-white\/70 {
  background-color: var(--x-white);
}

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

.bg-white\/95 {
  background-color: var(--x-white);
}

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

.bg-white\/\[0\.06\] {
  background-color: var(--x-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/\[0\.06\] {
    background-color: color-mix(in oklab, var(--x-white) 6%, transparent);
  }
}

.bg-yellow-0 {
  background-color: hsl(var(--color-yellow-0));
}

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

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

.bg-yellow-200 {
  background-color: var(--x-yellow-200);
}

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

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

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

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

.bg-yellow-700 {
  background-color: var(--x-yellow-700);
}

.bg-yellow-800 {
  background-color: var(--x-yellow-800);
}

.bg-yellow-900 {
  background-color: var(--x-yellow-900);
}

.bg-yellow-1000 {
  background-color: var(--x-yellow-1000);
}

.bg-yellow-1100 {
  background-color: var(--x-yellow-1100);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gradient-to-l {
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

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

.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-\[linear-gradient\(61\.63deg\,\#2D42FF\,\#9C63FA\)\] {
  background-image: linear-gradient(61.63deg, #2d42ff, #9c63fa);
}

.bg-\[linear-gradient\(to_bottom\,var\(--x-bg-alpha-00\)\,var\(--x-bg-alpha-100\)\)\] {
  background-image: linear-gradient(
    to bottom,
    var(--x-bg-alpha-00),
    var(--x-bg-alpha-100)
  );
}

.bg-\[linear-gradient\(to_top\,rgba\(0\,0\,0\,0\.05\)\,\#fff\)\] {
  background-image: linear-gradient(#fff, #0000000d);
}

.bg-\[linear-gradient\(to_top\,rgba\(217\,217\,217\,0\.05\)\,\#000\)\] {
  background-image: linear-gradient(#000, #d9d9d90d);
}

.bg-\[url\(\'https\:\/\/abs\.twimg\.com\/images\/shooting_stars_background\.png\'\)\] {
  background-image: url(https://abs.twimg.com/images/shooting_stars_background.png);
}
.from-\(--x-bg-secondary\) {
  --tw-gradient-from: var(--x-bg-secondary);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-\[\#6FCA6C\] {
  --tw-gradient-from: #6fca6c;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-\[\#a17dff\] {
  --tw-gradient-from: #a17dff;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-\[rgba\(118\,170\,153\,0\.2\)\] {
  --tw-gradient-from: #76aa9933;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-\[var\(--x-bg-modal\)\] {
  --tw-gradient-from: var(--x-bg-modal);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-background {
  --tw-gradient-from: hsl(var(--background));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-background\/50 {
  --tw-gradient-from: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .from-background\/50 {
    --tw-gradient-from: color-mix(
      in oklab,
      hsl(var(--background)) 50%,
      transparent
    );
  }
}
.from-background\/50 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-black {
  --tw-gradient-from: var(--x-black);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-black\/60 {
  --tw-gradient-from: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-black\/60 {
    --tw-gradient-from: color-mix(in oklab, var(--x-black) 60%, transparent);
  }
}
.from-black\/60 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-black\/70 {
  --tw-gradient-from: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-black\/70 {
    --tw-gradient-from: color-mix(in oklab, var(--x-black) 70%, transparent);
  }
}
.from-black\/70 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-black\/80 {
  --tw-gradient-from: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-black\/80 {
    --tw-gradient-from: color-mix(in oklab, var(--x-black) 80%, transparent);
  }
}
.from-black\/80 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-gray-300\/30 {
  --tw-gradient-from: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-300))) 30%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .from-gray-300\/30 {
    --tw-gradient-from: color-mix(
      in oklab,
      hsl(var(--color-gray-300)) 30%,
      transparent
    );
  }
}
.from-gray-300\/30 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-green-500\/13 {
  --tw-gradient-from: var(--x-green-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-green-500\/13 {
    --tw-gradient-from: color-mix(
      in oklab,
      var(--x-green-500) 13%,
      transparent
    );
  }
}
.from-green-500\/13 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-modal {
  --tw-gradient-from: var(--x-bg-modal);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-primary {
  --tw-gradient-from: var(--x-bg-primary);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-purple-500 {
  --tw-gradient-from: var(--x-purple-500);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-red-500\/30 {
  --tw-gradient-from: var(--x-red-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-red-500\/30 {
    --tw-gradient-from: color-mix(in oklab, var(--x-red-500) 30%, transparent);
  }
}
.from-red-500\/30 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-text {
  --tw-gradient-from: hsl(var(--color-text));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-text\/90 {
  --tw-gradient-from: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 90%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .from-text\/90 {
    --tw-gradient-from: color-mix(
      in oklab,
      hsl(var(--color-text)) 90%,
      transparent
    );
  }
}
.from-text\/90 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-white\/10 {
  --tw-gradient-from: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-white\/10 {
    --tw-gradient-from: color-mix(in oklab, var(--x-white) 10%, transparent);
  }
}
.from-white\/10 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.from-10\% {
  --tw-gradient-from-position: 10%;
}
.from-52\% {
  --tw-gradient-from-position: 52%;
}
.from-70\% {
  --tw-gradient-from-position: 70%;
}
.from-80\% {
  --tw-gradient-from-position: 80%;
}
.from-90\% {
  --tw-gradient-from-position: 90%;
}
.via-background {
  --tw-gradient-via: hsl(var(--background));
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-background\/45 {
  --tw-gradient-via: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .via-background\/45 {
    --tw-gradient-via: color-mix(
      in oklab,
      hsl(var(--background)) 45%,
      transparent
    );
  }
}
.via-background\/45 {
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-background\/80 {
  --tw-gradient-via: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .via-background\/80 {
    --tw-gradient-via: color-mix(
      in oklab,
      hsl(var(--background)) 80%,
      transparent
    );
  }
}
.via-background\/80 {
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-gray-300\/20 {
  --tw-gradient-via: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-300))) 20%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .via-gray-300\/20 {
    --tw-gradient-via: color-mix(
      in oklab,
      hsl(var(--color-gray-300)) 20%,
      transparent
    );
  }
}
.via-gray-300\/20 {
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-purple-500 {
  --tw-gradient-via: var(--x-purple-500);
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-red-500\/20 {
  --tw-gradient-via: var(--x-red-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .via-red-500\/20 {
    --tw-gradient-via: color-mix(in oklab, var(--x-red-500) 20%, transparent);
  }
}
.via-red-500\/20 {
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-text {
  --tw-gradient-via: hsl(var(--color-text));
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-20\% {
  --tw-gradient-via-position: 20%;
}
.via-84\% {
  --tw-gradient-via-position: 84%;
}
.to-\[\#000000\] {
  --tw-gradient-to: #000;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-\[\#6FCA6C\] {
  --tw-gradient-to: #6fca6c;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-\[\#8a65f2\] {
  --tw-gradient-to: #8a65f2;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-\[hsl\(var\(--background\)\/0\)\] {
  --tw-gradient-to: hsl(var(--background)/0);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-\[rgba\(60\,154\,123\,0\.2\)\] {
  --tw-gradient-to: #3c9a7b33;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-background {
  --tw-gradient-to: hsl(var(--background));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-black {
  --tw-gradient-to: var(--x-black);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-black\/80 {
  --tw-gradient-to: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .to-black\/80 {
    --tw-gradient-to: color-mix(in oklab, var(--x-black) 80%, transparent);
  }
}
.to-black\/80 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-gray-0 {
  --tw-gradient-to: hsl(var(--color-gray-0));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-gray-300\/30 {
  --tw-gradient-to: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-300))) 30%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .to-gray-300\/30 {
    --tw-gradient-to: color-mix(
      in oklab,
      hsl(var(--color-gray-300)) 30%,
      transparent
    );
  }
}
.to-gray-300\/30 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-gray-500 {
  --tw-gradient-to: hsl(var(--color-gray-500));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-modal-background {
  --tw-gradient-to: hsl(var(--color-modal-background));
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-purple-700 {
  --tw-gradient-to: var(--x-purple-700);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-red-500\/30 {
  --tw-gradient-to: var(--x-red-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .to-red-500\/30 {
    --tw-gradient-to: color-mix(in oklab, var(--x-red-500) 30%, transparent);
  }
}
.to-red-500\/30 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-text\/30 {
  --tw-gradient-to: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 30%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .to-text\/30 {
    --tw-gradient-to: color-mix(
      in oklab,
      hsl(var(--color-text)) 30%,
      transparent
    );
  }
}
.to-text\/30 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-text\/90 {
  --tw-gradient-to: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 90%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .to-text\/90 {
    --tw-gradient-to: color-mix(
      in oklab,
      hsl(var(--color-text)) 90%,
      transparent
    );
  }
}
.to-text\/90 {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\] {
  -webkit-mask-image: linear-gradient(#000, #0000);
  mask-image: linear-gradient(#000, #0000);
}
.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_25\%\,black_75\%\,transparent\)\] {
  -webkit-mask-image: linear-gradient(#0000, #000 25% 75%, #0000);
  mask-image: linear-gradient(#0000, #000 25% 75%, #0000);
}
.\[mask-image\:linear-gradient\(to_top\,black\,transparent\)\] {
  -webkit-mask-image: linear-gradient(#0000, #000);
  mask-image: linear-gradient(#0000, #000);
}
.mask-\[linear-gradient\(90deg\,transparent_0\,black_12px\)\] {
  -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 12px);
  mask-image: linear-gradient(90deg, #0000 0, #000 12px);
}
.mask-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)\,rgba\(0\,0\,0\,0\)\)\] {
  -webkit-mask-image: linear-gradient(#000, #0000);
  mask-image: linear-gradient(#000, #0000);
}
.mask-\[linear-gradient\(to_bottom\,transparent\,black\)\] {
  -webkit-mask-image: linear-gradient(#0000, #000);
  mask-image: linear-gradient(#0000, #000);
}
.mask-\[linear-gradient\(to_bottom\,transparent_var\(--x-number-flow-fade\)\,black_0\.45em\,black_calc\(100\%_-_0\.45em\)\,transparent_calc\(100\%_-_var\(--x-number-flow-fade\)\)\)\] {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent var(--x-number-flow-fade),
    black 0.45em,
    black calc(100% - 0.45em),
    transparent calc(100% - var(--x-number-flow-fade))
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent var(--x-number-flow-fade),
    black 0.45em,
    black calc(100% - 0.45em),
    transparent calc(100% - var(--x-number-flow-fade))
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent var(--x-number-flow-fade),
    black 0.45em,
    black calc(100% - 0.45em),
    transparent calc(100% - var(--x-number-flow-fade))
  );
  mask-image: linear-gradient(
    to bottom,
    transparent var(--x-number-flow-fade),
    black 0.45em,
    black calc(100% - 0.45em),
    transparent calc(100% - var(--x-number-flow-fade))
  );
}
.mask-\[linear-gradient\(to_left\,transparent\,black_32px\)\] {
  -webkit-mask-image: linear-gradient(270deg, #0000, #000 32px);
  mask-image: linear-gradient(270deg, #0000, #000 32px);
}
.mask-\[linear-gradient\(to_right\,transparent\,black_32px\)\] {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 32px);
  mask-image: linear-gradient(90deg, #0000, #000 32px);
}
.mask-\[linear-gradient\(to_right\,transparent\,black_32px\,black_calc\(100\%-32px\)\,transparent\)\] {
  -webkit-mask-image: linear-gradient(
    90deg,
    #0000,
    #000 32px calc(100% - 32px),
    #0000
  );
  mask-image: linear-gradient(90deg, #0000, #000 32px calc(100% - 32px), #0000);
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-size-\[250\%_100\%\,auto\] {
  background-size:
    250% 100%,
    auto;
}
.bg-clip-padding {
  background-clip: padding-box;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-center {
  background-position: 50%;
}
.bg-top {
  background-position: top;
}
.\[background-repeat\:no-repeat\,padding-box\] {
  background-repeat: no-repeat, padding-box;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-background {
  fill: hsl(var(--background));
}
.fill-badge {
  fill: hsl(var(--color-badge));
}
.fill-brand {
  fill: hsl(var(--color-brand));
}
.fill-current {
  fill: currentColor;
}
.fill-neutral-300 {
  fill: var(--x-neutral-300);
}
.fill-plum-500 {
  fill: var(--x-plum-500);
}
.fill-text {
  fill: hsl(var(--color-text));
}
.fill-white\/50 {
  fill: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .fill-white\/50 {
    fill: color-mix(in oklab, var(--x-white) 50%, transparent);
  }
}
.fill-yellow-500 {
  fill: var(--x-yellow-500);
}
.stroke-background {
  stroke: hsl(var(--background));
}
.stroke-brand {
  stroke: hsl(var(--color-brand));
}
.stroke-text {
  stroke: hsl(var(--color-text));
}
.stroke-white {
  stroke: var(--x-white);
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.object-left {
  object-position: left;
}
.object-top {
  object-position: top;
}
.\!p-0 {
  padding: 0 !important;
}
.p-0 {
  padding: 0;
}
.p-0\! {
  padding: 0 !important;
}
.p-0\.5 {
  padding: 2px;
}
.p-1 {
  padding: 4px;
}
.p-1\.5 {
  padding: 6px;
}
.p-2 {
  padding: 8px;
}
.p-3 {
  padding: 12px;
}
.p-4 {
  padding: 16px;
}
.p-5 {
  padding: 20px;
}
.p-6 {
  padding: 24px;
}
.p-8 {
  padding: 32px;
}
.p-16 {
  padding: 64px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[10px\] {
  padding: 10px;
}
.p-px {
  padding: 1px;
}
.\!px-1\.5 {
  padding-inline: 6px !important;
}
.px-0 {
  padding-inline: 0;
}
.px-0\.5 {
  padding-inline: 2px;
}
.px-1 {
  padding-inline: 4px;
}
.px-1\.5 {
  padding-inline: 6px;
}
.px-2 {
  padding-inline: 8px;
}
.px-2\! {
  padding-inline: 8px !important;
}
.px-2\.5 {
  padding-inline: 10px;
}
.px-3 {
  padding-inline: 12px;
}
.px-3\! {
  padding-inline: 12px !important;
}
.px-3\.5 {
  padding-inline: 14px;
}
.px-4 {
  padding-inline: 16px;
}
.px-4\! {
  padding-inline: 16px !important;
}
.px-5 {
  padding-inline: 20px;
}
.px-6 {
  padding-inline: 24px;
}
.px-7 {
  padding-inline: 28px;
}
.px-8 {
  padding-inline: 32px;
}
.px-10 {
  padding-inline: 40px;
}
.px-12 {
  padding-inline: 48px;
}
.px-16 {
  padding-inline: 64px;
}
.px-24 {
  padding-inline: 96px;
}
.px-\[3px\] {
  padding-inline: 3px;
}
.px-\[var\(--cell-size\)\] {
  padding-inline: var(--cell-size);
}
.px-horizontal {
  padding-inline: 16px;
}
.\!py-1 {
  padding-block: 4px !important;
}
.py-0 {
  padding-block: 0;
}
.py-0\.5 {
  padding-block: 2px;
}
.py-1 {
  padding-block: 4px;
}
.py-1\.5 {
  padding-block: 6px;
}
.py-2 {
  padding-block: 8px;
}
.py-2\.5 {
  padding-block: 10px;
}
.py-3 {
  padding-block: 12px;
}
.py-3\.5 {
  padding-block: 14px;
}
.py-4 {
  padding-block: 16px;
}
.py-5 {
  padding-block: 20px;
}
.py-6 {
  padding-block: 24px;
}
.py-8 {
  padding-block: 32px;
}
.py-9 {
  padding-block: 36px;
}
.py-10 {
  padding-block: 40px;
}
.py-12 {
  padding-block: 48px;
}
.py-16 {
  padding-block: 64px;
}
.py-20 {
  padding-block: 80px;
}
.py-\[0\.45em\] {
  padding-block: 0.45em;
}
.py-\[2\.5px\] {
  padding-block: 2.5px;
}
.py-\[5px\] {
  padding-block: 5px;
}
.py-\[10px\] {
  padding-block: 10px;
}
.py-vertical {
  padding-block: 12px;
}
.\!ps-0 {
  padding-inline-start: 0 !important;
}
.ps-1 {
  padding-inline-start: 4px;
}
.ps-1\.5 {
  padding-inline-start: 6px;
}
.ps-2 {
  padding-inline-start: 8px;
}
.ps-2\.5 {
  padding-inline-start: 10px;
}
.ps-3 {
  padding-inline-start: 12px;
}
.ps-3\.5 {
  padding-inline-start: 14px;
}
.ps-4 {
  padding-inline-start: 16px;
}
.ps-6 {
  padding-inline-start: 24px;
}
.ps-11 {
  padding-inline-start: 44px;
}
.ps-12 {
  padding-inline-start: 48px;
}
.ps-14 {
  padding-inline-start: 56px;
}
.ps-16 {
  padding-inline-start: 64px;
}
.pe-0 {
  padding-inline-end: 0;
}
.pe-1 {
  padding-inline-end: 4px;
}
.pe-1\.5 {
  padding-inline-end: 6px;
}
.pe-2 {
  padding-inline-end: 8px;
}
.pe-2\.5 {
  padding-inline-end: 10px;
}
.pe-3 {
  padding-inline-end: 12px;
}
.pe-4 {
  padding-inline-end: 16px;
}
.pe-6 {
  padding-inline-end: 24px;
}
.pe-9 {
  padding-inline-end: 36px;
}
.pe-10 {
  padding-inline-end: 40px;
}
.pe-11 {
  padding-inline-end: 44px;
}
.pe-12 {
  padding-inline-end: 48px;
}
.pe-14 {
  padding-inline-end: 56px;
}
.pt-0 {
  padding-top: 0;
}
.pt-0\.5 {
  padding-top: 2px;
}
.pt-1 {
  padding-top: 4px;
}
.pt-1\.5 {
  padding-top: 6px;
}
.pt-2 {
  padding-top: 8px;
}
.pt-3 {
  padding-top: 12px;
}
.pt-3\.5 {
  padding-top: 14px;
}
.pt-4 {
  padding-top: 16px;
}
.pt-5 {
  padding-top: 20px;
}
.pt-6 {
  padding-top: 24px;
}
.pt-7 {
  padding-top: 28px;
}
.pt-8 {
  padding-top: 32px;
}
.pt-10 {
  padding-top: 40px;
}
.pt-12 {
  padding-top: 48px;
}
.pt-16 {
  padding-top: 64px;
}
.pt-20 {
  padding-top: 80px;
}
.pt-24 {
  padding-top: 96px;
}
.pt-28 {
  padding-top: 112px;
}
.pt-px {
  padding-top: 1px;
}
.px-safe {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 4px;
}
.pr-2 {
  padding-right: 8px;
}
.pr-2\.5 {
  padding-right: 10px;
}
.pr-3 {
  padding-right: 12px;
}
.pr-4 {
  padding-right: 16px;
}
.pr-5 {
  padding-right: 20px;
}
.pr-6 {
  padding-right: 24px;
}
.pr-10 {
  padding-right: 40px;
}
.pr-12 {
  padding-right: 48px;
}
.pr-\[11px\] {
  padding-right: 11px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 4px;
}
.pb-1\.5 {
  padding-bottom: 6px;
}
.pb-2 {
  padding-bottom: 8px;
}
.pb-2\.5 {
  padding-bottom: 10px;
}
.pb-3 {
  padding-bottom: 12px;
}
.pb-4 {
  padding-bottom: 16px;
}
.pb-5 {
  padding-bottom: 20px;
}
.pb-6 {
  padding-bottom: 24px;
}
.pb-8 {
  padding-bottom: 32px;
}
.pb-10 {
  padding-bottom: 40px;
}
.pb-11 {
  padding-bottom: 44px;
}
.pb-12 {
  padding-bottom: 48px;
}
.pb-16 {
  padding-bottom: 64px;
}
.pb-20 {
  padding-bottom: 80px;
}
.pb-28 {
  padding-bottom: 112px;
}
.pb-32 {
  padding-bottom: 128px;
}
.pb-40 {
  padding-bottom: 160px;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pb-\[calc\(max\(env\(safe-area-inset-bottom\,0px\)\,34px\)\)\] {
  padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 34px));
}
.pb-\[calc\(max\(env\(safe-area-inset-bottom\,0px\)\,34px\)\+16px\)\] {
  padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 34px) + 16px);
}
.pb-\[calc\(max\(env\(safe-area-inset-bottom\,0px\)\,34px\)\+20px\)\] {
  padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 34px) + 20px);
}
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 4px;
}
.pl-2 {
  padding-left: 8px;
}
.pl-2\.5 {
  padding-left: 10px;
}
.pl-3 {
  padding-left: 12px;
}
.pl-4 {
  padding-left: 16px;
}
.pl-5 {
  padding-left: 20px;
}
.pl-8 {
  padding-left: 32px;
}
.pl-10 {
  padding-left: 40px;
}
.pl-12 {
  padding-left: 48px;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-\[-0\.1em\] {
  vertical-align: -0.1em;
}
.align-\[-0\.2em\] {
  vertical-align: -0.2em;
}
.align-\[0\.5px\] {
  vertical-align: 0.5px;
}
.align-baseline {
  vertical-align: baseline;
}
.align-bottom {
  vertical-align: bottom;
}
.align-middle {
  vertical-align: middle;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.align-top {
  vertical-align: top;
}
.\!font-chirp {
  font-family:
    TwitterChirp,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    Apple Color Emoji,
    Segoe UI Emoji,
    Noto Color Emoji,
    Twemoji Mozilla,
    sans-serif !important;
}
.font-\[inherit\] {
  font-family: inherit;
}
.font-chirp {
  font-family:
    TwitterChirp,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    Apple Color Emoji,
    Segoe UI Emoji,
    Noto Color Emoji,
    Twemoji Mozilla,
    sans-serif;
}
.font-emoji {
  font-family:
    Apple Color Emoji,
    Segoe UI Emoji,
    Noto Color Emoji,
    Twemoji Mozilla,
    sans-serif;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace;
}
.\[font-feature-settings\:\'ss01\'\] {
  font-feature-settings: "ss01";
}
.\!text-body {
  font-size: 15px !important;
  line-height: var(--tw-leading, 20px) !important;
}
.text-body {
  font-size: 15px;
  line-height: var(--tw-leading, 20px);
}
.text-headline1 {
  font-size: 20px;
  line-height: var(--tw-leading, 24px);
}
.text-headline2 {
  font-size: 17px;
  line-height: var(--tw-leading, 20px);
}
.text-jumbo {
  font-size: 40px;
  line-height: var(--tw-leading, 44px);
}
.text-subtext1 {
  font-size: 14px;
  line-height: var(--tw-leading, 16px);
}
.text-subtext2 {
  font-size: 13px;
  line-height: var(--tw-leading, 16px);
}
.text-subtext3 {
  font-size: 11px;
  line-height: var(--tw-leading, 12px);
}
.text-title1 {
  font-size: 34px;
  line-height: var(--tw-leading, 40px);
}
.text-title2 {
  font-size: 30px;
  line-height: var(--tw-leading, 36px);
}
.text-title3 {
  font-size: 26px;
  line-height: var(--tw-leading, 32px);
}
.text-title4 {
  font-size: 23px;
  line-height: var(--tw-leading, 28px);
}
.\!text-\[0\.9em\] {
  font-size: 0.9em !important;
}
.\!text-\[16px\] {
  font-size: 16px !important;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[1\.05em\] {
  font-size: 1.05em;
}
.text-\[5px\] {
  font-size: 5px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[23px\] {
  font-size: 23px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[50px\] {
  font-size: 50px;
}
.text-\[64px\] {
  font-size: 64px;
}
.text-\[76px\] {
  font-size: 76px;
}
.text-\[length\:40cqmin\] {
  font-size: 40cqmin;
}
.text-\[length\:inherit\] {
  font-size: inherit;
}
.leading-4 {
  --tw-leading: 16px;
  line-height: 16px;
}
.leading-5 {
  --tw-leading: 20px;
  line-height: 20px;
}
.leading-6 {
  --tw-leading: 24px;
  line-height: 24px;
}
.leading-7 {
  --tw-leading: 28px;
  line-height: 28px;
}
.leading-10 {
  --tw-leading: 40px;
  line-height: 40px;
}
.leading-16 {
  --tw-leading: 64px;
  line-height: 64px;
}
.leading-\[0\.9\] {
  --tw-leading: 0.9;
  line-height: 0.9;
}
.leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.leading-\[18px\] {
  --tw-leading: 18px;
  line-height: 18px;
}
.leading-\[21px\] {
  --tw-leading: 21px;
  line-height: 21px;
}
.leading-\[27px\] {
  --tw-leading: 27px;
  line-height: 27px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.\!font-bold {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-medium\! {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.font-thin {
  --tw-font-weight: var(--font-weight-thin);
  font-weight: var(--font-weight-thin);
}
.tracking-\[-0\.01em\] {
  --tw-tracking: -0.01em;
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
  --tw-tracking: -0.02em;
  letter-spacing: -0.02em;
}
.tracking-\[-0\.48px\] {
  --tw-tracking: -0.48px;
  letter-spacing: -0.48px;
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-balance {
  text-wrap: balance;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-pretty {
  text-wrap: pretty;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  overflow-wrap: break-word;
}
.wrap-anywhere {
  overflow-wrap: anywhere;
}
.wrap-break-word {
  overflow-wrap: break-word;
}
.\[word-break\:break-word\] {
  word-break: break-word;
}
.break-all {
  word-break: break-all;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-nowrap\! {
  white-space: nowrap !important;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.\!text-white {
  color: var(--x-white) !important;
}
.text-\(--jf-text-color\) {
  color: var(--jf-text-color);
}
.text-\(--x-tooltip-fg\) {
  color: var(--x-tooltip-fg);
}
.text-\[\#00ba7c\] {
  color: #00ba7c;
}
.text-\[\#1A1A1A\] {
  color: #f82a2b !important;
}
.text-\[\#1d9bf0\] {
  color: #1d9bf0;
}
.text-\[\#3c4043\] {
  color: #3c4043;
}
.text-\[\#B6B9BC\] {
  color: #b6b9bc;
}
.text-\[\#FFD400\] {
  color: #ffd400;
}
.text-\[\#a1a1aa\] {
  color: #a1a1aa;
}
.text-\[\#f4212e\] {
  color: #f4212e;
}
.text-\[color\:inherit\] {
  color: inherit;
}
.text-\[rgb\(185\,202\,211\)\] {
  color: #b9cad3;
}
.text-\[var\(--x-bg-primary\)\] {
  color: var(--x-bg-primary);
}
.text-\[var\(--x-fg-destructive\)\]\! {
  color: var(--x-fg-destructive) !important;
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-background,
.text-background\/70 {
  color: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .text-background\/70 {
    color: color-mix(in oklab, hsl(var(--background)) 70%, transparent);
  }
}
.text-badge {
  color: hsl(var(--color-badge));
}
.text-black {
  color: var(--x-black);
}
.text-black\! {
  color: var(--x-black) !important;
}
.text-black-70 {
  color: var(--x-black-70);
}
.text-blue-0 {
  color: hsl(var(--color-blue-0));
}
.text-blue-50 {
  color: hsl(var(--color-blue-50));
}
.text-blue-100 {
  color: var(--x-blue-100);
}
.text-blue-200 {
  color: var(--x-blue-200);
}
.text-blue-300 {
  color: var(--x-blue-300);
}
.text-blue-400 {
  color: var(--x-blue-400);
}
.text-blue-500 {
  color: var(--x-blue-500);
}
.text-blue-600 {
  color: var(--x-blue-600);
}
.text-blue-700 {
  color: var(--x-blue-700);
}
.text-blue-800 {
  color: var(--x-blue-800);
}
.text-blue-900 {
  color: var(--x-blue-900);
}
.text-blue-1000 {
  color: var(--x-blue-1000);
}
.text-blue-1100 {
  color: var(--x-blue-1100);
}
.text-border {
  color: hsl(var(--border));
}
.text-brand {
  color: var(--x-fg-brand);
}
.text-brand-foreground {
  color: hsl(var(--color-brand-foreground));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-chat-accent {
  color: hsl(var(--chat-accent));
}
.text-current {
  color: currentColor;
}
.text-cyan-400 {
  color: var(--color-cyan-400);
}
.text-destructive {
  color: var(--x-fg-destructive);
}
.text-destructive\! {
  color: var(--x-fg-destructive) !important;
}
.text-emerald-100 {
  color: var(--color-emerald-100);
}
.text-emerald-900 {
  color: var(--color-emerald-900);
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-gray-0 {
  color: hsl(var(--color-gray-0));
}
.text-gray-50 {
  color: hsl(var(--color-gray-50));
}
.text-gray-100 {
  color: hsl(var(--color-gray-100));
}
.text-gray-200 {
  color: hsl(var(--color-gray-200));
}
.text-gray-300 {
  color: hsl(var(--color-gray-300));
}
.text-gray-400 {
  color: hsl(var(--color-gray-400));
}
.text-gray-500 {
  color: hsl(var(--color-gray-500));
}
.text-gray-600 {
  color: hsl(var(--color-gray-600));
}
.text-gray-700 {
  color: hsl(var(--color-gray-700));
}
.text-gray-700\! {
  color: hsl(var(--color-gray-700)) !important;
}
.text-gray-800 {
  color: hsl(var(--color-gray-800));
}
.text-gray-900 {
  color: hsl(var(--color-gray-900));
}
.text-gray-1000 {
  color: hsl(var(--color-gray-1000));
}
.text-gray-1100 {
  color: hsl(var(--color-gray-1100));
}
.text-green-0 {
  color: hsl(var(--color-green-0));
}
.text-green-50 {
  color: hsl(var(--color-green-50));
}
.text-green-100 {
  color: var(--x-green-100);
}
.text-green-200 {
  color: var(--x-green-200);
}
.text-green-300 {
  color: var(--x-green-300);
}
.text-green-400 {
  color: var(--x-green-400);
}
.text-green-500 {
  color: var(--x-green-500);
}
.text-green-600 {
  color: var(--x-green-600);
}
.text-green-700 {
  color: var(--x-green-700);
}
.text-green-800 {
  color: var(--x-green-800);
}
.text-green-900 {
  color: var(--x-green-900);
}
.text-green-1000 {
  color: var(--x-green-1000);
}
.text-green-1100 {
  color: var(--x-green-1100);
}
.text-inherit {
  color: inherit;
}
.text-inverted {
  color: var(--x-fg-inverted);
}
.text-lime-400 {
  color: var(--color-lime-400);
}
.text-magenta-0 {
  color: hsl(var(--color-magenta-0));
}
.text-magenta-50 {
  color: hsl(var(--color-magenta-50));
}
.text-magenta-100 {
  color: var(--x-magenta-100);
}
.text-magenta-200 {
  color: var(--x-magenta-200);
}
.text-magenta-300 {
  color: var(--x-magenta-300);
}
.text-magenta-400 {
  color: var(--x-magenta-400);
}
.text-magenta-500 {
  color: var(--x-magenta-500);
}
.text-magenta-600 {
  color: var(--x-magenta-600);
}
.text-magenta-700 {
  color: var(--x-magenta-700);
}
.text-magenta-800 {
  color: var(--x-magenta-800);
}
.text-magenta-900 {
  color: var(--x-magenta-900);
}
.text-magenta-1000 {
  color: var(--x-magenta-1000);
}
.text-magenta-1100 {
  color: var(--x-magenta-1100);
}
.text-mask {
  color: #0006;
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-nested-border {
  color: hsl(var(--color-nested-border));
}
.text-neutral-400 {
  color: var(--x-neutral-400);
}
.text-on-color {
  color: var(--x-fg-on-color);
}
.text-orange-0 {
  color: hsl(var(--color-orange-0));
}
.text-orange-50 {
  color: hsl(var(--color-orange-50));
}
.text-orange-100 {
  color: var(--x-orange-100);
}
.text-orange-200 {
  color: var(--x-orange-200);
}
.text-orange-300 {
  color: var(--x-orange-300);
}
.text-orange-400 {
  color: var(--x-orange-400);
}
.text-orange-500 {
  color: var(--x-orange-500);
}
.text-orange-600 {
  color: var(--x-orange-600);
}
.text-orange-700 {
  color: var(--x-orange-700);
}
.text-orange-800 {
  color: var(--x-orange-800);
}
.text-orange-900 {
  color: var(--x-orange-900);
}
.text-orange-1000 {
  color: var(--x-orange-1000);
}
.text-orange-1100 {
  color: var(--x-orange-1100);
}
.text-pink-500 {
  color: var(--color-pink-500);
}
.text-plum-0 {
  color: hsl(var(--color-plum-0));
}
.text-plum-50 {
  color: hsl(var(--color-plum-50));
}
.text-plum-100 {
  color: var(--x-plum-100);
}
.text-plum-200 {
  color: var(--x-plum-200);
}
.text-plum-300 {
  color: var(--x-plum-300);
}
.text-plum-400 {
  color: var(--x-plum-400);
}
.text-plum-500 {
  color: var(--x-plum-500);
}
.text-plum-600 {
  color: var(--x-plum-600);
}
.text-plum-700 {
  color: var(--x-plum-700);
}
.text-plum-800 {
  color: var(--x-plum-800);
}
.text-plum-900 {
  color: var(--x-plum-900);
}
.text-plum-1000 {
  color: var(--x-plum-1000);
}
.text-plum-1100 {
  color: var(--x-plum-1100);
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: var(--x-fg-primary);
}
.text-purple-0 {
  color: hsl(var(--color-purple-0));
}
.text-purple-50 {
  color: hsl(var(--color-purple-50));
}
.text-purple-100 {
  color: var(--x-purple-100);
}
.text-purple-200 {
  color: var(--x-purple-200);
}
.text-purple-300 {
  color: var(--x-purple-300);
}
.text-purple-400 {
  color: var(--x-purple-400);
}
.text-purple-500 {
  color: var(--x-purple-500);
}
.text-purple-600 {
  color: var(--x-purple-600);
}
.text-purple-700 {
  color: var(--x-purple-700);
}
.text-purple-800 {
  color: var(--x-purple-800);
}
.text-purple-900 {
  color: var(--x-purple-900);
}
.text-purple-1000 {
  color: var(--x-purple-1000);
}
.text-purple-1100 {
  color: var(--x-purple-1100);
}
.text-red-0 {
  color: hsl(var(--color-red-0));
}
.text-red-50 {
  color: hsl(var(--color-red-50));
}
.text-red-100 {
  color: var(--x-red-100);
}
.text-red-200 {
  color: var(--x-red-200);
}
.text-red-300 {
  color: var(--x-red-300);
}
.text-red-400 {
  color: var(--x-red-400);
}
.text-red-500 {
  color: var(--x-red-500);
}
.text-red-600 {
  color: var(--x-red-600);
}
.text-red-700 {
  color: var(--x-red-700);
}
.text-red-800 {
  color: var(--x-red-800);
}
.text-red-900 {
  color: var(--x-red-900);
}
.text-red-1000 {
  color: var(--x-red-1000);
}
.text-red-1100 {
  color: var(--x-red-1100);
}
.text-secondary {
  color: var(--x-fg-secondary);
}
.text-secondary\! {
  color: var(--x-fg-secondary) !important;
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-sky-400 {
  color: var(--color-sky-400);
}
.text-sky-500 {
  color: var(--color-sky-500);
}
.text-stone-500 {
  color: var(--color-stone-500);
}
.text-subscribe {
  color: var(--x-fg-subscribe);
}
.text-subscribe\! {
  color: var(--x-fg-subscribe) !important;
}
.text-success {
  color: var(--x-fg-success);
}
.text-teal-0 {
  color: hsl(var(--color-teal-0));
}
.text-teal-50 {
  color: hsl(var(--color-teal-50));
}
.text-teal-100 {
  color: var(--x-teal-100);
}
.text-teal-200 {
  color: var(--x-teal-200);
}
.text-teal-300 {
  color: var(--x-teal-300);
}
.text-teal-400 {
  color: var(--x-teal-400);
}
.text-teal-500 {
  color: var(--x-teal-500);
}
.text-teal-600 {
  color: var(--x-teal-600);
}
.text-teal-700 {
  color: var(--x-teal-700);
}
.text-teal-800 {
  color: var(--x-teal-800);
}
.text-teal-900 {
  color: var(--x-teal-900);
}
.text-teal-1000 {
  color: var(--x-teal-1000);
}
.text-teal-1100 {
  color: var(--x-teal-1100);
}
.text-tertiary {
  color: var(--x-fg-tertiary);
}
.text-text {
  color: hsl(var(--color-text));
}
.text-translucent-black-77 {
  color: #000000c4;
}
.text-translucent-white-30 {
  color: #ffffff4d;
}
.text-transparent {
  color: #0000;
}
.text-transparent\! {
  color: #0000 !important;
}
.text-warning {
  color: var(--x-fg-warning);
}
.text-white {
  color: var(--x-white);
}
.text-white-60 {
  color: var(--x-white-60);
}
.text-white-70 {
  color: var(--x-white-70);
}
.text-white\/30 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/30 {
    color: color-mix(in oklab, var(--x-white) 30%, transparent);
  }
}
.text-white\/40 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/40 {
    color: color-mix(in oklab, var(--x-white) 40%, transparent);
  }
}
.text-white\/50 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/50 {
    color: color-mix(in oklab, var(--x-white) 50%, transparent);
  }
}
.text-white\/60 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/60 {
    color: color-mix(in oklab, var(--x-white) 60%, transparent);
  }
}
.text-white\/70 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/70 {
    color: color-mix(in oklab, var(--x-white) 70%, transparent);
  }
}
.text-white\/75 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/75 {
    color: color-mix(in oklab, var(--x-white) 75%, transparent);
  }
}
.text-white\/80 {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/80 {
    color: color-mix(in oklab, var(--x-white) 80%, transparent);
  }
}
.text-yellow-0 {
  color: hsl(var(--color-yellow-0));
}
.text-yellow-50 {
  color: hsl(var(--color-yellow-50));
}
.text-yellow-100 {
  color: var(--x-yellow-100);
}
.text-yellow-200 {
  color: var(--x-yellow-200);
}
.text-yellow-300 {
  color: var(--x-yellow-300);
}
.text-yellow-400 {
  color: var(--x-yellow-400);
}
.text-yellow-500 {
  color: var(--x-yellow-500);
}
.text-yellow-600 {
  color: var(--x-yellow-600);
}
.text-yellow-700 {
  color: var(--x-yellow-700);
}
.text-yellow-800 {
  color: var(--x-yellow-800);
}
.text-yellow-900 {
  color: var(--x-yellow-900);
}
.text-yellow-1000 {
  color: var(--x-yellow-1000);
}
.text-yellow-1100 {
  color: var(--x-yellow-1100);
}
.text-zinc-600 {
  color: var(--color-zinc-600);
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
    var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
    var(--tw-numeric-fraction,);
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.overline {
  text-decoration-line: overline;
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.caret-primary\! {
  caret-color: hsl(var(--primary)) !important;
}
.caret-text {
  caret-color: hsl(var(--color-text));
}
.accent-brand {
  accent-color: hsl(var(--color-brand));
}
.accent-chat-accent {
  accent-color: hsl(var(--chat-accent));
}
.opacity-0 {
  opacity: 0;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-100 {
  opacity: 1;
}
.opacity-\[0\.35\] {
  opacity: 0.35;
}
.mix-blend-plus-lighter {
  mix-blend-mode: plus-lighter;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow:
    0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_0_transparent\] {
  --tw-shadow: 0 0 0 0 var(--tw-shadow-color, 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_0_1px_rgb\(128_128_128\/0\.35\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #80808059);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(29\,155\,240\,0\.3\)\,0_0_40px_rgba\(29\,155\,240\,0\.2\)\,0_0_60px_rgba\(29\,155\,240\,0\.1\)\,inset_0_1px_0_rgba\(29\,155\,240\,0\.8\)\] {
  --tw-shadow:
    0 0 20px var(--tw-shadow-color, #1d9bf04d),
    0 0 40px var(--tw-shadow-color, #1d9bf033),
    0 0 60px var(--tw-shadow-color, #1d9bf01a),
    inset 0 1px 0 var(--tw-shadow-color, #1d9bf0cc);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.15\)\] {
  --tw-shadow: 0 0 30px var(--tw-shadow-color, #ffffff26);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_4px_16px_\#00000026\] {
  --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000026);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_8px_30px_\#00000020\] {
  --tw-shadow: 0 8px 30px var(--tw-shadow-color, #00000020);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0px_2px_12px_0px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0px 2px 12px 0px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, #0000004d);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: var(--x-shadow-lg);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: var(--x-shadow-md);
  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-popup {
  --tw-shadow: var(--x-shadow-popup);
  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(--x-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);
}
.shadow-toast {
  --tw-shadow: var(--x-shadow-toast);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow:
    0 20px 25px -5px var(--tw-shadow-color, #0000001a),
    0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0\! {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-\[2pt\] {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(2pt + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-black\/25 {
  --tw-shadow-color: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-black\/25 {
    --tw-shadow-color: color-mix(
      in oklab,
      color-mix(in oklab, var(--x-black) 25%, transparent)
        var(--tw-shadow-alpha),
      transparent
    );
  }
}
.ring-\[\#1d9bf0\] {
  --tw-ring-color: #1d9bf0;
}
.ring-background {
  --tw-ring-color: hsl(var(--background));
}
.ring-black\/5 {
  --tw-ring-color: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-black\/5 {
    --tw-ring-color: color-mix(in oklab, var(--x-black) 5%, transparent);
  }
}
.ring-black\/60 {
  --tw-ring-color: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-black\/60 {
    --tw-ring-color: color-mix(in oklab, var(--x-black) 60%, transparent);
  }
}
.ring-blue-500,
.ring-blue-500\/10 {
  --tw-ring-color: var(--x-blue-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-blue-500\/10 {
    --tw-ring-color: color-mix(in oklab, var(--x-blue-500) 10%, transparent);
  }
}
.ring-brand\/10 {
  --tw-ring-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 10%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-brand\/10 {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 10%,
      transparent
    );
  }
}
.ring-brand\/20 {
  --tw-ring-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 20%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-brand\/20 {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 20%,
      transparent
    );
  }
}
.ring-chat-accent {
  --tw-ring-color: hsl(var(--chat-accent));
}
.ring-fg-alpha-30 {
  --tw-ring-color: var(--x-fg-alpha-30);
}
.ring-gray-100 {
  --tw-ring-color: hsl(var(--color-gray-100));
}
.ring-gray-200 {
  --tw-ring-color: hsl(var(--color-gray-200));
}
.ring-green-500 {
  --tw-ring-color: var(--x-green-500);
}
.ring-primary {
  --tw-ring-color: hsl(var(--primary));
}
.ring-text {
  --tw-ring-color: hsl(var(--color-text));
}
.ring-white,
.ring-white\/25 {
  --tw-ring-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-white\/25 {
    --tw-ring-color: color-mix(in oklab, var(--x-white) 25%, transparent);
  }
}
.ring-yellow-400 {
  --tw-ring-color: var(--x-yellow-400);
}
.ring-offset-0\! {
  --tw-ring-offset-width: 0px !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .outline-hidden {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.outline-hidden\! {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
@media (forced-colors: active) {
  .outline-hidden\! {
    outline-offset: 2px !important;
    outline: 2px solid #0000 !important;
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline-2 {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.outline-\[0\.5px\] {
  outline-style: var(--tw-outline-style);
  outline-width: 0.5px;
}
.outline-offset-0 {
  outline-offset: 0px;
}
.outline-brand {
  outline-color: hsl(var(--color-brand));
}
.outline-current {
  outline-color: currentColor;
}
.outline-gray-100\/10 {
  outline-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-100))) 10%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .outline-gray-100\/10 {
    outline-color: color-mix(
      in oklab,
      hsl(var(--color-gray-100)) 10%,
      transparent
    );
  }
}
.outline-red-500 {
  outline-color: var(--x-red-500);
}
.outline-ring {
  outline-color: hsl(var(--ring));
}
.outline-text {
  outline-color: hsl(var(--color-text));
}
.outline-transparent {
  outline-color: #0000;
}
.outline-white {
  outline-color: var(--x-white);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-2xl {
  --tw-blur: blur(var(--blur-2xl));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[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-none {
  --tw-blur: ;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-sm {
  --tw-blur: blur(var(--blur-sm));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-0 {
  --tw-brightness: brightness(0%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-75 {
  --tw-brightness: brightness(75%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-100 {
  --tw-brightness: brightness(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-lg {
  --tw-drop-shadow-size: drop-shadow(
    0 4px 4px var(--tw-drop-shadow-color, #00000026)
  );
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-md {
  --tw-drop-shadow-size: drop-shadow(
    0 3px 3px var(--tw-drop-shadow-color, #0000001f)
  );
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-sm {
  --tw-drop-shadow-size: drop-shadow(
    0 1px 2px var(--tw-drop-shadow-color, #00000026)
  );
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  -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-\[100px\] {
  --tw-backdrop-blur: blur(100px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(var(--blur-lg));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-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-blur-xs {
  --tw-backdrop-blur: blur(var(--blur-xs));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur,)
    var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
    var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
    var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
    var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to,
    opacity,
    box-shadow,
    transform,
    translate,
    scale,
    rotate,
    filter,
    -webkit-backdrop-filter,
    backdrop-filter,
    display,
    content-visibility,
    overlay,
    pointer-events;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,border-color\,box-shadow\] {
  transition-property: background-color, border-color, box-shadow;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,box-shadow\,opacity\] {
  transition-property: background-color, box-shadow, opacity;
  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-\[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-\[color\,background-color\,border-color\,opacity\]\! {
  transition-property:
    color, background-color, border-color, opacity !important;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  ) !important;
  transition-duration: var(
    --tw-duration,
    var(--default-transition-duration)
  ) !important;
}
.transition-\[color\,border-color\,box-shadow\,background-color\] {
  transition-property: color, 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-\[color\,box-shadow\] {
  transition-property: color, box-shadow;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,background-color\,color\,transform\] {
  transition-property: opacity, 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-\[opacity\,background-color\] {
  transition-property: opacity, background-color;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,filter\,translate\] {
  transition-property: opacity, filter, translate;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,filter\] {
  transition-property: opacity, filter;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,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\] {
  transition-property: opacity;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[outline-color\,background-color\] {
  transition-property: outline-color, background-color;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[transform\,opacity\] {
  transition-property: transform, opacity;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property:
    color, background-color, border-color, outline-color, text-decoration-color,
    fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-500 {
  transition-delay: 0.5s;
}
.duration-100 {
  --tw-duration: 0.1s;
  transition-duration: 0.1s;
}
.duration-150 {
  --tw-duration: 0.15s;
  transition-duration: 0.15s;
}
.duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
.duration-250 {
  --tw-duration: 0.25s;
  transition-duration: 0.25s;
}
.duration-300 {
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.duration-400 {
  --tw-duration: 0.4s;
  transition-duration: 0.4s;
}
.duration-500 {
  --tw-duration: 0.5s;
  transition-duration: 0.5s;
}
.duration-700 {
  --tw-duration: 0.7s;
  transition-duration: 0.7s;
}
.duration-1000 {
  --tw-duration: 1s;
  transition-duration: 1s;
}
.duration-\[120ms\] {
  --tw-duration: 0.12s;
  transition-duration: 0.12s;
}
.duration-\[250ms\] {
  --tw-duration: 0.25s;
  transition-duration: 0.25s;
}
.ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
  --tw-ease: cubic-bezier(0.2, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
.ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
  --tw-ease: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\] {
  --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.will-change-transform {
  will-change: transform;
}
.contain-\[layout\] {
  contain: layout;
}
.forced-color-adjust-none {
  forced-color-adjust: none;
}
.delay-100 {
  --tw-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.delay-500 {
  --tw-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.\!running {
  animation-play-state: running !important;
}
.\[--base-color\:\#a1a1aa\] {
  --base-color: #a1a1aa;
}
.\[--base-gradient-color\:\#000\] {
  --base-gradient-color: #000;
}
.\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
  --bg: linear-gradient(
    90deg,
    #0000 calc(50% - var(--spread)),
    var(--base-gradient-color),
    #0000 calc(50% + var(--spread))
  );
}
.\[--bg\:var\(--x-bg-primary\)\] {
  --bg: var(--x-bg-primary);
}
.\[--cell-radius\:var\(--radius\)\] {
  --cell-radius: var(--radius);
}
.\[--cell-size\:1\.75rem\] {
  --cell-size: 1.75rem;
}
.\[--enter-delay\:0\.6s\] {
  --enter-delay: 0.6s;
}
.\[--enter-delay\:0\.18s\] {
  --enter-delay: 0.18s;
}
.\[--enter-delay\:0\.32s\] {
  --enter-delay: 0.32s;
}
.\[--enter-delay\:0\.48s\] {
  --enter-delay: 0.48s;
}
.\[--enter-delay\:1\.1s\] {
  --enter-delay: 1.1s;
}
.\[--enter-delay\:2s\] {
  --enter-delay: 2s;
}
.\[--enter-duration\:0\.25s\] {
  --enter-duration: 0.25s;
}
.\[--exit-duration\:0\.15s\] {
  --exit-duration: 0.15s;
}
.\[--exit-duration\:0\.22s\] {
  --exit-duration: 0.22s;
}
.\[--fg\:currentColor\] {
  --fg: currentColor;
}
.\[--info-row-divider-inset\:1rem\] {
  --info-row-divider-inset: 1rem;
}
.\[--info-row-divider-inset\:3\.5rem\] {
  --info-row-divider-inset: 3.5rem;
}
.\[--pill-active\:var\(--x-neutral-100\)\] {
  --pill-active: var(--x-neutral-100);
}
.\[--pill-hover\:var\(--x-neutral-050\)\] {
  --pill-hover: var(--x-neutral-050);
}
.\[--pill\:var\(--x-white\)\] {
  --pill: var(--x-white);
}
.\[--profile-avatar-size\:clamp\(48px\,25cqw\,136px\)\] {
  --profile-avatar-size: clamp(48px, 25cqw, 136px);
}
.\[--pulse-ring-color\:hsl\(var\(--color-magenta-500\)\)\] {
  --pulse-ring-color: hsl(var(--color-magenta-500));
}
.\[--pulse-ring-color\:hsl\(var\(--color-purple-500\)\)\] {
  --pulse-ring-color: hsl(var(--color-purple-500));
}
.\[--sidebar-pin-top\:0px\] {
  --sidebar-pin-top: 0px;
}
.\[--sidebar-pin-top\:72px\] {
  --sidebar-pin-top: 72px;
}
.\[--x-bg-primary\:var\(--x-bg-secondary\)\] {
  --x-bg-primary: var(--x-bg-secondary);
}
.\[--x-bg-primary\:var\(--x-bg-tertiary\)\] {
  --x-bg-primary: var(--x-bg-tertiary);
}
.\[--x-bg-primary\:var\(--x-btn-secondary\)\] {
  --x-bg-primary: var(--x-btn-secondary);
}
.\[--x-radius-m\:1\.8\] {
  --x-radius-m: 1.8;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[-webkit-mask-image\:linear-gradient\(90deg\,transparent_0\,black_12px\)\] {
  -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 12px);
}
.\[-webkit-mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\],
.\[-webkit-mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)\,rgba\(0\,0\,0\,0\)\)\] {
  -webkit-mask-image: linear-gradient(#000, #0000);
}
.\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,black\)\],
.\[-webkit-mask-image\:linear-gradient\(to_top\,black\,transparent\)\] {
  -webkit-mask-image: linear-gradient(#0000, #000);
}
.\[-webkit-tap-highlight-color\:transparent\] {
  -webkit-tap-highlight-color: transparent;
}
.\[-webkit-touch-callout\:none\] {
  -webkit-touch-callout: none;
}
.\[animation-fill-mode\:both\] {
  animation-fill-mode: both;
}
.\[animation-timing-function\:ease-out\] {
  animation-timing-function: ease-out;
}
.\[contain-intrinsic-size\:auto_56px\] {
  contain-intrinsic-size: auto 56px;
}
.\[content-visibility\:auto\] {
  content-visibility: auto;
}
.\[dynamic-range-limit\:standard\] {
  dynamic-range-limit: standard;
}
.\[image-rendering\:pixelated\] {
  image-rendering: pixelated;
}
.\[overflow-anchor\:none\] {
  overflow-anchor: none;
}
.\[overflow-clip-margin\:1px\] {
  overflow-clip-margin: 1px;
}
.\[shape-rendering\:crispEdges\] {
  shape-rendering: crispedges;
}
.\[tap-highlight-color\:transparent\] {
  tap-highlight-color: transparent;
}
.\[touch-callout\:none\] {
  touch-callout: none;
}
.\[user-select\:none\] {
  -webkit-user-select: none;
  user-select: none;
}
.backface-hidden {
  backface-visibility: hidden;
}
.corner-round\! {
  corner-shape: round !important;
}
.corner-squircle {
  corner-shape: squircle;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.pause,
.paused {
  animation-play-state: paused;
}
.ring-inset {
  --tw-ring-inset: inset;
}
.running {
  animation-play-state: running;
}
:is(.\*\:relative > *) {
  position: relative;
}
:is(.\*\:my-0 > *) {
  margin-block: 0;
}
:is(.\*\:aspect-square > *) {
  aspect-ratio: 1;
}
:is(.\*\:h-full > *) {
  height: 100%;
}
:is(.\*\:shrink-0 > *) {
  flex-shrink: 0;
}
:is(.\*\:rounded-none > *) {
  border-radius: 0;
}
:is(.\*\*\:size-full\! *) {
  width: 100% !important;
  height: 100% !important;
}
.not-has-\[\>\[data-list-group\]\]\:bg-black-04:not(:has(> [data-list-group])) {
  background-color: var(--x-black-04);
}
.not-has-\[\>\[data-list-group\]\]\:p-1:not(:has(> [data-list-group])) {
  padding: 4px;
}
.group-last\:border-b-0:is(:where(.group):last-child *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
.group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
  pointer-events: auto;
}
.group-focus-within\:visible:is(:where(.group):focus-within *) {
  visibility: visible;
}
.group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
  opacity: 0;
}
.group-focus-within\:opacity-100:is(:where(.group):focus-within *),
.group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
  opacity: 1;
}
@media (hover: hover) {
  .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
    pointer-events: auto;
  }
  .group-hover\:visible:is(:where(.group):hover *) {
    visibility: visible;
  }
  .group-hover\:scale-125:is(:where(.group):hover *) {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-hover\:bg-fg-alpha-10:is(:where(.group):hover *) {
    background-color: var(--x-fg-alpha-10);
  }
  .group-hover\:bg-gray-200:is(:where(.group):hover *) {
    background-color: hsl(var(--color-gray-200));
  }
  .group-hover\:bg-mix-text:is(:where(.group):hover *) {
    background-image: linear-gradient(
      hsl(hsl(var(--color-text))),
      hsl(hsl(var(--color-text)))
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-mix-text:is(:where(.group):hover *) {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .group-hover\:text-gray-700:is(:where(.group):hover *) {
    color: hsl(var(--color-gray-700));
  }
  .group-hover\:text-primary:is(:where(.group):hover *) {
    color: var(--x-fg-primary);
  }
  .group-hover\:text-red-700:is(:where(.group):hover *) {
    color: var(--x-red-700);
  }
  .group-hover\:text-secondary:is(:where(.group):hover *) {
    color: var(--x-fg-secondary);
  }
  .group-hover\:opacity-0:is(:where(.group):hover *) {
    opacity: 0;
  }
  .group-hover\:opacity-80:is(:where(.group):hover *) {
    opacity: 0.8;
  }
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 1;
  }
  .group-hover\:shadow-md:is(:where(.group):hover *) {
    --tw-shadow: var(--x-shadow-md);
    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\:bg-mix-amount-10:is(:where(.group):hover *) {
    --tw-bg-mix-amount: calc(10 * 1%);
  }
  .group-hover\/image\:opacity-0:is(:where(.group\/image):hover *) {
    opacity: 0;
  }
  .group-hover\/image\:opacity-100:is(:where(.group\/image):hover *),
  .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
    opacity: 1;
  }
  .group-hover\/scrubber\:block:is(:where(.group\/scrubber):hover *) {
    display: block;
  }
  .group-hover\/tile\:pointer-events-auto:is(:where(.group\/tile):hover *) {
    pointer-events: auto;
  }
  .group-hover\/tile\:opacity-100:is(:where(.group\/tile):hover *) {
    opacity: 1;
  }
}
.group-focus-visible\:outline:is(:where(.group):focus-visible *) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.group-focus-visible\:outline-gray-500:is(:where(.group):focus-visible *) {
  outline-color: hsl(var(--color-gray-500));
}
.group-focus-visible\/image\:opacity-0:is(
  :where(.group\/image):focus-visible *
) {
  opacity: 0;
}
.group-focus-visible\/image\:opacity-100:is(
  :where(.group\/image):focus-visible *
) {
  opacity: 1;
}
.group-active\:scale-90:is(:where(.group):active *) {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-has-\[input\[name\=username\]\:not\(\:placeholder-shown\)\]\/landing\:bg-black:is(
  :where(.group\/landing):has(
      :is(input[name="username"]:not(:placeholder-shown))
    )
    *
) {
  background-color: var(--x-black);
}
.group-has-\[input\[name\=username\]\:not\(\:placeholder-shown\)\]\/landing\:text-white:is(
  :where(.group\/landing):has(
      :is(input[name="username"]:not(:placeholder-shown))
    )
    *
) {
  color: var(--x-white);
}
.group-data-checked\:scale-100:is(:where(.group)[data-checked] *) {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-data-\[checked\]\/switch\:translate-x-\[16px\]:is(
  :where(.group\/switch)[data-checked] *
) {
  --tw-translate-x: 16px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[checked\]\/switch\:translate-x-\[23px\]:is(
  :where(.group\/switch)[data-checked] *
) {
  --tw-translate-x: 23px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[checked\]\/switch\:bg-blue-500:is(
  :where(.group\/switch)[data-checked] *
) {
  background-color: var(--x-blue-500);
}
.group-data-\[checked\]\/switch\:bg-green-500:is(
  :where(.group\/switch)[data-checked] *
) {
  background-color: var(--x-green-500);
}
.group-data-\[checked\]\/switch\:bg-red-500:is(
  :where(.group\/switch)[data-checked] *
) {
  background-color: var(--x-red-500);
}
.group-data-\[focused\=true\]\/day\:relative:is(
  :where(.group\/day)[data-focused="true"] *
) {
  position: relative;
}
.group-data-\[focused\=true\]\/day\:z-10:is(
  :where(.group\/day)[data-focused="true"] *
) {
  z-index: 10;
}
.group-data-\[focused\=true\]\/day\:border-primary:is(
  :where(.group\/day)[data-focused="true"] *
) {
  border-color: hsl(var(--primary));
}
.group-data-\[focused\=true\]\/day\:ring-3:is(
  :where(.group\/day)[data-focused="true"] *
) {
  --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);
}
.group-data-\[focused\=true\]\/day\:ring-primary\/50:is(
  :where(.group\/day)[data-focused="true"] *
) {
  --tw-ring-color: hsl(var(--primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .group-data-\[focused\=true\]\/day\:ring-primary\/50:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
  }
}
.group-data-\[popup-open\]\:scale-y-\[-1\]:is(
  :where(.group)[data-popup-open] *
) {
  --tw-scale-y: -1;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-data-\[state\=closed\]\:animate-exit-fade:is(
  :where(.group)[data-state="closed"] *
) {
  animation: exit-fade var(--exit-duration, 0.2s) ease forwards;
}
.group-data-\[state\=open\]\:animate-enter-fade:is(
  :where(.group)[data-state="open"] *
) {
  animation: enter-fade var(--enter-duration, 0.3s) var(--enter-ease, ease)
    var(--enter-delay, 0s) both;
}
.group-\[\.toast\]\:bg-gray-50:is(:where(.group).toast *) {
  background-color: hsl(var(--color-gray-50));
}
.group-\[\.toast\]\:text-gray-700:is(:where(.group).toast *) {
  color: hsl(var(--color-gray-700));
}
.peer-placeholder-shown\:top-5:is(:where(.peer):placeholder-shown ~ *) {
  top: 20px;
}
.peer-placeholder-shown\:text-headline2:is(
  :where(.peer):placeholder-shown ~ *
) {
  font-size: 17px;
  line-height: var(--tw-leading, 20px);
}
.peer-placeholder-shown\:text-gray-700:is(:where(.peer):placeholder-shown ~ *) {
  color: hsl(var(--color-gray-700));
}
.peer-invalid\:text-red-500:is(:where(.peer):invalid ~ *) {
  color: var(--x-red-500);
}
.peer-focus\:top-2:is(:where(.peer):focus ~ *) {
  top: 8px;
}
.peer-focus\:text-subtext2:is(:where(.peer):focus ~ *) {
  font-size: 13px;
  line-height: var(--tw-leading, 16px);
}
.peer-focus\:text-brand:is(:where(.peer):focus ~ *) {
  color: var(--x-fg-brand);
}
.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
  opacity: 0.5;
}
.peer-has-\[\:focus-visible\]\/controls\:opacity-0:is(
  :where(.peer\/controls):has(:focus-visible) ~ *
) {
  opacity: 0;
}
.peer-data-\[scroll-fade\=both\]\:opacity-100:is(
  :where(.peer)[data-scroll-fade="both"] ~ *
),
.peer-data-\[scroll-fade\=end\]\:opacity-100:is(
  :where(.peer)[data-scroll-fade="end"] ~ *
),
.peer-data-\[scroll-fade\=start\]\:opacity-100:is(
  :where(.peer)[data-scroll-fade="start"] ~ *
) {
  opacity: 1;
}
.marker\:text-secondary ::marker {
  color: var(--x-fg-secondary);
}
.marker\:text-secondary::marker {
  color: var(--x-fg-secondary);
}
.marker\:text-secondary ::-webkit-details-marker {
  color: var(--x-fg-secondary);
}
.marker\:text-secondary::-webkit-details-marker {
  color: var(--x-fg-secondary);
}
.selection\:bg-\[Highlight\] ::selection {
  background-color: highlight;
}
.selection\:bg-\[Highlight\]::selection {
  background-color: highlight;
}
.selection\:bg-brand\/20 ::selection {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 20%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .selection\:bg-brand\/20 ::selection {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 20%,
      transparent
    );
  }
}
.selection\:bg-brand\/20::selection {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 20%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .selection\:bg-brand\/20::selection {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 20%,
      transparent
    );
  }
}
.selection\:text-transparent ::selection {
  color: #0000;
}
.selection\:text-transparent::selection {
  color: #0000;
}
.placeholder\:text-gray-500::placeholder {
  color: hsl(var(--color-gray-500));
}
.placeholder\:text-gray-700::placeholder {
  color: hsl(var(--color-gray-700));
}
.placeholder\:text-gray-800::placeholder {
  color: hsl(var(--color-gray-800));
}
.placeholder\:text-secondary::placeholder {
  color: var(--x-fg-secondary);
}
.placeholder\:text-tertiary::placeholder {
  color: var(--x-fg-tertiary);
}
.placeholder\:text-transparent::placeholder {
  color: #0000;
}
.placeholder\:text-white\/40::placeholder {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .placeholder\:text-white\/40::placeholder {
    color: color-mix(in oklab, var(--x-white) 40%, transparent);
  }
}
.before\:pointer-events-none:before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:-z-10:before {
  content: var(--tw-content);
  z-index: calc(10 * -1);
}
.before\:z-\[1\]:before {
  content: var(--tw-content);
  z-index: 1;
}
.before\:scale-\[0\.88\]:before {
  content: var(--tw-content);
  scale: 0.88;
}
.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:bg-blue-500\/10:before {
  content: var(--tw-content);
  background-color: var(--x-blue-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .before\:bg-blue-500\/10:before {
    background-color: color-mix(in oklab, var(--x-blue-500) 10%, transparent);
  }
}
.before\:bg-green-500\/10:before {
  content: var(--tw-content);
  background-color: var(--x-green-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .before\:bg-green-500\/10:before {
    background-color: color-mix(in oklab, var(--x-green-500) 10%, transparent);
  }
}
.before\:bg-magenta-500\/10:before {
  content: var(--tw-content);
  background-color: var(--x-magenta-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .before\:bg-magenta-500\/10:before {
    background-color: color-mix(
      in oklab,
      var(--x-magenta-500) 10%,
      transparent
    );
  }
}
.before\:bg-radial-\[circle_at_top_left\]:before {
  content: var(--tw-content);
  --tw-gradient-position: circle at top left;
  background-image: radial-gradient(
    var(--tw-gradient-stops, circle at top left)
  );
}
.before\:from-magenta-500\/40:before {
  content: var(--tw-content);
  --tw-gradient-from: var(--x-magenta-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .before\:from-magenta-500\/40:before {
    --tw-gradient-from: color-mix(
      in oklab,
      var(--x-magenta-500) 40%,
      transparent
    );
  }
}
.before\:from-magenta-500\/40:before {
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.before\:to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.before\:opacity-\[0\]:before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:transition-\[opacity\,scale\]:before {
  content: var(--tw-content);
  transition-property: opacity, scale;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.before\:duration-\[140ms\]:before {
  content: var(--tw-content);
  --tw-duration: 0.14s;
  transition-duration: 0.14s;
}
.before\:ease-\[ease-out\]:before {
  content: var(--tw-content);
  --tw-ease: ease-out;
  transition-timing-function: ease-out;
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
@media (hover: hover) {
  .group-hover\:before\:scale-100:is(:where(.group):hover *):before {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-hover\:before\:opacity-\[1\]:is(:where(.group):hover *):before {
    content: var(--tw-content);
    opacity: 1;
  }
}
.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}
.after\:inset-x-0:after {
  content: var(--tw-content);
  inset-inline: 0;
}
.after\:inset-y-0:after {
  content: var(--tw-content);
  inset-block: 0;
}
.after\:top-full:after {
  content: var(--tw-content);
  top: 100%;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}
.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}
.after\:-z-10:after {
  content: var(--tw-content);
  z-index: calc(10 * -1);
}
.after\:h-3:after {
  content: var(--tw-content);
  height: 12px;
}
.after\:w-4:after {
  content: var(--tw-content);
  width: 16px;
}
.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:bg-gray-50:after {
  content: var(--tw-content);
  background-color: hsl(var(--color-gray-50));
}
.after\:bg-linear-to-b:after {
  content: var(--tw-content);
  --tw-gradient-position: to bottom;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
  .after\:bg-linear-to-b:after {
    --tw-gradient-position: to bottom in oklab;
  }
}
.after\:bg-linear-to-b:after {
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.after\:from-\(--x-bg-modal\):after {
  content: var(--tw-content);
  --tw-gradient-from: var(--x-bg-modal);
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.after\:to-transparent:after {
  content: var(--tw-content);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
}
.after\:shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.1\)\]:after {
  content: var(--tw-content);
  --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffffff1a);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.first\:mt-0:first-child {
  margin-top: 0;
}
.last\:rounded-b-\[30px\]:last-child {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.last\:border-e-0:last-child {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 0;
}
.last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
.empty\:hidden:empty {
  display: none;
}
.focus-within\:border-brand:focus-within {
  border-color: hsl(var(--color-brand));
}
.focus-within\:border-chat-accent:focus-within {
  border-color: hsl(var(--chat-accent));
}
.focus-within\:border-gray-200:focus-within {
  border-color: hsl(var(--color-gray-200));
}
.focus-within\:bg-background\/50:focus-within {
  background-color: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-within\:bg-background\/50:focus-within {
    background-color: color-mix(
      in oklab,
      hsl(var(--background)) 50%,
      transparent
    );
  }
}
.focus-within\:bg-tertiary:focus-within {
  background-color: var(--x-bg-tertiary);
}
.focus-within\:bg-transparent:focus-within {
  background-color: #0000;
}
.focus-within\:text-brand:focus-within {
  color: var(--x-fg-brand);
}
@media (hover: hover) {
  .hover\:max-w-\[600px\]:hover {
    max-width: 600px;
  }
  .hover\:scale-105:hover {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .hover\:scale-110:hover {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .hover\:scale-\[1\.02\]:hover {
    scale: 1.02;
  }
  .hover\:border-active:hover {
    border-color: var(--x-border-active);
  }
  .hover\:border-gray-200:hover {
    border-color: hsl(var(--color-gray-200));
  }
  .hover\:border-gray-300:hover {
    border-color: hsl(var(--color-gray-300));
  }
  .hover\:border-hover:hover {
    border-color: var(--x-border-hover);
  }
  .hover\:border-neutral-700:hover {
    border-color: var(--x-neutral-700);
  }
  .hover\:\!bg-transparent:hover {
    background-color: #0000 !important;
  }
  .hover\:bg-\(--pill-hover\):hover {
    background-color: var(--pill-hover);
  }
  .hover\:bg-\[rgba\(45\,45\,45\,0\.85\)\]:hover {
    background-color: #2d2d2dd9;
  }
  .hover\:bg-background:hover,
  .hover\:bg-background\/85:hover {
    background-color: hsl(var(--background));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-background\/85:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--background)) 85%,
        transparent
      );
    }
  }
  .hover\:bg-black-08:hover {
    background-color: var(--x-black-08);
  }
  .hover\:bg-black-50:hover {
    background-color: var(--x-black-50);
  }
  .hover\:bg-black\/5:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/5:hover {
      background-color: color-mix(in oklab, var(--x-black) 5%, transparent);
    }
  }
  .hover\:bg-black\/10:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/10:hover {
      background-color: color-mix(in oklab, var(--x-black) 10%, transparent);
    }
  }
  .hover\:bg-black\/40:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/40:hover {
      background-color: color-mix(in oklab, var(--x-black) 40%, transparent);
    }
  }
  .hover\:bg-black\/50:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/50:hover {
      background-color: color-mix(in oklab, var(--x-black) 50%, transparent);
    }
  }
  .hover\:bg-black\/70:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/70:hover {
      background-color: color-mix(in oklab, var(--x-black) 70%, transparent);
    }
  }
  .hover\:bg-black\/80:hover {
    background-color: var(--x-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/80:hover {
      background-color: color-mix(in oklab, var(--x-black) 80%, transparent);
    }
  }
  .hover\:bg-blue-500\/10:hover {
    background-color: var(--x-blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-blue-500\/10:hover {
      background-color: color-mix(in oklab, var(--x-blue-500) 10%, transparent);
    }
  }
  .hover\:bg-blue-600:hover {
    background-color: var(--x-blue-600);
  }
  .hover\:bg-brand\/10:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-brand))) 10%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-brand\/10:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-brand)) 10%,
        transparent
      );
    }
  }
  .hover\:bg-brand\/20:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-brand))) 20%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-brand\/20:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-brand)) 20%,
        transparent
      );
    }
  }
  .hover\:bg-btn-destructive-hover:hover {
    background-color: var(--x-btn-destructive-hover);
  }
  .hover\:bg-btn-ghost-hover:hover {
    background-color: var(--x-btn-ghost-hover);
  }
  .hover\:bg-btn-inverted-hover:hover {
    background-color: var(--x-btn-inverted-hover);
  }
  .hover\:bg-btn-primary-hover:hover {
    background-color: var(--x-btn-primary-hover);
  }
  .hover\:bg-btn-secondary-hover:hover {
    background-color: var(--x-btn-secondary-hover);
  }
  .hover\:bg-btn-tertiary:hover {
    background-color: var(--x-btn-tertiary);
  }
  .hover\:bg-btn-tertiary-hover:hover {
    background-color: var(--x-btn-tertiary-hover);
  }
  .hover\:bg-destructive\/10:hover {
    background-color: var(--x-bg-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/10:hover {
      background-color: color-mix(
        in oklab,
        var(--x-bg-destructive) 10%,
        transparent
      );
    }
  }
  .hover\:bg-fg-alpha-50:hover {
    background-color: var(--x-fg-alpha-50);
  }
  .hover\:bg-gray-0:hover {
    background-color: hsl(var(--color-gray-0));
  }
  .hover\:bg-gray-50:hover {
    background-color: hsl(var(--color-gray-50));
  }
  .hover\:bg-gray-50\/50:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-gray-50))) 50%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-gray-50\/50:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-gray-50)) 50%,
        transparent
      );
    }
  }
  .hover\:bg-gray-100:hover {
    background-color: hsl(var(--color-gray-100));
  }
  .hover\:bg-gray-100\/50:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-gray-100))) 50%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-gray-100\/50:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-gray-100)) 50%,
        transparent
      );
    }
  }
  .hover\:bg-gray-200:hover {
    background-color: hsl(var(--color-gray-200));
  }
  .hover\:bg-gray-300:hover {
    background-color: hsl(var(--color-gray-300));
  }
  .hover\:bg-gray-300\/10:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-gray-300))) 10%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-gray-300\/10:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-gray-300)) 10%,
        transparent
      );
    }
  }
  .hover\:bg-gray-600:hover {
    background-color: hsl(var(--color-gray-600));
  }
  .hover\:bg-gray-700:hover {
    background-color: hsl(var(--color-gray-700));
  }
  .hover\:bg-gray-900:hover {
    background-color: hsl(var(--color-gray-900));
  }
  .hover\:bg-gray-1000:hover {
    background-color: hsl(var(--color-gray-1000));
  }
  .hover\:bg-gray-1100\/90:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-gray-1100))) 90%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-gray-1100\/90:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-gray-1100)) 90%,
        transparent
      );
    }
  }
  .hover\:bg-green-600:hover {
    background-color: var(--x-green-600);
  }
  .hover\:bg-magenta-500\/10:hover {
    background-color: var(--x-magenta-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-magenta-500\/10:hover {
      background-color: color-mix(
        in oklab,
        var(--x-magenta-500) 10%,
        transparent
      );
    }
  }
  .hover\:bg-muted:hover,
  .hover\:bg-muted\/50:hover {
    background-color: hsl(var(--muted));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/50:hover {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }
  .hover\:bg-plum-0:hover {
    background-color: hsl(var(--color-plum-0));
  }
  .hover\:bg-plum-600:hover {
    background-color: var(--x-plum-600);
  }
  .hover\:bg-purple-500\/10:hover {
    background-color: var(--x-purple-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-purple-500\/10:hover {
      background-color: color-mix(
        in oklab,
        var(--x-purple-500) 10%,
        transparent
      );
    }
  }
  .hover\:bg-red-400\/10:hover {
    background-color: var(--x-red-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-red-400\/10:hover {
      background-color: color-mix(in oklab, var(--x-red-400) 10%, transparent);
    }
  }
  .hover\:bg-red-500\/90:hover {
    background-color: var(--x-red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-red-500\/90:hover {
      background-color: color-mix(in oklab, var(--x-red-500) 90%, transparent);
    }
  }
  .hover\:bg-red-600:hover {
    background-color: var(--x-red-600);
  }
  .hover\:bg-secondary\/60:hover {
    background-color: var(--x-bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-secondary\/60:hover {
      background-color: color-mix(
        in oklab,
        var(--x-bg-secondary) 60%,
        transparent
      );
    }
  }
  .hover\:bg-tertiary\/50:hover {
    background-color: var(--x-bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-tertiary\/50:hover {
      background-color: color-mix(
        in oklab,
        var(--x-bg-tertiary) 50%,
        transparent
      );
    }
  }
  .hover\:bg-text\/20:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-text))) 20%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-text\/20:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-text)) 20%,
        transparent
      );
    }
  }
  .hover\:bg-text\/40:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-text))) 40%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-text\/40:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-text)) 40%,
        transparent
      );
    }
  }
  .hover\:bg-transparent:hover {
    background-color: #0000;
  }
  .hover\:bg-white-15:hover {
    background-color: var(--x-white-15);
  }
  .hover\:bg-white-30:hover {
    background-color: var(--x-white-30);
  }
  .hover\:bg-white-90:hover {
    background-color: var(--x-white-90);
  }
  .hover\:bg-white\/10:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/10:hover {
      background-color: color-mix(in oklab, var(--x-white) 10%, transparent);
    }
  }
  .hover\:bg-white\/20:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/20:hover {
      background-color: color-mix(in oklab, var(--x-white) 20%, transparent);
    }
  }
  .hover\:bg-white\/25:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/25:hover {
      background-color: color-mix(in oklab, var(--x-white) 25%, transparent);
    }
  }
  .hover\:bg-white\/30:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/30:hover {
      background-color: color-mix(in oklab, var(--x-white) 30%, transparent);
    }
  }
  .hover\:bg-white\/40:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/40:hover {
      background-color: color-mix(in oklab, var(--x-white) 40%, transparent);
    }
  }
  .hover\:bg-white\/50:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/50:hover {
      background-color: color-mix(in oklab, var(--x-white) 50%, transparent);
    }
  }
  .hover\:bg-white\/60:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/60:hover {
      background-color: color-mix(in oklab, var(--x-white) 60%, transparent);
    }
  }
  .hover\:bg-white\/70:hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/70:hover {
      background-color: color-mix(in oklab, var(--x-white) 70%, transparent);
    }
  }
  .hover\:bg-yellow-600:hover {
    background-color: var(--x-yellow-600);
  }
  .hover\:bg-mix-background:hover {
    background-image: linear-gradient(
      hsl(var(--background)),
      hsl(var(--background))
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-background:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-black:hover {
    background-image: linear-gradient(var(--x-black), var(--x-black));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-black:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          var(--x-black) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          var(--x-black) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-brand:hover {
    background-image: linear-gradient(
      hsl(hsl(var(--color-brand))),
      hsl(hsl(var(--color-brand)))
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-brand:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-current:hover {
    background-image: linear-gradient(currentColor, currentColor);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-current:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          currentColor var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          currentColor var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-red-500:hover {
    background-image: linear-gradient(var(--x-red-500), var(--x-red-500));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-red-500:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          var(--x-red-500) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          var(--x-red-500) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-text:hover {
    background-image: linear-gradient(
      hsl(hsl(var(--color-text))),
      hsl(hsl(var(--color-text)))
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-text:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:bg-mix-white:hover {
    background-image: linear-gradient(var(--x-white), var(--x-white));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-mix-white:hover {
      background-image: linear-gradient(
        color-mix(
          in srgb,
          var(--x-white) var(--tw-bg-mix-amount, 0%),
          transparent
        ),
        color-mix(
          in srgb,
          var(--x-white) var(--tw-bg-mix-amount, 0%),
          transparent
        )
      );
    }
  }
  .hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground));
  }
  .hover\:text-blue-500:hover {
    color: var(--x-blue-500);
  }
  .hover\:text-brand:hover {
    color: var(--x-fg-brand);
  }
  .hover\:text-chat-accent:hover {
    color: hsl(var(--chat-accent));
  }
  .hover\:text-foreground:hover {
    color: hsl(var(--foreground));
  }
  .hover\:text-gray-900:hover {
    color: hsl(var(--color-gray-900));
  }
  .hover\:text-gray-1100:hover {
    color: hsl(var(--color-gray-1100));
  }
  .hover\:text-green-500:hover {
    color: var(--x-green-500);
  }
  .hover\:text-magenta-500:hover {
    color: var(--x-magenta-500);
  }
  .hover\:text-primary:hover {
    color: var(--x-fg-primary);
  }
  .hover\:text-purple-500:hover {
    color: var(--x-purple-500);
  }
  .hover\:text-text:hover {
    color: hsl(var(--color-text));
  }
  .hover\:text-white:hover {
    color: var(--x-white);
  }
  .hover\:\!underline:hover {
    text-decoration-line: underline !important;
  }
  .hover\:no-underline:hover {
    text-decoration-line: none;
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:opacity-80:hover {
    opacity: 0.8;
  }
  .hover\:opacity-90:hover {
    opacity: 0.9;
  }
  .hover\:opacity-100:hover {
    opacity: 1;
  }
  .hover\:shadow-md:hover {
    --tw-shadow: var(--x-shadow-md);
    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-xs:hover {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:ring-2:hover {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:outline-hidden:hover {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .hover\:outline-hidden:hover {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .hover\:outline:hover {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .hover\:outline-2:hover {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .hover\:outline-gray-300:hover {
    outline-color: hsl(var(--color-gray-300));
  }
  .hover\:brightness-90:hover {
    --tw-brightness: brightness(90%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .hover\:duration-0:hover {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .hover\:\[--x-bg-primary\:var\(--x-btn-secondary-hover\)\]:hover {
    --x-bg-primary: var(--x-btn-secondary-hover);
  }
  .hover\:bg-mix-amount-10:hover {
    --tw-bg-mix-amount: calc(10 * 1%);
  }
  .hover\:bg-mix-amount-15:hover {
    --tw-bg-mix-amount: calc(15 * 1%);
  }
}
.focus\:border-active:focus {
  border-color: var(--x-border-active);
}
.focus\:border-blue-500:focus {
  border-color: var(--x-blue-500);
}
.focus\:border-brand:focus {
  border-color: hsl(var(--color-brand));
}
.focus\:border-chat-accent:focus {
  border-color: hsl(var(--chat-accent));
}
.focus\:border-destructive:focus {
  border-color: var(--x-border-destructive);
}
.focus\:border-normal:focus {
  border-color: var(--x-border-normal);
}
.focus\:border-text:focus {
  border-color: hsl(var(--color-text));
}
.focus\:bg-gray-0:focus {
  background-color: hsl(var(--color-gray-0));
}
.focus\:bg-gray-50:focus {
  background-color: hsl(var(--color-gray-50));
}
.focus\:bg-text\/40:focus {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 40%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:bg-text\/40:focus {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-text)) 40%,
      transparent
    );
  }
}
.focus\:bg-text\/50:focus {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-text))) 50%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:bg-text\/50:focus {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-text)) 50%,
      transparent
    );
  }
}
.focus\:bg-mix-text:focus {
  background-image: linear-gradient(
    hsl(hsl(var(--color-text))),
    hsl(hsl(var(--color-text)))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:bg-mix-text:focus {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus\:text-primary:focus {
  color: var(--x-fg-primary);
}
.focus\:text-text:focus {
  color: hsl(var(--color-text));
}
.focus\:shadow-focus:focus {
  --tw-shadow: var(--x-shadow-focus);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:shadow-focus-destructive:focus {
  --tw-shadow: var(--x-shadow-focus-destructive);
  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-0:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-0\!:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.focus\:ring-1:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-brand:focus {
  --tw-ring-color: hsl(var(--color-brand));
}
.focus\:ring-gray-100:focus {
  --tw-ring-color: hsl(var(--color-gray-100));
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-0\!:focus {
  --tw-ring-offset-width: 0px !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .focus\:outline-hidden:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.focus\:outline-hidden\!:focus {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
@media (forced-colors: active) {
  .focus\:outline-hidden\!:focus {
    outline-offset: 2px !important;
    outline: 2px solid #0000 !important;
  }
}
.focus\:brightness-100:focus {
  --tw-brightness: brightness(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.focus\:bg-mix-amount-10:focus {
  --tw-bg-mix-amount: calc(10 * 1%);
}
.focus-visible\:pointer-events-auto:focus-visible {
  pointer-events: auto;
}
.focus-visible\:border-active:focus-visible {
  border-color: var(--x-border-active);
}
.focus-visible\:border-ring:focus-visible {
  border-color: hsl(var(--ring));
}
.focus-visible\:bg-btn-ghost-hover:focus-visible {
  background-color: var(--x-btn-ghost-hover);
}
.focus-visible\:bg-gray-50:focus-visible {
  background-color: hsl(var(--color-gray-50));
}
.focus-visible\:bg-mix-background:focus-visible {
  background-image: linear-gradient(
    hsl(var(--background)),
    hsl(var(--background))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-background:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:bg-mix-black:focus-visible {
  background-image: linear-gradient(var(--x-black), var(--x-black));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-black:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-black) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-black) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:bg-mix-brand:focus-visible {
  background-image: linear-gradient(
    hsl(hsl(var(--color-brand))),
    hsl(hsl(var(--color-brand)))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-brand:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:bg-mix-current:focus-visible {
  background-image: linear-gradient(currentColor, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-current:focus-visible {
    background-image: linear-gradient(
      color-mix(in srgb, currentColor var(--tw-bg-mix-amount, 0%), transparent),
      color-mix(in srgb, currentColor var(--tw-bg-mix-amount, 0%), transparent)
    );
  }
}
.focus-visible\:bg-mix-red-500:focus-visible {
  background-image: linear-gradient(var(--x-red-500), var(--x-red-500));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-red-500:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-red-500) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-red-500) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:bg-mix-text:focus-visible {
  background-image: linear-gradient(
    hsl(hsl(var(--color-text))),
    hsl(hsl(var(--color-text)))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-text:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:bg-mix-white:focus-visible {
  background-image: linear-gradient(var(--x-white), var(--x-white));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:bg-mix-white:focus-visible {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-white) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-white) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.focus-visible\:\!underline:focus-visible {
  text-decoration-line: underline !important;
}
.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}
.focus-visible\:shadow-focus:focus-visible {
  --tw-shadow: var(--x-shadow-focus);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:\!ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-0\!:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.focus-visible\:ring-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-\[3px\]: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-white:focus-visible {
  --tw-ring-color: var(--x-white) !important;
}
.focus-visible\:ring-brand:focus-visible {
  --tw-ring-color: hsl(var(--color-brand));
}
.focus-visible\:ring-brand\/20:focus-visible {
  --tw-ring-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 20%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-brand\/20:focus-visible {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 20%,
      transparent
    );
  }
}
.focus-visible\:ring-chat-accent:focus-visible {
  --tw-ring-color: hsl(var(--chat-accent));
}
.focus-visible\:ring-destructive\/20:focus-visible {
  --tw-ring-color: hsl(var(--destructive));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--destructive)) 20%,
      transparent
    );
  }
}
.focus-visible\:ring-gray-700:focus-visible {
  --tw-ring-color: hsl(var(--color-gray-700));
}
.focus-visible\:ring-ring:focus-visible,
.focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
  }
}
.focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-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: hsl(var(--background));
}
.focus-visible\:outline-hidden:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.focus-visible\:outline-hidden\!:focus-visible {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
@media (forced-colors: active) {
  .focus-visible\:outline-hidden\!:focus-visible {
    outline-offset: 2px !important;
    outline: 2px solid #0000 !important;
  }
}
.focus-visible\:outline:focus-visible,
.focus-visible\:outline-1:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.focus-visible\:-outline-offset-1:focus-visible {
  outline-offset: calc(1px * -1);
}
.focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: calc(2px * -1);
}
.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-offset-\[-2px\]:focus-visible {
  outline-offset: -2px;
}
.focus-visible\:outline-blue-500:focus-visible {
  outline-color: var(--x-blue-500);
}
.focus-visible\:outline-brand:focus-visible {
  outline-color: hsl(var(--color-brand));
}
.focus-visible\:outline-ring:focus-visible {
  outline-color: hsl(var(--ring));
}
.focus-visible\:outline-white:focus-visible {
  outline-color: var(--x-white);
}
.focus-visible\:bg-mix-amount-10:focus-visible {
  --tw-bg-mix-amount: calc(10 * 1%);
}
.active\:scale-95:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-97:active {
  --tw-scale-x: 97%;
  --tw-scale-y: 97%;
  --tw-scale-z: 97%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-98:active {
  --tw-scale-x: 98%;
  --tw-scale-y: 98%;
  --tw-scale-z: 98%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.96\]:active {
  scale: 0.96;
}
.active\:scale-\[0\.97\]:active {
  scale: 0.97;
}
.active\:scale-\[0\.98\]:active {
  scale: 0.98;
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:\!bg-transparent:active {
  background-color: #0000 !important;
}
.active\:bg-\(--pill-active\):active {
  background-color: var(--pill-active);
}
.active\:bg-background\/95:active {
  background-color: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-background\/95:active {
    background-color: color-mix(
      in oklab,
      hsl(var(--background)) 95%,
      transparent
    );
  }
}
.active\:bg-black-60:active {
  background-color: var(--x-black-60);
}
.active\:bg-black\/90:active {
  background-color: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-black\/90:active {
    background-color: color-mix(in oklab, var(--x-black) 90%, transparent);
  }
}
.active\:bg-btn-destructive-pressed:active {
  background-color: var(--x-btn-destructive-pressed);
}
.active\:bg-btn-ghost-pressed:active {
  background-color: var(--x-btn-ghost-pressed);
}
.active\:bg-btn-inverted-pressed:active {
  background-color: var(--x-btn-inverted-pressed);
}
.active\:bg-btn-primary-pressed:active {
  background-color: var(--x-btn-primary-pressed);
}
.active\:bg-btn-secondary-pressed:active {
  background-color: var(--x-btn-secondary-pressed);
}
.active\:bg-btn-tertiary-pressed:active {
  background-color: var(--x-btn-tertiary-pressed);
}
.active\:bg-fg-alpha-60:active {
  background-color: var(--x-fg-alpha-60);
}
.active\:bg-gray-50:active {
  background-color: hsl(var(--color-gray-50));
}
.active\:bg-gray-100:active {
  background-color: hsl(var(--color-gray-100));
}
.active\:bg-gray-1100\/80:active {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-1100))) 80%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-gray-1100\/80:active {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-gray-1100)) 80%,
      transparent
    );
  }
}
.active\:bg-green-700:active {
  background-color: var(--x-green-700);
}
.active\:bg-red-700:active {
  background-color: var(--x-red-700);
}
.active\:bg-white-40:active {
  background-color: var(--x-white-40);
}
.active\:bg-white-80:active {
  background-color: var(--x-white-80);
}
.active\:bg-white\/15:active {
  background-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-white\/15:active {
    background-color: color-mix(in oklab, var(--x-white) 15%, transparent);
  }
}
.active\:bg-white\/30:active {
  background-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-white\/30:active {
    background-color: color-mix(in oklab, var(--x-white) 30%, transparent);
  }
}
.active\:bg-yellow-600:active {
  background-color: var(--x-yellow-600);
}
.active\:bg-mix-background:active {
  background-image: linear-gradient(
    hsl(var(--background)),
    hsl(var(--background))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-background:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--background)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:bg-mix-black:active {
  background-image: linear-gradient(var(--x-black), var(--x-black));
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-black:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-black) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-black) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:bg-mix-brand:active {
  background-image: linear-gradient(
    hsl(hsl(var(--color-brand))),
    hsl(hsl(var(--color-brand)))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-brand:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--color-brand)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:bg-mix-current:active {
  background-image: linear-gradient(currentColor, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-current:active {
    background-image: linear-gradient(
      color-mix(in srgb, currentColor var(--tw-bg-mix-amount, 0%), transparent),
      color-mix(in srgb, currentColor var(--tw-bg-mix-amount, 0%), transparent)
    );
  }
}
.active\:bg-mix-red-500:active {
  background-image: linear-gradient(var(--x-red-500), var(--x-red-500));
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-red-500:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-red-500) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-red-500) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:bg-mix-text:active {
  background-image: linear-gradient(
    hsl(hsl(var(--color-text))),
    hsl(hsl(var(--color-text)))
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-text:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        hsl(var(--color-text)) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:bg-mix-white:active {
  background-image: linear-gradient(var(--x-white), var(--x-white));
}
@supports (color: color-mix(in lab, red, red)) {
  .active\:bg-mix-white:active {
    background-image: linear-gradient(
      color-mix(
        in srgb,
        var(--x-white) var(--tw-bg-mix-amount, 0%),
        transparent
      ),
      color-mix(
        in srgb,
        var(--x-white) var(--tw-bg-mix-amount, 0%),
        transparent
      )
    );
  }
}
.active\:outline-hidden:active {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .active\:outline-hidden:active {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.active\:duration-0:active {
  --tw-duration: 0s;
  transition-duration: 0s;
}
.active\:\[--x-bg-primary\:var\(--x-btn-secondary-pressed\)\]:active {
  --x-bg-primary: var(--x-btn-secondary-pressed);
}
.active\:bg-mix-amount-15:active {
  --tw-bg-mix-amount: calc(15 * 1%);
}
@media (hover: hover) {
  .enabled\:hover\:bg-\[var\(--x-hover-subtle\)\]:enabled:hover {
    background-color: var(--x-hover-subtle);
  }
}
.enabled\:active\:bg-btn-ghost-pressed:enabled:active {
  background-color: var(--x-btn-ghost-pressed);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:cursor-progress:disabled {
  cursor: progress;
}
.disabled\:text-primary:disabled {
  color: var(--x-fg-primary);
}
.disabled\:opacity-30\!:disabled {
  opacity: 0.3 !important;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:placeholder\:text-tertiary:disabled::placeholder {
  color: var(--x-fg-tertiary);
}
@media (hover: hover) {
  .disabled\:hover\:border-normal:disabled:hover {
    border-color: var(--x-border-normal);
  }
  .disabled\:hover\:bg-transparent:disabled:hover {
    background-color: #0000;
  }
}
:where(:focus-visible) .in-\[\:focus-visible\]\:outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
:where(:focus-visible) .in-\[\:focus-visible\]\:outline-2 {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
:where(:focus-visible) .in-\[\:focus-visible\]\:outline-offset-2 {
  outline-offset: 2px;
}
:where(:focus-visible) .in-\[\:focus-visible\]\:outline-ring {
  outline-color: hsl(var(--ring));
}
.has-invalid\:border-red-500:has(:invalid) {
  border-color: var(--x-red-500);
}
.has-focus-visible\:outline:has(:focus-visible) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.has-focus-visible\:outline-2:has(:focus-visible) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.has-focus-visible\:outline-offset-2:has(:focus-visible) {
  outline-offset: 2px;
}
.has-focus-visible\:outline-ring:has(:focus-visible) {
  outline-color: hsl(var(--ring));
}
.has-disabled\:cursor-not-allowed:has(:disabled) {
  cursor: not-allowed;
}
.has-disabled\:opacity-70:has(:disabled) {
  opacity: 0.7;
}
.has-\[\:focus-visible\]\:opacity-100:has(:focus-visible) {
  opacity: 1;
}
.has-\[\:invalid\]\:border-red-500:has(:invalid) {
  border-color: var(--x-red-500);
}
.has-\[\[role\=checkbox\]\]\:pr-0:has([role="checkbox"]) {
  padding-right: 0;
}
.has-\[svg\:only-child\]\:px-0:has(:is(svg:only-child)) {
  padding-inline: 0;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-disabled\:opacity-70[aria-disabled="true"] {
  opacity: 0.7;
}
.aria-expanded\:bg-black-50[aria-expanded="true"] {
  background-color: var(--x-black-50);
}
.aria-expanded\:bg-btn-destructive-hover[aria-expanded="true"] {
  background-color: var(--x-btn-destructive-hover);
}
.aria-expanded\:bg-btn-ghost-hover[aria-expanded="true"] {
  background-color: var(--x-btn-ghost-hover);
}
.aria-expanded\:bg-btn-inverted-hover[aria-expanded="true"] {
  background-color: var(--x-btn-inverted-hover);
}
.aria-expanded\:bg-btn-primary-hover[aria-expanded="true"] {
  background-color: var(--x-btn-primary-hover);
}
.aria-expanded\:bg-btn-secondary-hover[aria-expanded="true"] {
  background-color: var(--x-btn-secondary-hover);
}
.aria-expanded\:bg-btn-tertiary-hover[aria-expanded="true"] {
  background-color: var(--x-btn-tertiary-hover);
}
.aria-expanded\:bg-fg-alpha-50[aria-expanded="true"] {
  background-color: var(--x-fg-alpha-50);
}
.aria-expanded\:bg-white-30[aria-expanded="true"] {
  background-color: var(--x-white-30);
}
.aria-expanded\:bg-white-90[aria-expanded="true"] {
  background-color: var(--x-white-90);
}
.aria-invalid\:border-destructive[aria-invalid="true"] {
  border-color: var(--x-border-destructive);
}
.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
  --tw-ring-color: hsl(var(--destructive));
}
@supports (color: color-mix(in lab, red, red)) {
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--destructive)) 20%,
      transparent
    );
  }
}
.aria-selected\:text-gray-600[aria-selected="true"] {
  color: hsl(var(--color-gray-600));
}
.data-checked\:border-\(--x-fg-primary\)[data-checked] {
  border-color: var(--x-fg-primary);
}
.data-disabled\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-disabled\:cursor-not-allowed[data-disabled] {
  cursor: not-allowed;
}
.data-disabled\:opacity-40[data-disabled] {
  opacity: 0.4;
}
.data-disabled\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-disabled\:opacity-70[data-disabled] {
  opacity: 0.7;
}
.data-ending-style\:opacity-0[data-ending-style] {
  opacity: 0;
}
.data-ending-style\:duration-200[data-ending-style] {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
.data-highlighted\:bg-\[var\(--x-bg-destructive\)\][data-highlighted] {
  background-color: var(--x-bg-destructive);
}
.data-highlighted\:bg-secondary[data-highlighted] {
  background-color: var(--x-bg-secondary);
}
.data-placeholder\:text-gray-700[data-placeholder] {
  color: hsl(var(--color-gray-700));
}
.data-placeholder\:text-tertiary[data-placeholder] {
  color: var(--x-fg-tertiary);
}
.data-starting-style\:scale-0[data-starting-style] {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.data-starting-style\:opacity-0[data-starting-style],
.data-unchecked\:opacity-0[data-unchecked] {
  opacity: 0;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[ending-style\]\:scale-95[data-ending-style] {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.data-\[ending-style\]\:opacity-0[data-ending-style] {
  opacity: 0;
}
.data-\[ending-style\]\:transition-none[data-ending-style] {
  transition-property: none;
}
.data-\[ending-style\]\:duration-0[data-ending-style] {
  --tw-duration: 0s;
  transition-duration: 0s;
}
.data-\[popup-open\]\:border-active[data-popup-open] {
  border-color: var(--x-border-active);
}
.data-\[popup-open\]\:shadow-focus[data-popup-open] {
  --tw-shadow: var(--x-shadow-focus);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
  border-radius: var(--cell-radius);
}
.data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end="true"] {
  border-top-right-radius: var(--cell-radius);
  border-bottom-right-radius: var(--cell-radius);
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: var(--x-bg-primary);
}
.data-\[range-end\=true\]\:text-background[data-range-end="true"] {
  color: hsl(var(--background));
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0;
}
.data-\[range-middle\=true\]\:bg-gray-50[data-range-middle="true"] {
  background-color: hsl(var(--color-gray-50));
}
.data-\[range-middle\=true\]\:text-text[data-range-middle="true"] {
  color: hsl(var(--color-text));
}
.data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start="true"] {
  border-radius: var(--cell-radius);
}
.data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start="true"] {
  border-top-left-radius: var(--cell-radius);
  border-bottom-left-radius: var(--cell-radius);
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
  background-color: var(--x-bg-primary);
}
.data-\[range-start\=true\]\:text-background[data-range-start="true"] {
  color: hsl(var(--background));
}
.data-\[scroll-fade\=both\]\:mask-\[linear-gradient\(to_bottom\,transparent\,black_32px\)\][data-scroll-fade="both"] {
  -webkit-mask-image: linear-gradient(#0000, #000 32px);
  mask-image: linear-gradient(#0000, #000 32px);
}
.data-\[scroll-fade\=both\]\:mask-\[linear-gradient\(to_bottom\,transparent\,black_32px\,black_calc\(100\%-32px\)\,transparent\)\][data-scroll-fade="both"] {
  -webkit-mask-image: linear-gradient(
    #0000,
    #000 32px calc(100% - 32px),
    #0000
  );
  mask-image: linear-gradient(#0000, #000 32px calc(100% - 32px), #0000);
}
.data-\[scroll-fade\=both\]\:mask-\[linear-gradient\(to_right\,transparent\,black_32px\,black_calc\(100\%-32px\)\,transparent\)\][data-scroll-fade="both"] {
  -webkit-mask-image: linear-gradient(
    90deg,
    #0000,
    #000 32px calc(100% - 32px),
    #0000
  );
  mask-image: linear-gradient(90deg, #0000, #000 32px calc(100% - 32px), #0000);
}
.data-\[scroll-fade\=end\]\:mask-\[linear-gradient\(to_left\,transparent\,black_32px\)\][data-scroll-fade="end"] {
  -webkit-mask-image: linear-gradient(270deg, #0000, #000 32px);
  mask-image: linear-gradient(270deg, #0000, #000 32px);
}
.data-\[scroll-fade\=end\]\:mask-\[linear-gradient\(to_top\,transparent\,black_32px\)\][data-scroll-fade="end"] {
  -webkit-mask-image: linear-gradient(0deg, #0000, #000 32px);
  mask-image: linear-gradient(0deg, #0000, #000 32px);
}
.data-\[scroll-fade\=start\]\:mask-\[linear-gradient\(to_bottom\,transparent\,black_32px\)\][data-scroll-fade="start"] {
  -webkit-mask-image: linear-gradient(#0000, #000 32px);
  mask-image: linear-gradient(#0000, #000 32px);
}
.data-\[scroll-fade\=start\]\:mask-\[linear-gradient\(to_right\,transparent\,black_32px\)\][data-scroll-fade="start"] {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 32px);
  mask-image: linear-gradient(90deg, #0000, #000 32px);
}
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: var(--x-bg-primary);
}
.data-\[selected-single\=true\]\:text-white[data-selected-single="true"] {
  color: var(--x-white);
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0;
}
.data-\[selected\=true\]\:bg-gray-50[data-selected="true"] {
  background-color: hsl(var(--color-gray-50));
}
.data-\[selected\=true\]\:text-text[data-selected="true"] {
  color: hsl(var(--color-text));
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
}
.data-\[side\=end\]\:items-end[data-side="end"] {
  align-items: flex-end;
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: calc(4px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: calc(2 * var(--spacing));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: calc(4px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: calc(2 * var(--spacing));
}
.data-\[starting-style\]\:scale-95[data-starting-style] {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.data-\[starting-style\]\:opacity-0[data-starting-style] {
  opacity: 0;
}
.data-\[state\=active\]\:rounded-none[data-state="active"] {
  border-radius: 0;
}
.data-\[state\=active\]\:border-b-2[data-state="active"] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.data-\[state\=active\]\:border-blue-500[data-state="active"] {
  border-color: var(--x-blue-500);
}
.data-\[state\=active\]\:border-chat-accent[data-state="active"] {
  border-color: hsl(var(--chat-accent));
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:bg-transparent[data-state="active"] {
  background-color: #0000;
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:shadow-none[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[state\=active\]\:shadow-xs[data-state="active"] {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[state\=checked\]\:translate-x-2\.5[data-state="checked"] {
  --tw-translate-x: 10px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  --tw-translate-x: 20px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:border-brand[data-state="checked"] {
  border-color: hsl(var(--color-brand));
}
.data-\[state\=checked\]\:border-text[data-state="checked"] {
  border-color: hsl(var(--color-text));
}
.data-\[state\=checked\]\:bg-brand[data-state="checked"] {
  background-color: hsl(var(--color-brand));
}
.data-\[state\=checked\]\:bg-gray-400[data-state="checked"] {
  background-color: hsl(var(--color-gray-400));
}
.data-\[state\=checked\]\:bg-text[data-state="checked"] {
  background-color: hsl(var(--color-text));
}
.data-\[state\=checked\]\:text-brand-foreground[data-state="checked"] {
  color: hsl(var(--color-brand-foreground));
}
.data-\[state\=closed\]\:pointer-events-none[data-state="closed"] {
  pointer-events: none;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=closed\]\:zoom-out-\[0\.92\][data-state="closed"] {
  --tw-exit-scale: 0.92;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.data-\[state\=open\]\:border-none\![data-state="open"] {
  --tw-border-style: none !important;
  border-style: none !important;
}
.data-\[state\=open\]\:bg-gray-200[data-state="open"] {
  background-color: hsl(var(--color-gray-200));
}
.data-\[state\=open\]\:text-gray-700[data-state="open"] {
  color: hsl(var(--color-gray-700));
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-\[0\.92\][data-state="open"] {
  --tw-enter-scale: 0.92;
}
.data-\[state\=selected\]\:bg-gray-100[data-state="selected"] {
  background-color: hsl(var(--color-gray-100));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=unchecked\]\:bg-gray-400[data-state="unchecked"] {
  background-color: hsl(var(--color-gray-400));
}
.data-\[state\=unchecked\]\:bg-gray-500[data-state="unchecked"] {
  background-color: hsl(var(--color-gray-500));
}
.data-\[state\=unchecked\]\:bg-text[data-state="unchecked"] {
  background-color: hsl(var(--color-text));
}
@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-call-rise {
    animation: var(--animate-call-rise);
  }
  .motion-safe\:animate-enter-blur-rise {
    animation: enter-blur-rise var(--enter-duration, 0.6s)
      var(--enter-ease, cubic-bezier(0.16, 1, 0.3, 1)) var(--enter-delay, 0s)
      both;
  }
  .motion-safe\:animate-enter-fade-rise {
    animation:
      enter-fade 0.39s ease-out var(--enter-delay, 0s) both,
      enter-rise 0.65s cubic-bezier(0.34, 1.4, 0.64, 1) var(--enter-delay, 0s)
        both;
  }
  .motion-safe\:animate-enter-unfurl-y {
    animation: enter-unfurl-y var(--enter-duration, 0.7s)
      var(--enter-ease, cubic-bezier(0.16, 1, 0.3, 1)) var(--enter-delay, 0s)
      both;
  }
  .motion-safe\:animate-pulse {
    animation: var(--animate-pulse);
  }
  .motion-safe\:scroll-smooth {
    scroll-behavior: smooth;
  }
  .motion-safe\:transition-\[max-width\,opacity\,padding\] {
    transition-property: max-width, opacity, padding;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .motion-safe\: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));
  }
  .motion-safe\:duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .motion-safe\:ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .motion-safe\:group-data-\[state\=closed\]\:animate-exit-pop:is(
    :where(.group)[data-state="closed"] *
  ) {
    animation: exit-pop var(--exit-duration, 0.22s) ease forwards;
  }
  .motion-safe\:group-data-\[state\=open\]\:animate-enter-pop:is(
    :where(.group)[data-state="open"] *
  ) {
    animation: enter-pop var(--enter-duration, 0.32s)
      var(--enter-ease, cubic-bezier(0.16, 1, 0.3, 1)) var(--enter-delay, 0s)
      both;
  }
  @media (hover: hover) {
    .motion-safe\:hover\:scale-\[1\.08\]:hover {
      scale: 1.08;
    }
  }
  .motion-safe\:focus-visible\:scale-\[1\.08\]:focus-visible {
    scale: 1.08;
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:hidden {
    display: none;
  }
  .motion-reduce\:translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .motion-reduce\:animate-enter-fade {
    animation: enter-fade var(--enter-duration, 0.3s) var(--enter-ease, ease)
      var(--enter-delay, 0s) both;
  }
  .motion-reduce\:animate-none {
    animation: none;
  }
  .motion-reduce\:blur-none {
    --tw-blur: ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .motion-reduce\:transition-none {
    transition-property: none;
  }
  .motion-reduce\:duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .motion-reduce\:group-data-\[state\=closed\]\:animate-exit-fade:is(
    :where(.group)[data-state="closed"] *
  ) {
    animation: exit-fade var(--exit-duration, 0.2s) ease forwards;
  }
  .motion-reduce\:group-data-\[state\=open\]\:animate-enter-fade:is(
    :where(.group)[data-state="open"] *
  ) {
    animation: enter-fade var(--enter-duration, 0.3s) var(--enter-ease, ease)
      var(--enter-delay, 0s) both;
  }
  .motion-reduce\:before\:transition-none:before {
    content: var(--tw-content);
    transition-property: none;
  }
}
@media not all and (width>=988px) {
  .max-\[988px\]\:hidden {
    display: none;
  }
  .max-\[988px\]\:pb-3 {
    padding-bottom: 12px;
  }
}
@media not all and (width>=987px) {
  .max-\[987px\]\:block {
    display: block;
  }
  .max-\[987px\]\:flex {
    display: flex;
  }
  .max-\[987px\]\:hidden {
    display: none;
  }
  .max-\[987px\]\:items-center {
    align-items: center;
  }
  .max-\[987px\]\:justify-between {
    justify-content: space-between;
  }
}
@media not all and (width>=767px) {
  .max-\[767px\]\:block {
    display: block;
  }
}
@media not all and (width>=517px) {
  .max-narrow\:inset-0 {
    inset: 0;
  }
  .max-narrow\:inset-x-0\! {
    inset-inline: 0 !important;
  }
  .max-narrow\:inset-x-2 {
    inset-inline: 8px;
  }
  .max-narrow\:inset-x-4 {
    inset-inline: 16px;
  }
  .max-narrow\:top-1\/2 {
    top: 50%;
  }
  .max-narrow\:top-auto\! {
    top: auto !important;
  }
  .max-narrow\:bottom-0\! {
    bottom: 0 !important;
  }
  .max-narrow\:bottom-2 {
    bottom: 8px;
  }
  .max-narrow\:bottom-auto {
    bottom: auto;
  }
  .max-narrow\:mx-auto {
    margin-inline: auto;
  }
  .max-narrow\:max-h-\[85svh\] {
    max-height: 85svh;
  }
  .max-narrow\:max-h-\[90vh\]\! {
    max-height: 90vh !important;
  }
  .max-narrow\:max-w-\[400px\] {
    max-width: 400px;
  }
  .max-narrow\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-narrow\:rounded-lg {
    border-radius: calc(24px * var(--x-radius-m));
  }
  .max-narrow\:rounded-none {
    border-radius: 0;
  }
  .max-narrow\:rounded-xl {
    border-radius: calc(32px * var(--x-radius-m));
  }
  .max-narrow\:rounded-t\! {
    border-top-left-radius: calc(12px * var(--x-radius-m)) !important;
    border-top-right-radius: calc(12px * var(--x-radius-m)) !important;
  }
  .max-narrow\:rounded-b-none\! {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .max-narrow\:p-0 {
    padding: 0;
  }
  .max-narrow\:p-0\! {
    padding: 0 !important;
  }
  .max-narrow\:p-4 {
    padding: 16px;
  }
  .max-narrow\:p-6 {
    padding: 24px;
  }
  .max-narrow\:data-\[ending-style\]\:translate-y-\[calc\(100\%\+8px\)\][data-ending-style] {
    --tw-translate-y: calc(100% + 8px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-narrow\:data-\[ending-style\]\:translate-y-full[data-ending-style] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-narrow\:data-\[ending-style\]\:scale-95[data-ending-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .max-narrow\:data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
  }
  .max-narrow\:data-\[starting-style\]\:translate-y-\[calc\(100\%\+8px\)\][data-starting-style] {
    --tw-translate-y: calc(100% + 8px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-narrow\:data-\[starting-style\]\:translate-y-full[data-starting-style] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-narrow\:data-\[starting-style\]\:scale-95[data-starting-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .max-narrow\:data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
  }
}
@media not all and (width>=500px) {
  .max-\[500px\]\:flex {
    display: flex;
  }
  /* .max-\[500px\]\:hidden {
    display: none;
  } */
  .max-small\:text-headline2 {
    font-size: 17px;
    line-height: var(--tw-leading, 20px);
  }
}
@media not all and (width>=399px) {
  .max-\[399px\]\:hidden {
    display: none;
  }
}
@media not all and (width>=64rem) {
  .max-lg\:max-h-64 {
    max-height: 256px;
  }
}
@media not all and (width>=48rem) {
  .max-md\:static {
    position: static;
  }
  .max-md\:sticky {
    position: sticky;
  }
  .max-md\:top-0 {
    top: 0;
  }
  .max-md\:block {
    display: block;
  }
  .max-md\:h-full {
    height: 100%;
  }
  .max-md\:max-h-\[250px\] {
    max-height: 250px;
  }
  .max-md\:min-h-screen {
    min-height: 100vh;
  }
  .max-md\:transform-none {
    transform: none;
  }
  .max-md\:justify-between {
    justify-content: space-between;
  }
  .max-md\:rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .max-md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .max-md\:px-4 {
    padding-inline: 16px;
  }
  .max-md\:px-6 {
    padding-inline: 24px;
  }
  .max-md\:text-center {
    text-align: center;
  }
  .max-md\:last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}
@media not all and (width>=40rem) {
  .max-sm\:absolute {
    position: absolute;
  }
  .max-sm\:inset-x-0 {
    inset-inline: 0;
  }
  .max-sm\:bottom-0 {
    bottom: 0;
  }
  .max-sm\:bottom-full {
    bottom: 100%;
  }
  .max-sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-sm\:mt-8 {
    margin-top: 32px;
  }
  .max-sm\:max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-sm\:max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-sm\:basis-\[calc\(50\%-4px\)\] {
    flex-basis: calc(50% - 4px);
  }
  .max-sm\:translate-y-\[8px\] {
    --tw-translate-y: 8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .max-sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:flex-row {
    flex-direction: row;
  }
  .max-sm\:overflow-x-auto {
    overflow-x: auto;
  }
  .max-sm\:px-2 {
    padding-inline: 8px;
  }
  .max-sm\:px-3 {
    padding-inline: 12px;
  }
  .max-sm\:px-4 {
    padding-inline: 16px;
  }
  .max-sm\:pb-2 {
    padding-bottom: 8px;
  }
  .max-sm\:pl-3 {
    padding-left: 12px;
  }
  .max-sm\:text-left {
    text-align: left;
  }
}
@media (width>=370px) {
  .min-\[370px\]\:text-headline1 {
    font-size: 20px;
    line-height: var(--tw-leading, 24px);
  }
}
@media (width>=388px) {
  .min-\[388px\]\:text-subtext2 {
    font-size: 13px;
    line-height: var(--tw-leading, 16px);
  }
  .min-\[388px\]\:text-title4 {
    font-size: 23px;
    line-height: var(--tw-leading, 28px);
  }
}
@media (width>=400px) {
  .min-\[400px\]\:w-\[110px\] {
    width: 110px;
  }
}
@media (width>=407px) {
  .min-\[407px\]\:text-subtext1 {
    font-size: 14px;
    line-height: var(--tw-leading, 16px);
  }
  .min-\[407px\]\:text-subtext2 {
    font-size: 13px;
    line-height: var(--tw-leading, 16px);
  }
  .min-\[407px\]\:text-title3 {
    font-size: 26px;
    line-height: var(--tw-leading, 32px);
  }
}
@media (width>=450px) {
  .min-\[450px\]\:line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .min-\[450px\]\:line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .min-\[450px\]\:w-\[130px\] {
    width: 130px;
  }
}
@media (width>=517px) {
  .narrow\:inset-0 {
    inset: 0;
  }
  .narrow\:inset-auto {
    inset: auto;
  }
  .narrow\:top-0 {
    top: 0;
  }
  .narrow\:top-1\/2 {
    top: 50%;
  }
  .narrow\:top-\[10vh\] {
    top: 10vh;
  }
  .narrow\:left-1\/2 {
    left: 50%;
  }
  .narrow\:m-auto {
    margin: auto;
  }
  .narrow\:line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .narrow\:block {
    display: block;
  }
  .narrow\:flex {
    display: flex;
  }
  .narrow\:hidden {
    display: none;
  }
  .narrow\:h-\[min\(640px\,85vh\)\] {
    height: min(640px, 85vh);
  }
  .narrow\:h-\[min\(650px\,90vh\)\] {
    height: min(650px, 90vh);
  }
  .narrow\:h-fit {
    height: fit-content;
  }
  .narrow\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .narrow\:max-h-\[85vh\] {
    max-height: 85vh;
  }
  .narrow\:min-h-\[548px\] {
    min-height: 548px;
  }
  .narrow\:w-\[540px\] {
    width: 540px;
  }
  .narrow\:w-\[600px\] {
    width: 600px;
  }
  .narrow\:w-\[700px\] {
    width: 700px;
  }
  .narrow\:w-\[924px\] {
    width: 924px;
  }
  .narrow\:w-auto {
    width: auto;
  }
  .narrow\:w-full {
    width: 100%;
  }
  .narrow\:max-w-\[400px\] {
    max-width: 400px;
  }
  .narrow\:max-w-\[420px\]\! {
    max-width: 420px !important;
  }
  .narrow\:max-w-\[524px\] {
    max-width: 524px;
  }
  .narrow\:max-w-\[600px\] {
    max-width: 600px;
  }
  .narrow\:max-w-\[600px\]\! {
    max-width: 600px !important;
  }
  .narrow\:max-w-\[880px\] {
    max-width: 880px;
  }
  .narrow\:max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .narrow\:max-w-full {
    max-width: 100%;
  }
  .narrow\:min-w-\[420px\] {
    min-width: 420px;
  }
  .narrow\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:flex-row {
    flex-direction: row;
  }
  .narrow\:items-center {
    align-items: center;
  }
  .narrow\:justify-end {
    justify-content: flex-end;
  }
  .narrow\:gap-4 {
    gap: 16px;
  }
  .narrow\:overflow-hidden {
    overflow: hidden;
  }
  .narrow\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .narrow\:rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .narrow\:rounded-lg {
    border-radius: calc(24px * var(--x-radius-m));
  }
  .narrow\:rounded-md {
    border-radius: calc(16px * var(--x-radius-m));
  }
  .narrow\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .narrow\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .narrow\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .narrow\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .narrow\:border-normal {
    border-color: var(--x-border-normal);
  }
  .narrow\:p-0 {
    padding: 0;
  }
  .narrow\:p-0\! {
    padding: 0 !important;
  }
  .narrow\:p-8 {
    padding: 32px;
  }
  .narrow\:px-6 {
    padding-inline: 24px;
  }
  .narrow\:pt-5 {
    padding-top: 20px;
  }
  .narrow\:pb-0 {
    padding-bottom: 0;
  }
  .narrow\:pb-6 {
    padding-bottom: 24px;
  }
  .narrow\:text-headline1 {
    font-size: 20px;
    line-height: var(--tw-leading, 24px);
  }
  .narrow\:text-headline2 {
    font-size: 17px;
    line-height: var(--tw-leading, 20px);
  }
  .narrow\:text-title4 {
    font-size: 23px;
    line-height: var(--tw-leading, 28px);
  }
  .narrow\:shadow-popup {
    --tw-shadow: var(--x-shadow-popup);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .narrow\:data-\[ending-style\]\:-translate-x-1\/2[data-ending-style] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:data-\[ending-style\]\:-translate-y-1\/2[data-ending-style] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:data-\[ending-style\]\:scale-95[data-ending-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .narrow\:data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
  }
  .narrow\:data-\[starting-style\]\:-translate-x-1\/2[data-starting-style] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:data-\[starting-style\]\:-translate-y-1\/2[data-starting-style] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .narrow\:data-\[starting-style\]\:scale-95[data-starting-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .narrow\:data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
  }
}
@media (width>=600px) {
  .min-\[600px\]\:max-w-\[600px\] {
    max-width: 600px;
  }
}
@media (width>=688px) {
  .one-col\:block {
    display: block;
  }
  .one-col\:hidden {
    display: none;
  }
  .one-col\:h-dvh {
    height: 100dvh;
  }
  .collapsed-one-column\:w-\[600px\] {
    width: 600px;
  }
  .collapsed-one-column\:shrink-0 {
    flex-shrink: 0;
  }
  .collapsed-one-column\:grow {
    flex-grow: 1;
  }
  .collapsed-one-column\:grow-2 {
    flex-grow: 2;
  }
  .one-col\:flex-row {
    flex-direction: row;
  }
  .collapsed-one-column\:items-end {
    align-items: flex-end;
  }
  .collapsed-one-column\:items-start {
    align-items: flex-start;
  }
  .collapsed-one-column\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .collapsed-one-column\:border-gray-50 {
    border-color: hsl(var(--color-gray-50));
  }
}
@media (width>=774px) {
  .mid\:start-0 {
    inset-inline-start: 0;
  }
  .mid\:end-auto {
    inset-inline-end: auto;
  }
  .mid\:order-none {
    order: 0;
  }
  .mid\:col-start-1 {
    grid-column-start: 1;
  }
  .mid\:col-start-2 {
    grid-column-start: 2;
  }
  .mid\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .mid\:row-start-1 {
    grid-row-start: 1;
  }
  .mid\:row-start-2 {
    grid-row-start: 2;
  }
  .mid\:block {
    display: block;
  }
  .mid\:flex {
    display: flex;
  }
  .mid\:grid {
    display: grid;
  }
  .mid\:hidden {
    display: none;
  }
  .mid\:min-h-\[68px\] {
    min-height: 68px;
  }
  .mid\:w-80 {
    width: 320px;
  }
  .mid\:w-auto {
    width: auto;
  }
  .mid\:max-w-\[600px\] {
    max-width: 600px;
  }
  .mid\:max-w-\[880px\] {
    max-width: 880px;
  }
  .mid\:min-w-0 {
    min-width: 0;
  }
  .mid\:flex-none {
    flex: none;
  }
  .mid\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mid\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .mid\:items-center {
    align-items: center;
  }
  .mid\:justify-start {
    justify-content: flex-start;
  }
  .mid\:gap-4 {
    gap: 16px;
  }
  .mid\:rounded-e-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-start-end-radius: calc(var(--radius-lg) - 1px);
    border-end-end-radius: calc(var(--radius-lg) - 1px);
  }
  .mid\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .mid\:px-8 {
    padding-inline: 32px;
  }
  .mid\:text-start {
    text-align: start;
  }
}
@media (width>=851px) {
  .min-\[851px\]\:flex {
    display: flex;
  }
  .min-\[851px\]\:hidden {
    display: none;
  }
  .min-\[851px\]\:min-h-\[45vh\] {
    min-height: 45vh;
  }
  .min-\[851px\]\:flex-1 {
    flex: 1;
  }
  .min-\[851px\]\:items-center {
    align-items: center;
  }
  .min-\[851px\]\:justify-center {
    justify-content: center;
  }
  .min-\[851px\]\:justify-start {
    justify-content: flex-end;
  }
  .min-\[851px\]\:overflow-hidden {
    overflow: hidden;
  }
  .min-\[851px\]\:ps-9 {
    padding-inline-start: 36px;
  }
  .min-\[851px\]\:text-start {
    text-align: start;
  }
  .min-\[851px\]\:text-\[64px\] {
    font-size: 64px;
  }
  .min-\[851px\]\:tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
}
@media (width>=987px) {
  .min-\[987px\]\:block {
    display: block;
  }
  .min-\[987px\]\:min-h-14 {
    min-height: 56px;
  }
  :where(.min-\[987px\]\:space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(12px * var(--tw-space-x-reverse));
    margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
  }
  .min-\[987px\]\:pt-3 {
    padding-top: 12px;
  }
}
@media (width>=988px) {
  .collapsed-two-column-x-small\:absolute {
    position: absolute;
  }
  .collapsed-two-column-x-small\:relative {
    position: relative;
  }
  .collapsed-two-column-x-small\:inset-0 {
    inset: 0;
  }
  .min-\[988px\]\:order-0 {
    order: 0;
  }
  .min-\[988px\]\:mr-8 {
    margin-right: 32px;
  }
  .min-\[988px\]\:mb-0 {
    margin-bottom: 0;
  }
  .collapsed-two-column-x-small\:block {
    display: block;
  }
  .collapsed-two-column-x-small\:flex {
    display: flex;
  }
  .collapsed-two-column-x-small\:hidden {
    display: none;
  }
  .min-\[988px\]\:block {
    display: block;
  }
  .min-\[988px\]\:flex {
    display: flex;
  }
  .min-\[988px\]\:grid {
    display: grid;
  }
  .min-\[988px\]\:hidden {
    display: none;
  }
  .min-\[988px\]\:table {
    display: table;
  }
  .collapsed-two-column-x-small\:h-dvh {
    height: 100dvh;
  }
  .min-\[988px\]\:h-fit {
    height: fit-content;
  }
  .collapsed-two-column-x-small\:w-\[920px\] {
    width: 920px;
  }
  .collapsed-two-column-x-small\:w-auto {
    width: auto;
  }
  .collapsed-two-column-x-small\:w-full {
    width: 100%;
  }
  .min-\[988px\]\:w-\[220px\] {
    width: 220px;
  }
  .min-\[988px\]\:w-\[400px\] {
    width: 400px;
  }
  .min-\[988px\]\:w-\[calc\(50\%-8px\)\] {
    width: calc(50% - 8px);
  }
  .min-\[988px\]\:w-full {
    width: 100%;
  }
  .collapsed-two-column-x-small\:max-w-\[600px\] {
    max-width: 600px;
  }
  .min-\[988px\]\:max-w-\[400px\] {
    max-width: 400px;
  }
  .collapsed-two-column-x-small\:flex-1 {
    flex: 1;
  }
  .collapsed-two-column-x-small\:grow {
    flex-grow: 1;
  }
  .min-\[988px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .min-\[988px\]\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .min-\[988px\]\:flex-col {
    flex-direction: column;
  }
  .min-\[988px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[988px\]\:items-center {
    align-items: center;
  }
  .min-\[988px\]\:gap-4 {
    gap: 16px;
  }
  .min-\[988px\]\:gap-6 {
    gap: 24px;
  }
  :where(.min-\[988px\]\:space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(24px * var(--tw-space-y-reverse));
    margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  }
  .collapsed-two-column-x-small\:overflow-y-auto {
    overflow-y: auto;
  }
  .collapsed-two-column-x-small\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .collapsed-two-column-x-small\:border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .collapsed-two-column-x-small\:border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .min-\[988px\]\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .min-\[988px\]\:border-gray-200 {
    border-color: hsl(var(--color-gray-200));
  }
  .min-\[988px\]\:p-0 {
    padding: 0;
  }
  .min-\[988px\]\:px-2 {
    padding-inline: 8px;
  }
  .min-\[988px\]\:px-4 {
    padding-inline: 16px;
  }
  .min-\[988px\]\:pl-8 {
    padding-left: 32px;
  }
  .min-\[988px\]\:text-body {
    font-size: 15px;
    line-height: var(--tw-leading, 20px);
  }
  .min-\[988px\]\:text-subtext1 {
    font-size: 14px;
    line-height: var(--tw-leading, 16px);
  }
  .min-\[988px\]\:text-title2 {
    font-size: 30px;
    line-height: var(--tw-leading, 36px);
  }
}
@media (width>=1000px) {
  .min-\[1000px\]\:max-w-\[1000px\] {
    max-width: 1000px;
  }
}
@media (width>=1001px) {
  .min-\[1001px\]\:hidden {
    display: none;
  }
  .min-\[1001px\]\:inline {
    display: inline;
  }
}
@media (width>=1008px) {
  .two-col\:block {
    display: block;
  }
  .two-col\:size-\[112px\] {
    width: 112px;
    height: 112px;
  }
  .two-col\:w-\[420px\] {
    width: 420px;
  }
  .two-col\:w-auto {
    width: auto;
  }
  .two-col\:max-w-none {
    max-width: none;
  }
  .two-col\:flex-row {
    flex-direction: row;
  }
  .two-col\:items-center {
    align-items: center;
  }
  .two-col\:justify-evenly {
    justify-content: space-evenly;
  }
  .two-col\:pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+20px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
  }
  .two-col\:text-\[13px\] {
    font-size: 13px;
  }
}
@media (width>=1077px) {
  .min-\[1077px\]\:block {
    display: block;
  }
}
@media (width>=1078px) {
  .collapsed-two-column-normal\:w-\[350px\] {
    width: 350px;
  }
  .collapsed-two-column-normal\:w-\[990px\] {
    width: 990px;
  }
}
@media (width>=1117px) {
  .wide\:flex {
    display: flex;
  }
  .wide\:hidden {
    display: none;
  }
  .wide\:w-\[88px\] {
    width: 88px;
  }
  .wide\:w-\[275px\] {
    width: 275px;
  }
}
@media (width>=1150px) {
  .xlarge\:flex {
    display: flex;
  }
  .xlarge\:hidden {
    display: none;
  }
}
@media (width>=1265px) {
  .expanded-two-column\:w-\[1197px\] {
    width: 1197px;
  }
}
@media (width>=1325px) {
  .nav-xxl\:size-\[144px\] {
    width: 144px;
    height: 144px;
  }
  .nav-xxl\:text-\[14px\] {
    font-size: 14px;
  }
}
@media (width>=1385px) {
  .expanded-large-two-column\:me-\[70px\] {
    margin-inline-end: 70px;
  }
  .expanded-large-two-column\:w-\[1050px\] {
    width: 1050px;
  }
  .expanded-large-two-column\:w-\[1257px\] {
    width: 1257px;
  }
}
@media (width>=40rem) {
  .sm\:top-full {
    top: 100%;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:-mt-5 {
    margin-top: -20px;
  }
  .sm\:mt-\[-30px\] {
    margin-top: -30px;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-\[-50px\] {
    margin-bottom: -50px;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:h-6 {
    height: 24px;
  }
  .sm\:h-\[60px\] {
    height: 60px;
  }
  .sm\:h-\[180px\] {
    height: 180px;
  }
  .sm\:h-\[900px\] {
    height: 900px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:max-h-full {
    max-height: 100%;
  }
  .sm\:w-6 {
    width: 24px;
  }
  .sm\:w-32 {
    width: 128px;
  }
  .sm\:w-\[60px\] {
    width: 60px;
  }
  .sm\:w-\[180px\] {
    width: 180px;
  }
  .sm\:w-\[600px\] {
    width: 600px;
  }
  .sm\:w-\[700px\] {
    width: 700px;
  }
  .sm\:max-w-\[60rem\] {
    max-width: 60rem;
  }
  .sm\:max-w-\[140px\] {
    max-width: 140px;
  }
  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }
  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
  .sm\:max-w-lg {
    max-width: var(--container-lg);
  }
  .sm\:min-w-0 {
    min-width: 0;
  }
  .sm\:flex-1 {
    flex: 1;
  }
  .sm\:basis-\[calc\(25\%-6px\)\] {
    flex-basis: calc(25% - 6px);
  }
  .sm\:-translate-y-\[8px\] {
    --tw-translate-y: calc(8px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:gap-2 {
    gap: 8px;
  }
  .sm\:gap-2\.5 {
    gap: 10px;
  }
  .sm\:gap-6 {
    gap: 24px;
  }
  .sm\:gap-12 {
    gap: 48px;
  }
  .sm\:self-auto {
    align-self: auto;
  }
  .sm\:rounded {
    border-radius: calc(12px * var(--x-radius-m));
  }
  .sm\:rounded-md {
    border-radius: calc(16px * var(--x-radius-m));
  }
  .sm\:px-4 {
    padding-inline: 16px;
  }
  .sm\:px-7 {
    padding-inline: 28px;
  }
  .sm\:px-20 {
    padding-inline: 80px;
  }
  .sm\:pt-12 {
    padding-top: 48px;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-headline2 {
    font-size: 17px;
    line-height: var(--tw-leading, 20px);
  }
  .sm\:text-subtext1 {
    font-size: 14px;
    line-height: var(--tw-leading, 16px);
  }
  .sm\:text-subtext2 {
    font-size: 13px;
    line-height: var(--tw-leading, 16px);
  }
}
@media (width>=48rem) {
  .md\:-inset-e-10 {
    inset-inline-end: -40px;
  }
  .md\:top-1\/3 {
    top: 33.3333%;
  }
  .md\:-m-6 {
    margin: -24px;
  }
  .md\:mx-8 {
    margin-inline: 32px;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-8 {
    margin-top: 32px;
  }
  .md\:mt-16 {
    margin-top: 64px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:table {
    display: table;
  }
  .md\:table-cell {
    display: table-cell;
  }
  .md\:h-10 {
    height: 40px;
  }
  .md\:h-\[200px\] {
    height: 200px;
  }
  .md\:h-\[250px\] {
    height: 250px;
  }
  .md\:h-dvh {
    height: 100dvh;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:max-h-\[100px\] {
    max-height: 100px;
  }
  .md\:\!w-auto {
    width: auto !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-10 {
    width: 40px;
  }
  .md\:w-40 {
    width: 160px;
  }
  .md\:w-72 {
    width: 288px;
  }
  .md\:w-\[60\%\] {
    width: 60%;
  }
  .md\:w-\[360px\] {
    width: 360px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:flex-1 {
    flex: 1;
  }
  .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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:gap-4 {
    gap: 16px;
  }
  .md\:gap-8 {
    gap: 32px;
  }
  .md\:gap-16 {
    gap: 64px;
  }
  :where(.md\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(16px * var(--tw-space-y-reverse));
    margin-block-end: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .md\:rounded {
    border-radius: calc(12px * var(--x-radius-m));
  }
  .md\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .md\:border-gray-50 {
    border-color: hsl(var(--color-gray-50));
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:p-4 {
    padding: 16px;
  }
  .md\:p-6 {
    padding: 24px;
  }
  .md\:px-4 {
    padding-inline: 16px;
  }
  .md\:px-6 {
    padding-inline: 24px;
  }
  .md\:px-20 {
    padding-inline: 80px;
  }
  .md\:px-36 {
    padding-inline: 144px;
  }
  .md\:py-0 {
    padding-block: 0;
  }
  .md\:py-5 {
    padding-block: 20px;
  }
  .md\:py-8 {
    padding-block: 32px;
  }
  .md\:py-\[60px\] {
    padding-block: 60px;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-4 {
    padding-top: 16px;
  }
  .md\:pt-40 {
    padding-top: 160px;
  }
  .md\:pb-4 {
    padding-bottom: 16px;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-body {
    font-size: 15px;
    line-height: var(--tw-leading, 20px);
  }
  .md\:text-headline2 {
    font-size: 17px;
    line-height: var(--tw-leading, 20px);
  }
  .md\:text-subtext3 {
    font-size: 11px;
    line-height: var(--tw-leading, 12px);
  }
  .md\:text-title1 {
    font-size: 34px;
    line-height: var(--tw-leading, 40px);
  }
  .md\:text-title2 {
    font-size: 30px;
    line-height: var(--tw-leading, 36px);
  }
  .md\:text-title3 {
    font-size: 26px;
    line-height: var(--tw-leading, 32px);
  }
  .md\:text-\[56px\] {
    font-size: 56px;
  }
  .md\:text-\[64px\] {
    font-size: 64px;
  }
  .md\:leading-14 {
    --tw-leading: 56px;
    line-height: 56px;
  }
  .md\:leading-\[62px\] {
    --tw-leading: 62px;
    line-height: 62px;
  }
  .md\:leading-\[70px\] {
    --tw-leading: 70px;
    line-height: 70px;
  }
  .md\:font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .md\:whitespace-nowrap {
    white-space: nowrap;
  }
  .md\:group-data-\[x-position\=center\]\:inset-x-0:is(
    :where(.group)[data-x-position="center"] *
  ) {
    inset-inline: 0;
  }
  .md\:group-data-\[x-position\=center\]\:mx-auto:is(
    :where(.group)[data-x-position="center"] *
  ) {
    margin-inline: auto;
  }
  .md\:group-data-\[x-position\=center\]\:\!w-fit:is(
    :where(.group)[data-x-position="center"] *
  ) {
    width: fit-content !important;
  }
  @media (hover: hover) {
    .md\:hover\:bg-gray-0:hover {
      background-color: hsl(var(--color-gray-0));
    }
    .md\:hover\:bg-gray-50:hover {
      background-color: hsl(var(--color-gray-50));
    }
    .md\:hover\:bg-gray-100:hover {
      background-color: hsl(var(--color-gray-100));
    }
  }
}
@media (width>=64rem) {
  .lg\:sticky {
    position: sticky;
  }
  .lg\:top-4 {
    top: 16px;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .lg\:-m-8 {
    margin: -32px;
  }
  .lg\:h-\[220px\] {
    height: 220px;
  }
  .lg\:h-\[500px\] {
    height: 500px;
  }
  .lg\:h-\[520px\] {
    height: 520px;
  }
  .lg\:w-16 {
    width: 64px;
  }
  .lg\:w-\[220px\] {
    width: 220px;
  }
  .lg\:w-\[320px\] {
    width: 320px;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:w-\[420px\] {
    width: 420px;
  }
  .lg\:translate-y-\[-125px\] {
    --tw-translate-y: -125px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .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-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:gap-8 {
    gap: 32px;
  }
  .lg\:gap-12 {
    gap: 48px;
  }
  .lg\:p-8 {
    padding: 32px;
  }
  .lg\:text-\[64px\] {
    font-size: 64px;
  }
  .lg\:leading-\[70px\] {
    --tw-leading: 70px;
    line-height: 70px;
  }
}
@media (width>=80rem) {
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width>=96rem) {
  .\32 xl\:h-\[772px\] {
    height: 772px;
  }
  .\32 xl\:max-w-\[640px\] {
    max-width: 640px;
  }
  .\32 xl\:px-3 {
    padding-inline: 12px;
  }
}
@container not (width>=600px) {
  .\@max-\[600px\]\:hidden {
    display: none;
  }
}
@container not (width>=290px) {
  .\@max-\[290px\]\:hidden {
    display: none;
  }
}
@container (width>=200px) {
  .\@min-\[200px\]\:block {
    display: block;
  }
  .\@min-\[200px\]\:flex {
    display: flex;
  }
  .\@min-\[200px\]\:hidden {
    display: none;
  }
  .\@min-\[200px\]\:size-auto {
    width: auto;
    height: auto;
  }
  .\@min-\[200px\]\:h-12 {
    height: 48px;
  }
  .\@min-\[200px\]\:w-full {
    width: 100%;
  }
  .\@min-\[200px\]\:max-w-\[200px\] {
    max-width: 200px;
  }
  .\@min-\[200px\]\:min-w-12 {
    min-width: 48px;
  }
  .\@min-\[200px\]\:items-start {
    align-items: flex-start;
  }
  .\@min-\[200px\]\:items-stretch {
    align-items: stretch;
  }
  .\@min-\[200px\]\:justify-start {
    justify-content: flex-start;
  }
  .\@min-\[200px\]\:gap-3 {
    gap: 12px;
  }
  .\@min-\[200px\]\:p-3 {
    padding: 12px;
  }
  .\@min-\[200px\]\:p-\[10px\] {
    padding: 10px;
  }
  .\@min-\[200px\]\:px-3 {
    padding-inline: 12px;
  }
  .\@min-\[200px\]\:px-6 {
    padding-inline: 24px;
  }
  .\@min-\[200px\]\:pr-3 {
    padding-right: 12px;
  }
  .\@min-\[200px\]\:pb-0 {
    padding-bottom: 0;
  }
  .\@min-\[200px\]\:pl-5 {
    padding-left: 20px;
  }
  .\@min-\[200px\]\:opacity-100 {
    opacity: 1;
  }
}
@container (width>=560px) {
  .\@\[560px\]\:ms-0 {
    margin-inline-start: 0;
  }
  .\@\[560px\]\:w-52 {
    width: 208px;
  }
  .\@\[560px\]\:max-w-xs {
    max-width: var(--container-xs);
  }
  .\@\[560px\]\:flex-row {
    flex-direction: row;
  }
  .\@\[560px\]\:items-start {
    align-items: flex-start;
  }
  .\@\[560px\]\:gap-5 {
    gap: 20px;
  }
  .\@\[560px\]\:gap-10 {
    gap: 40px;
  }
  .\@\[560px\]\:py-0 {
    padding-block: 0;
  }
  .\@\[560px\]\:ps-11 {
    padding-inline-start: 44px;
  }
  .\@\[560px\]\:pe-8 {
    padding-inline-end: 32px;
  }
  .\@\[560px\]\:text-start {
    text-align: start;
  }
}
@container (width>=601px) {
  .\@min-\[601px\]\:hidden {
    display: none;
  }
}
@container (width>=918px) {
  .\@wide\:mx-auto {
    margin-inline: auto;
  }
  .\@wide\:block {
    display: block;
  }
  .\@wide\:w-\[35\%\] {
    width: 35%;
  }
  .\@wide\:max-w-5xl {
    max-width: var(--container-5xl);
  }
  .\@wide\:max-w-xl {
    max-width: var(--container-xl);
  }
  .\@wide\:shrink-0 {
    flex-shrink: 0;
  }
}
@container (width>=2000px) {
  .\@extraWide\:static {
    position: static;
  }
  .\@extraWide\:block {
    display: block;
  }
  .\@extraWide\:max-h-dvh {
    max-height: 100dvh;
  }
  .\@extraWide\:w-\[35\%\] {
    width: 35%;
  }
  .\@extraWide\:shrink-0 {
    flex-shrink: 0;
  }
  .\@extraWide\:translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\@extraWide\:p-4 {
    padding: 16px;
  }
  .\@extraWide\:pl-0 {
    padding-left: 0;
  }
  .\@extraWide\: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);
  }
}
@container (width>=36rem) {
  .\@xl\:size-24 {
    width: 96px;
    height: 96px;
  }
  .\@xl\:h-36 {
    height: 144px;
  }
  .\@xl\:w-2\/5 {
    width: 40%;
  }
  .\@xl\:flex-row {
    flex-direction: row;
  }
  .\@xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .\@xl\:items-center {
    align-items: center;
  }
  .\@xl\:gap-6 {
    gap: 24px;
  }
  .\@xl\:text-title4 {
    font-size: 23px;
    line-height: var(--tw-leading, 28px);
  }
}
.ltr\:rounded-tl:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-top-left-radius: calc(12px * var(--x-radius-m));
}
.ltr\:rounded-tl-sm:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-top-left-radius: calc(8px * var(--x-radius-m));
}
.ltr\:rounded-tr:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-top-right-radius: calc(12px * var(--x-radius-m));
}
.ltr\:rounded-tr-sm:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-top-right-radius: calc(8px * var(--x-radius-m));
}
.ltr\:rounded-br-sm:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-bottom-right-radius: calc(8px * var(--x-radius-m));
}
.ltr\:rounded-bl-sm:where(
  :not(
    :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="ltr"],
  [dir="ltr"] *
) {
  border-bottom-left-radius: calc(8px * var(--x-radius-m));
}
.rtl\:origin-bottom-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 100%;
}
.rtl\:origin-top-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% 0;
}
.rtl\:translate-x-\[-75\.52\%\]: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: -75.52%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rtl\:translate-x-full: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: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rtl\:-scale-x-100: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-scale-x: calc(100% * -1);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rtl\:rotate-180:where(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ),
  [dir="rtl"],
  [dir="rtl"] *
) {
  rotate: 180deg;
}
.rtl\:flex-row-reverse: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"] *
) {
  flex-direction: row-reverse;
}
.rtl\:rounded-tl: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"] *
) {
  border-top-left-radius: calc(12px * var(--x-radius-m));
}
.rtl\:rounded-tl-sm: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"] *
) {
  border-top-left-radius: calc(8px * var(--x-radius-m));
}
.rtl\:rounded-tr: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"] *
) {
  border-top-right-radius: calc(12px * var(--x-radius-m));
}
.rtl\:rounded-tr-sm: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"] *
) {
  border-top-right-radius: calc(8px * var(--x-radius-m));
}
.rtl\:rounded-br-sm: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"] *
) {
  border-bottom-right-radius: calc(8px * var(--x-radius-m));
}
.rtl\:rounded-bl-sm: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"] *
) {
  border-bottom-left-radius: calc(8px * var(--x-radius-m));
}
.rtl\:bg-linear-to-l: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-gradient-position: to left;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
  .rtl\:bg-linear-to-l: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-gradient-position: to left in oklab;
  }
}
.rtl\:bg-linear-to-l: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"] *
) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.rtl\:bg-linear-to-r: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-gradient-position: to right;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
  .rtl\:bg-linear-to-r: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-gradient-position: to right in oklab;
  }
}
.rtl\:bg-linear-to-r: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"] *
) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.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;
}
.data-\[state\=checked\]\:rtl\:-translate-x-2\.5[data-state="checked"]: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: calc(10px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:rtl\:-translate-x-5[data-state="checked"]: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: calc(20px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.dark\:block:where([data-theme="dark"], [data-theme="dark"] *) {
  display: block;
}
.dark\:border-gray-800:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: hsl(var(--color-gray-800));
}
.dark\:border-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: #0000;
}
.dark\:border-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:border-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: color-mix(in oklab, var(--x-white) 5%, transparent);
  }
}
.dark\:border-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:border-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: color-mix(in oklab, var(--x-white) 10%, transparent);
  }
}
.dark\:border-zinc-700:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-zinc-700);
}
.dark\:bg-background\/65:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--background));
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-background\/65:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(
      in oklab,
      hsl(var(--background)) 65%,
      transparent
    );
  }
}
.dark\:bg-black:where([data-theme="dark"], [data-theme="dark"] *),
.dark\:bg-black\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-black\/50:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in oklab, var(--x-black) 50%, transparent);
  }
}
.dark\:bg-blue-950\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #16245666;
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-blue-950\/40:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(
      in oklab,
      var(--color-blue-950) 40%,
      transparent
    );
  }
}
.dark\:bg-brand\/\[0\.14\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-brand))) 14%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-brand\/\[0\.14\]:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-brand)) 14%,
      transparent
    );
  }
}
.dark\:bg-fg-alpha-10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-fg-alpha-10);
}
.dark\:bg-gray-0:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--color-gray-0));
}
.dark\:bg-gray-100:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--color-gray-100));
}
.dark\:bg-gray-600:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--color-gray-600));
}
.dark\:bg-gray-700:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--color-gray-700));
}
.dark\:bg-gray-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--color-gray-800));
}
.dark\:bg-gray-900\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-900))) 40%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-gray-900\/40:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-gray-900)) 40%,
      transparent
    );
  }
}
.dark\:bg-gray-900\/95:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(
    in srgb,
    hsl(hsl(var(--color-gray-900))) 95%,
    transparent
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-gray-900\/95:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(
      in oklab,
      hsl(var(--color-gray-900)) 95%,
      transparent
    );
  }
}
.dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: hsl(var(--input));
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
  }
}
.dark\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-neutral-800);
}
.dark\:bg-slate-50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-slate-50);
}
.dark\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #0000;
}
.dark\:bg-white-04:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-white-04);
}
.dark\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in oklab, var(--x-white) 5%, transparent);
  }
}
.dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in oklab, var(--x-white) 10%, transparent);
  }
}
.dark\:bg-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in oklab, var(--x-white) 15%, transparent);
  }
}
.dark\:fill-black:where([data-theme="dark"], [data-theme="dark"] *) {
  fill: var(--x-black);
}
.dark\:fill-brand:where([data-theme="dark"], [data-theme="dark"] *) {
  fill: hsl(var(--color-brand));
}
.dark\:stroke-\[\#222222\]:where([data-theme="dark"], [data-theme="dark"] *) {
  stroke: #222;
}
.dark\:text-\[\#71717a\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: #71717a;
}
.dark\:text-black:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--x-black);
}
.dark\:text-gray-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: hsl(var(--color-gray-400));
}
.dark\:text-gray-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: hsl(var(--color-gray-500));
}
.dark\:text-gray-1000:where([data-theme="dark"], [data-theme="dark"] *) {
  color: hsl(var(--color-gray-1000));
}
.dark\:text-gray-1100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: hsl(var(--color-gray-1100));
}
.dark\:text-red-700:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--x-red-700);
}
.dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *),
.dark\:text-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:text-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
    color: color-mix(in oklab, var(--x-white) 10%, transparent);
  }
}
.dark\:shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.3\)\,0_0_40px_rgba\(255\,255\,255\,0\.2\)\,0_0_60px_rgba\(255\,255\,255\,0\.1\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.8\)\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  --tw-shadow:
    0 0 20px var(--tw-shadow-color, #ffffff4d),
    0 0 40px var(--tw-shadow-color, #fff3),
    0 0 60px var(--tw-shadow-color, #ffffff1a),
    inset 0 1px 0 var(--tw-shadow-color, #fffc);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dark\:shadow-\[0px_2px_12px_0px_rgba\(255\,255\,255\,0\.12\)\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  --tw-shadow: 0px 2px 12px 0px 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);
}
.dark\:shadow-none:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dark\:ring-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: var(--x-white);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:ring-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
    --tw-ring-color: color-mix(in oklab, var(--x-white) 10%, transparent);
  }
}
.dark\:invert:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.dark\:\[--base-color\:\#71717a\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  --base-color: #71717a;
}
.dark\:\[--base-gradient-color\:\#ffffff\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  --base-gradient-color: #fff;
}
.dark\:\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  --bg: linear-gradient(
    90deg,
    #0000 calc(50% - var(--spread)),
    var(--base-gradient-color),
    #0000 calc(50% + var(--spread))
  );
}
.dark\:\[--pill-active\:var\(--x-neutral-700\)\]:where(
  [data-theme="dark"],
  [data-theme="dark"] *
) {
  --pill-active: var(--x-neutral-700);
}
.dark\:\[--pill-hover\:var\(--x-neutral-800\)\]:where(
  [data-theme="dark"],
  [data-theme="dark"] *
) {
  --pill-hover: var(--x-neutral-800);
}
.dark\:\[--pill\:var\(--x-neutral-900\)\]:where(
  [data-theme="dark"],
  [data-theme="dark"] *
) {
  --pill: var(--x-neutral-900);
}
.dark\:\[stop-color\:\#5F5F5F\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  stop-color: #5f5f5f;
}
.dark\:\[stop-color\:\#ffffff\]:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ) {
  stop-color: #fff;
}
.not-has-\[\>\[data-list-group\]\]\:dark\:bg-white-04:not(
    :has(> [data-list-group])
  ):where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--x-white-04);
}
@media (hover: hover) {
  .dark\:group-hover\:bg-fg-alpha-15:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):is(:where(.group):hover *) {
    background-color: var(--x-fg-alpha-15);
  }
}
.dark\:group-has-\[input\[name\=username\]\:not\(\:placeholder-shown\)\]\/landing\:bg-white:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ):is(
    :where(.group\/landing):has(
        :is(input[name="username"]:not(:placeholder-shown))
      )
      *
  ) {
  background-color: var(--x-white);
}
.dark\:group-has-\[input\[name\=username\]\:not\(\:placeholder-shown\)\]\/landing\:text-black:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ):is(
    :where(.group\/landing):has(
        :is(input[name="username"]:not(:placeholder-shown))
      )
      *
  ) {
  color: var(--x-black);
}
@media (hover: hover) {
  .dark\:hover\:border-white\/20:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):hover {
    border-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:border-white\/20:where(
        [data-theme="dark"],
        [data-theme="dark"] *
      ):hover {
      border-color: color-mix(in oklab, var(--x-white) 20%, transparent);
    }
  }
  .dark\:hover\:bg-white-08:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):hover {
    background-color: var(--x-white-08);
  }
  .dark\:hover\:bg-white\/5:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):hover {
    background-color: var(--x-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-white\/5:where(
        [data-theme="dark"],
        [data-theme="dark"] *
      ):hover {
      background-color: color-mix(in oklab, var(--x-white) 5%, transparent);
    }
  }
  .dark\:hover\:text-brand:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):hover {
    color: var(--x-fg-brand);
  }
}
.dark\:focus-visible\:ring-destructive\/40:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  ):focus-visible {
  --tw-ring-color: hsl(var(--destructive));
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:focus-visible\:ring-destructive\/40:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    ):focus-visible {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--destructive)) 40%,
      transparent
    );
  }
}
.dark\:aria-invalid\:ring-destructive\/40:where(
    [data-theme="dark"],
    [data-theme="dark"] *
  )[aria-invalid="true"] {
  --tw-ring-color: hsl(var(--destructive));
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:aria-invalid\:ring-destructive\/40:where(
      [data-theme="dark"],
      [data-theme="dark"] *
    )[aria-invalid="true"] {
    --tw-ring-color: color-mix(
      in oklab,
      hsl(var(--destructive)) 40%,
      transparent
    );
  }
}
@starting-style {
  .starting\:pointer-events-none {
    pointer-events: none;
  }
  .starting\:opacity-0 {
    opacity: 0;
  }
  .starting\: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,);
  }
  .starting\:blur-\[8px\] {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @media not all and (width>=40rem) {
    .starting\:max-sm\:translate-y-\[8px\] {
      --tw-translate-y: 8px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width>=40rem) {
    .starting\:sm\:-translate-y-\[8px\] {
      --tw-translate-y: calc(8px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
@media (pointer: coarse) {
  .pointer-coarse\:pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-coarse\:min-h-11 {
    min-height: 44px;
  }
  .pointer-coarse\:min-w-11 {
    min-width: 44px;
  }
  .pointer-coarse\:opacity-100 {
    opacity: 1;
  }
  .pointer-coarse\:before\:-inset-1\.5:before {
    content: var(--tw-content);
    inset: -6px;
  }
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-gray-100
  .recharts-cartesian-grid
  line[stroke="\#ccc"] {
  stroke: hsl(var(--color-gray-100));
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
  .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-dot[stroke="\#fff"] {
  stroke: #0000;
}
.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-polar-grid
  [stroke="\#ccc"] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
  .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-gray-100
  .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--color-gray-100));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-reference-line
  [stroke="\#ccc"] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-sector[stroke="\#fff"] {
  stroke: #0000;
}
.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
  [cmdk-group]:not([hidden])
  ~ [cmdk-group] {
  padding-top: 0;
}
.\[\&_\[data-streamdown\=code-block\]\]\:border-0
  [data-streamdown="code-block"] {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.\[\&_\[data-streamdown\=code-block\]\]\:bg-transparent
  [data-streamdown="code-block"] {
  background-color: #0000;
}
.\[\&_\[data-streamdown\=code-block\]\]\:p-0 [data-streamdown="code-block"] {
  padding: 0;
}
.\[\&_\[data-streamdown\=table-wrapper\]\]\:border-0
  [data-streamdown="table-wrapper"] {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.\[\&_\[data-streamdown\=table-wrapper\]\]\:bg-transparent
  [data-streamdown="table-wrapper"] {
  background-color: #0000;
}
.\[\&_\[data-streamdown\=table-wrapper\]\]\:p-0
  [data-streamdown="table-wrapper"] {
  padding: 0;
}
.\[\&_a\]\:pointer-events-auto a,
.\[\&_button\]\:pointer-events-auto button {
  pointer-events: auto;
}
.\[\&_g\]\:\[clip-path\:none\] g {
  clip-path: none;
}
.\[\&_li\>div\]\:py-2 li > div {
  padding-block: 8px;
}
.\[\&_p\]\:mb-3 p {
  margin-bottom: 12px;
}
.\[\&_p\]\:last\:mb-0 p:last-child {
  margin-bottom: 0;
}
.\[\&_path\]\:animate-checkmark path {
  animation: 0.25s ease-out forwards checkmark;
}
.\[\&_path\]\:\[fill\:black\] path {
  fill: #000;
}
.\[\&_path\]\:\[stroke\:black\] path {
  stroke: #000;
}
.\[\&_path\]\:\[stroke-width\:8\] path {
  stroke-width: 8px;
}
.\[\&_path\]\:\[stroke-linejoin\:round\] path {
  stroke-linejoin: round;
}
.\[\&_path\]\:\[vector-effect\:non-scaling-stroke\] path {
  vector-effect: non-scaling-stroke;
}
.\[\&_span\]\:text-subtext1 span {
  font-size: 14px;
  line-height: var(--tw-leading, 16px);
}
.\[\&_span\]\:font-bold span {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:block svg {
  display: block;
}
.\[\&_svg\]\:size-3\! svg {
  width: 12px !important;
  height: 12px !important;
}
.\[\&_svg\]\:size-3\.5 svg {
  width: 14px;
  height: 14px;
}
.\[\&_svg\]\:size-4 svg {
  width: 16px;
  height: 16px;
}
.\[\&_svg\]\:size-4\! svg {
  width: 16px !important;
  height: 16px !important;
}
.\[\&_svg\]\:size-5 svg {
  width: 20px;
  height: 20px;
}
.\[\&_svg\]\:size-6 svg {
  width: 24px;
  height: 24px;
}
.\[\&_svg\]\:size-6\! svg {
  width: 24px !important;
  height: 24px !important;
}
.\[\&_svg\]\:size-7 svg {
  width: 28px;
  height: 28px;
}
.\[\&_svg\]\:size-\[1em\] svg {
  width: 1em;
  height: 1em;
}
.\[\&_svg\]\:size-\[18px\] svg {
  width: 18px;
  height: 18px;
}
.\[\&_svg\]\:size-\[20px\] svg {
  width: 20px;
  height: 20px;
}
.\[\&_svg\]\:size-\[22px\]\! svg {
  width: 22px !important;
  height: 22px !important;
}
.\[\&_svg\]\:size-\[30px\] svg {
  width: 30px;
  height: 30px;
}
.\[\&_svg\]\:size-full svg {
  width: 100%;
  height: 100%;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_svg\]\:scale-100\! svg {
  --tw-scale-x: 100% !important;
  --tw-scale-y: 100% !important;
  --tw-scale-z: 100% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.\[\&_svg\]\:overflow-visible svg {
  overflow: visible;
}
.\[\&_svg\]\:transition-transform svg {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\[\&_svg\]\:transition-none svg {
  transition-property: none;
}
.\[\&_svg\]\:duration-200 svg {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
@media (hover: hover) {
  .group-hover\:\[\&_svg\]\:scale-100\!:is(:where(.group):hover *) svg {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .group-hover\:\[\&_svg\]\:scale-110:is(:where(.group):hover *) svg {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-hover\:\[\&_svg\]\:rotate-\[7deg\]:is(:where(.group):hover *) svg {
    rotate: 7deg;
  }
  .hover\:\[\&_svg\]\:scale-110:hover svg {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .hover\:\[\&_svg\]\:rotate-\[7deg\]:hover svg {
    rotate: 7deg;
  }
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
  width: 12px;
  height: 12px;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
  width: 16px;
  height: 16px;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*="size-"]) {
  width: 20px;
  height: 20px;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
  width: 24px;
  height: 24px;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[18px\]
  svg:not([class*="size-"]) {
  width: 18px;
  height: 18px;
}
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-700
  svg:not([class*="text-"]) {
  color: hsl(var(--color-gray-700));
}
.\[\&_tr\]\:border-b tr {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.\[\&\:\:-moz-progress-bar\]\:bg-blue-100::-moz-progress-bar {
  background-color: var(--x-blue-100);
}
.\[\&\:\:-moz-progress-bar\]\:bg-gray-300::-moz-progress-bar {
  background-color: hsl(var(--color-gray-300));
}
.\[\&\:\:-webkit-progress-bar\]\:bg-gray-100::-webkit-progress-bar {
  background-color: hsl(var(--color-gray-100));
}
.\[\&\:\:-webkit-progress-value\]\:bg-blue-100::-webkit-progress-value {
  background-color: var(--x-blue-100);
}
.\[\&\:\:-webkit-progress-value\]\:bg-gray-300::-webkit-progress-value {
  background-color: hsl(var(--color-gray-300));
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
  width: 8px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-legacy::-webkit-scrollbar-thumb {
  border-radius: calc(6px * var(--x-radius-m));
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-200::-webkit-scrollbar-thumb {
  background-color: hsl(var(--color-gray-200));
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\[var\(--cell-radius\)\]:first-child[data-selected="true"]
  button {
  border-top-left-radius: var(--cell-radius);
  border-bottom-left-radius: var(--cell-radius);
}
@media not all and (width>=48rem) {
  .max-md\:\[\&\:has\(\>\:only-child\)\]\:justify-center:has(> :only-child) {
    justify-content: center;
  }
}
:is(
  .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180: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(.rdp-button_next > svg),
:is(
  .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180: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(.rdp-button_previous > svg) {
  rotate: 180deg;
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
  padding-inline: 8px;
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
  padding-block: 6px;
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-gray-700 *)[cmdk-group-heading] {
  color: hsl(var(--color-gray-700));
}
:is(.\*\*\:\[\[role\=button\]\]\:pointer-events-auto *)[role="button"] {
  pointer-events: auto;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\[var\(--cell-radius\)\]:last-child[data-selected="true"]
  button {
  border-top-right-radius: var(--cell-radius);
  border-bottom-right-radius: var(--cell-radius);
}
@media not all and (width>=48rem) {
  .max-md\:\[\&\:not\(\:has\(\>\:only-child\)\)\]\:justify-between:not(
    :has(> :only-child)
  ) {
    justify-content: space-between;
  }
}
.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\[var\(--cell-radius\)\]:nth-child(
    2
  )[data-selected="true"]
  button {
  border-top-left-radius: var(--cell-radius);
  border-bottom-left-radius: var(--cell-radius);
}
.\[\&\:popover-open\]\:\[inset\:auto\]:popover-open {
  inset: auto;
}
.\[\&\:popover-open\]\:m-0:popover-open {
  margin: 0;
}
.\[\&\:popover-open\]\:block:popover-open {
  display: block;
}
.\[\&\:popover-open\]\:size-0:popover-open {
  width: 0;
  height: 0;
}
.\[\&\:popover-open\]\:overflow-hidden:popover-open {
  overflow: hidden;
}
.\[\&\:popover-open\]\:border-0:popover-open {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.\[\&\:popover-open\]\:bg-transparent:popover-open {
  background-color: #0000;
}
.\[\&\:popover-open\]\:p-0:popover-open {
  padding: 0;
}
.\[\&\>\*\:first-child\]\:rounded-t > :first-child {
  border-top-left-radius: calc(12px * var(--x-radius-m));
  border-top-right-radius: calc(12px * var(--x-radius-m));
}
.\[\&\>\*\:last-child\]\:rounded-b > :last-child {
  border-bottom-right-radius: calc(12px * var(--x-radius-m));
  border-bottom-left-radius: calc(12px * var(--x-radius-m));
}
.\[\&\>\*\:not\(\:last-child\)\]\:border-b > :not(:last-child) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:border-gray-100 > :not(:last-child) {
  border-color: hsl(var(--color-gray-100));
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:absolute > :not(:last-child):after {
  content: var(--tw-content);
  position: absolute;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:right-4 > :not(:last-child):after {
  content: var(--tw-content);
  right: 16px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:bottom-0 > :not(:last-child):after {
  content: var(--tw-content);
  bottom: 0;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:left-\(--info-row-divider-inset\)
  > :not(:last-child):after {
  content: var(--tw-content);
  left: var(--info-row-divider-inset);
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:left-4 > :not(:last-child):after {
  content: var(--tw-content);
  left: 16px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:h-px > :not(:last-child):after {
  content: var(--tw-content);
  height: 1px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-gray-100 > :not(:last-child):after {
  content: var(--tw-content);
  background-color: hsl(var(--color-gray-100));
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[\'\'\]
  > :not(:last-child):after {
  --tw-content: "";
  content: var(--tw-content);
}
.\[\&\>div\]\:transition-colors > div {
  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));
}
.\[\&\>div\]\:duration-200 > div {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
@media (hover: hover) {
  .\[\&\>div\]\:hover\:bg-gray-50 > div:hover {
    background-color: hsl(var(--color-gray-50));
  }
}
@media not all and (width>=48rem) {
  .max-md\:\[\&\>div\]\:border-b-0 > div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}
.\[\&\>div\:first-child\]\:mt-2 > div:first-child {
  margin-top: 8px;
}
.\[\&\>div\:first-child\]\:h-1 > div:first-child {
  height: 4px;
}
.\[\&\>div\:first-child\]\:w-10 > div:first-child {
  width: 40px;
}
.\[\&\>label\]\:h-10 > label {
  height: 40px;
}
.\[\&\>label\]\:w-full > label {
  width: 100%;
}
.\[\&\>label\]\:px-4 > label {
  padding-inline: 16px;
}
@media (hover: hover) {
  .\[\&\>label\]\:hover\:bg-gray-50 > label:hover {
    background-color: hsl(var(--color-gray-50));
  }
}
.\[\&\>span\]\:line-clamp-1 > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.\[\&\>span\:not\(\:empty\)\~span\:not\(\:empty\)\]\:before\:shrink-0
  > span:not(:empty)
  ~ span:not(:empty):before {
  content: var(--tw-content);
  flex-shrink: 0;
}
.\[\&\>span\:not\(\:empty\)\~span\:not\(\:empty\)\]\:before\:px-1
  > span:not(:empty)
  ~ span:not(:empty):before {
  content: var(--tw-content);
  padding-inline: 4px;
}
.\[\&\>span\:not\(\:empty\)\~span\:not\(\:empty\)\]\:before\:content-\[\'·\'\]
  > span:not(:empty)
  ~ span:not(:empty):before {
  --tw-content: "·";
  content: var(--tw-content);
}
.\[\&\>svg\]\:pointer-events-none > svg {
  pointer-events: none;
}
.\[\&\>svg\]\:block > svg {
  display: block;
}
.\[\&\>svg\]\:size-3 > svg {
  width: 12px;
  height: 12px;
}
.\[\&\>svg\]\:size-3\.5 > svg {
  width: 14px;
  height: 14px;
}
.\[\&\>svg\]\:size-4 > svg {
  width: 16px;
  height: 16px;
}
.\[\&\>svg\]\:size-5 > svg {
  width: 20px;
  height: 20px;
}
.\[\&\>svg\]\:size-6 > svg {
  width: 24px;
  height: 24px;
}
.\[\&\>svg\]\:size-\[1\.125rem\] > svg {
  width: 1.125rem;
  height: 1.125rem;
}
.\[\&\>svg\]\:size-\[18px\] > svg {
  width: 18px;
  height: 18px;
}
.\[\&\>svg\]\:size-\[22px\] > svg {
  width: 22px;
  height: 22px;
}
.\[\&\>svg\]\:size-full > svg {
  width: 100%;
  height: 100%;
}
.\[\&\>svg\]\:h-2\.5 > svg {
  height: 10px;
}
.\[\&\>svg\]\:h-3 > svg {
  height: 12px;
}
.\[\&\>svg\]\:w-2\.5 > svg {
  width: 10px;
}
.\[\&\>svg\]\:w-3 > svg {
  width: 12px;
}
.\[\&\>svg\]\:text-gray-600 > svg {
  color: hsl(var(--color-gray-600));
}
.\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
.\[\&\>ul\]\:overflow-visible > ul {
  overflow: visible;
}
.\[\&\>ul\]\:pb-8 > ul {
  padding-bottom: 32px;
}
.\[\&\>ul\>li\]\:border-t > ul > li {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.\[\&\>ul\>li\]\:border-gray-100 > ul > li {
  border-color: hsl(var(--color-gray-100));
}
.\[\&\>ul\>li\:first-child\]\:border-t-0 > ul > li:first-child {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}
.\[\&\>ul\>li\:last-child\]\:border-b > ul > li:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\[\&\[hidden\]\]\:invisible[hidden] {
  visibility: hidden;
}
.\[\&\[hidden\]\]\:flex\![hidden] {
  display: flex !important;
}
@media (-webkit-device-pixel-ratio>=1.01), (resolution>=1.01x) {
  .\[\@media\(-webkit-min-device-pixel-ratio\:1\.01\)\,\(min-resolution\:1\.01dppx\)\]\:pt-\[1px\] {
    padding-top: 1px;
  }
}
@media (hover: hover) {
  .\[\@media\(hover\:hover\)\]\:hidden {
    display: none;
  }
  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:group-hover\/carousel\:pointer-events-auto:is(
      :where(.group\/carousel):hover *
    ) {
      pointer-events: auto;
    }
    .\[\@media\(hover\:hover\)\]\:group-hover\/carousel\:opacity-100:is(
      :where(.group\/carousel):hover *
    ) {
      opacity: 1;
    }
    .\[\@media\(hover\:hover\)\]\:hover\:bg-gray-50:hover {
      background-color: hsl(var(--color-gray-50));
    }
  }
}
@media (hover: none) {
  .\[\@media\(hover\:none\)\]\:visible {
    visibility: visible;
  }
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}
@media (width<=600px) {
  .\[\@media\(max-width\:600px\)\]\:mx-0 {
    margin-inline: 0;
  }
  .\[\@media\(max-width\:600px\)\]\:\!w-full {
    width: 100% !important;
  }
}
[data-removed="true"] .\[\[data-removed\=true\]_\&\]\:pointer-events-none {
  pointer-events: none;
}
@media (hover: hover) {
  a.\[a\&\]\:hover\:bg-accent:hover {
    background-color: hsl(var(--accent));
  }
  a.\[a\&\]\:hover\:bg-brand\/90:hover {
    background-color: color-mix(
      in srgb,
      hsl(hsl(var(--color-brand))) 90%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    a.\[a\&\]\:hover\:bg-brand\/90:hover {
      background-color: color-mix(
        in oklab,
        hsl(var(--color-brand)) 90%,
        transparent
      );
    }
  }
  a.\[a\&\]\:hover\:bg-destructive\/90:hover {
    background-color: var(--x-bg-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: color-mix(
        in oklab,
        var(--x-bg-destructive) 90%,
        transparent
      );
    }
  }
  a.\[a\&\]\:hover\:bg-secondary\/90:hover {
    background-color: var(--x-bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: color-mix(
        in oklab,
        var(--x-bg-secondary) 90%,
        transparent
      );
    }
  }
  a.\[a\&\]\:hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground));
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  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: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  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, U+309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+302, U+306-307, U+30A-30C, U+312, U+31B,
    U+326-328, U+E3F, U+2070, U+2074-207E, U+2080-208E, U+2100, U+2105, U+2117,
    U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190, U+2192, U+2194-2199,
    U+21A9-21AA, U+21B0-21B4, U+21BB, U+21C4-21C5, U+2202, U+2205-2206, U+220F,
    U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2460-2468,
    U+24EA, U+24FF, U+25CA-25CB, U+25CF, U+2776-277E, U+2E18, U+E000, U+EA00,
    U+F8FF, U+FB01-FB02, U+1F503;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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, U+309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Regular.c88864db.latin.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+302, U+306-307, U+30A-30C, U+312, U+31B,
    U+326-328, U+E3F, U+2070, U+2074-207E, U+2080-208E, U+2100, U+2105, U+2117,
    U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190, U+2192, U+2194-2199,
    U+21A9-21AA, U+21B0-21B4, U+21BB, U+21C4-21C5, U+2202, U+2205-2206, U+220F,
    U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2460-2468,
    U+24EA, U+24FF, U+25CA-25CB, U+25CF, U+2776-277E, U+2E18, U+E000, U+EA00,
    U+F8FF, U+FB01-FB02, U+1F503;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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, U+309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+302, U+306-307, U+30A-30C, U+312, U+31B,
    U+326-328, U+E3F, U+2070, U+2074-207E, U+2080-208E, U+2100, U+2105, U+2117,
    U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190, U+2192, U+2194-2199,
    U+21A9-21AA, U+21B0-21B4, U+21BB, U+21C4-21C5, U+2202, U+2205-2206, U+220F,
    U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2460-2468,
    U+24EA, U+24FF, U+25CA-25CB, U+25CF, U+2776-277E, U+2E18, U+E000, U+EA00,
    U+F8FF, U+FB01-FB02, U+1F503;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  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: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  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, U+309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+302, U+306-307, U+30A-30C, U+312, U+31B,
    U+326-328, U+E3F, U+2070, U+2074-207E, U+2080-208E, U+2100, U+2105, U+2117,
    U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190, U+2192, U+2194-2199,
    U+21A9-21AA, U+21B0-21B4, U+21BB, U+21C4-21C5, U+2202, U+2205-2206, U+220F,
    U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2460-2468,
    U+24EA, U+24FF, U+25CA-25CB, U+25CF, U+2776-277E, U+2E18, U+E000, U+EA00,
    U+F8FF, U+FB01-FB02, U+1F503;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  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: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  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, U+309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: TwitterChirp;
  src: url(/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+302, U+306-307, U+30A-30C, U+312, U+31B,
    U+326-328, U+E3F, U+2070, U+2074-207E, U+2080-208E, U+2100, U+2105, U+2117,
    U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190, U+2192, U+2194-2199,
    U+21A9-21AA, U+21B0-21B4, U+21BB, U+21C4-21C5, U+2202, U+2205-2206, U+220F,
    U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2460-2468,
    U+24EA, U+24FF, U+25CA-25CB, U+25CF, U+2776-277E, U+2E18, U+E000, U+EA00,
    U+F8FF, U+FB01-FB02, U+1F503;
}
:root {
  --x-black: #000;
  --x-white: #fff;
  --x-neutral-000: #f2f2f2;
  --x-neutral-050: #ebebeb;
  --x-neutral-100: #d9d9d9;
  --x-neutral-200: #ccc;
  --x-neutral-300: #b2b2b2;
  --x-neutral-400: #999;
  --x-neutral-500: gray;
  --x-neutral-600: #666;
  --x-neutral-700: #4d4d4d;
  --x-neutral-800: #333;
  --x-neutral-900: #262626;
  --x-neutral-1000: #141414;
  --x-neutral-1100: #0d0d0d;
  --x-blue-000: #eafaff;
  --x-blue-050: #d7f6ff;
  --x-blue-100: #bff2ff;
  --x-blue-200: #97e3ff;
  --x-blue-300: #6bc9fb;
  --x-blue-400: #43b3f6;
  --x-blue-500: #1d9bf0;
  --x-blue-600: #0083eb;
  --x-blue-700: #006fd6;
  --x-blue-800: #005ac2;
  --x-blue-900: #003886;
  --x-blue-1000: #00154a;
  --x-blue-1100: #02113d;
  --x-green-000: #edfff9;
  --x-green-050: #dbf8eb;
  --x-green-100: #c2f1dc;
  --x-green-200: #92e3bf;
  --x-green-300: #61d6a3;
  --x-green-400: #31c88e;
  --x-green-500: #00ba7c;
  --x-green-600: #009c64;
  --x-green-700: #007e50;
  --x-green-800: #00613d;
  --x-green-900: #004329;
  --x-green-1000: #00251a;
  --x-green-1100: #002218;
  --x-red-000: #fff0f1;
  --x-red-050: #fedee3;
  --x-red-100: #fdc9ce;
  --x-red-200: #fb9fa8;
  --x-red-300: #f87580;
  --x-red-400: #f64b5c;
  --x-red-500: #f4212e;
  --x-red-600: #d11a28;
  --x-red-700: #ae1425;
  --x-red-800: #8a0d20;
  --x-red-900: #67070f;
  --x-red-1000: #440004;
  --x-red-1100: #3d0105;
  --x-orange-000: #fef5ec;
  --x-orange-050: #ffeddb;
  --x-orange-100: #ffe0c2;
  --x-orange-200: #ffc692;
  --x-orange-300: #ffad61;
  --x-orange-400: #ff9331;
  --x-orange-500: #ff7a00;
  --x-orange-600: #d86000;
  --x-orange-700: #b04500;
  --x-orange-800: #892b00;
  --x-orange-900: #692100;
  --x-orange-1000: #491600;
  --x-orange-1100: #3c1201;
  --x-yellow-000: #fffdea;
  --x-yellow-050: #fffed7;
  --x-yellow-100: #fffec0;
  --x-yellow-200: #fff595;
  --x-yellow-300: #ffeb6b;
  --x-yellow-400: #ffe042;
  --x-yellow-500: #ffd400;
  --x-yellow-600: #dcab00;
  --x-yellow-700: #b88200;
  --x-yellow-800: #955900;
  --x-yellow-900: #6f3e00;
  --x-yellow-1000: #482300;
  --x-yellow-1100: #3d1e02;
  --x-purple-000: #f5f3ff;
  --x-purple-050: #ece8ff;
  --x-purple-100: #dfd8ff;
  --x-purple-200: #c5b7ff;
  --x-purple-300: #ac97ff;
  --x-purple-400: #9276ff;
  --x-purple-500: #7856ff;
  --x-purple-600: #6545db;
  --x-purple-700: #5234b7;
  --x-purple-800: #3f2292;
  --x-purple-900: #2c116e;
  --x-purple-1000: #19004a;
  --x-purple-1100: #160634;
  --x-plum-000: #ffefff;
  --x-plum-050: #fae0fa;
  --x-plum-100: #f4cdf5;
  --x-plum-200: #e9a7eb;
  --x-plum-300: #df82e0;
  --x-plum-400: #d45cd6;
  --x-plum-500: #c936cc;
  --x-plum-600: #ab2bae;
  --x-plum-700: #8d2090;
  --x-plum-800: #701671;
  --x-plum-900: #520b53;
  --x-plum-1000: #340035;
  --x-plum-1100: #2d032d;
  --x-magenta-000: #fff1f8;
  --x-magenta-050: #ffdded;
  --x-magenta-100: #fec7e1;
  --x-magenta-200: #fd9bc9;
  --x-magenta-300: #fb70b0;
  --x-magenta-400: #fa4498;
  --x-magenta-500: #f91880;
  --x-magenta-600: #d4136d;
  --x-magenta-700: #af0e5a;
  --x-magenta-800: #890a46;
  --x-magenta-900: #640533;
  --x-magenta-1000: #3f001f;
  --x-magenta-1100: #37011c;
  --x-teal-000: #e9feff;
  --x-teal-050: #d1f8fa;
  --x-teal-100: #b3f1f4;
  --x-teal-200: #78e4e8;
  --x-teal-300: #3cd6dd;
  --x-teal-400: #00c9d1;
  --x-teal-500: #00afb6;
  --x-teal-600: #009399;
  --x-teal-700: #00777c;
  --x-teal-800: #005a5f;
  --x-teal-900: #003e42;
  --x-teal-1000: #002225;
  --x-teal-1100: #022023;
  --x-black-00: #0000;
  --x-black-02: #00000005;
  --x-black-04: #0000000a;
  --x-black-08: #00000014;
  --x-black-10: #0000001a;
  --x-black-15: #00000026;
  --x-black-20: #0003;
  --x-black-30: #0000004d;
  --x-black-40: #0006;
  --x-black-50: #00000080;
  --x-black-60: #0009;
  --x-black-70: #000000b3;
  --x-black-80: #000c;
  --x-black-85: #000000d9;
  --x-black-90: #000000e6;
  --x-black-95: #000000f2;
  --x-white-00: #fff0;
  --x-white-02: #ffffff05;
  --x-white-04: #ffffff0a;
  --x-white-08: #ffffff14;
  --x-white-10: #ffffff1a;
  --x-white-15: #ffffff26;
  --x-white-20: #fff3;
  --x-white-30: #ffffff4d;
  --x-white-40: #fff6;
  --x-white-50: #ffffff80;
  --x-white-60: #fff9;
  --x-white-70: #ffffffb3;
  --x-white-80: #fffc;
  --x-white-85: #ffffffd9;
  --x-white-90: #ffffffe6;
  --x-white-95: #fffffff2;
  --x-radius-m: 1;
  --x-font-sans:
    TwitterChirp, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}
:root[data-theme="dark"],
[data-theme="dark"],
.dark-theme {
  --x-blue-000: #02113d;
  --x-blue-050: #00154a;
  --x-blue-100: #003886;
  --x-blue-200: #005ac2;
  --x-blue-300: #006fd6;
  --x-blue-400: #0083eb;
  --x-blue-500: #1d9bf0;
  --x-blue-600: #43b3f6;
  --x-blue-700: #6bc9fb;
  --x-blue-800: #97e3ff;
  --x-blue-900: #bff2ff;
  --x-blue-1000: #d7f6ff;
  --x-blue-1100: #eafaff;
  --x-green-000: #002218;
  --x-green-050: #00251a;
  --x-green-100: #004329;
  --x-green-200: #00613d;
  --x-green-300: #007e50;
  --x-green-400: #009c64;
  --x-green-500: #00ba7c;
  --x-green-600: #31c88e;
  --x-green-700: #61d6a3;
  --x-green-800: #92e3bf;
  --x-green-900: #c2f1dc;
  --x-green-1000: #dbf8eb;
  --x-green-1100: #edfff9;
  --x-red-000: #3d0105;
  --x-red-050: #440004;
  --x-red-100: #67070f;
  --x-red-200: #8a0d20;
  --x-red-300: #ae1425;
  --x-red-400: #d11a28;
  --x-red-500: #f4212e;
  --x-red-600: #f64b5c;
  --x-red-700: #f87580;
  --x-red-800: #fb9fa8;
  --x-red-900: #fdc9ce;
  --x-red-1000: #fedee3;
  --x-red-1100: #fff0f1;
  --x-orange-000: #3c1201;
  --x-orange-050: #491600;
  --x-orange-100: #692100;
  --x-orange-200: #892b00;
  --x-orange-300: #b04500;
  --x-orange-400: #d86000;
  --x-orange-500: #ff7a00;
  --x-orange-600: #ff9331;
  --x-orange-700: #ffad61;
  --x-orange-800: #ffc692;
  --x-orange-900: #ffe0c2;
  --x-orange-1000: #ffeddb;
  --x-orange-1100: #fef5ec;
  --x-yellow-000: #3d1e02;
  --x-yellow-050: #482300;
  --x-yellow-100: #6f3e00;
  --x-yellow-200: #955900;
  --x-yellow-300: #b88200;
  --x-yellow-400: #dcab00;
  --x-yellow-500: #ffd400;
  --x-yellow-600: #ffe042;
  --x-yellow-700: #ffeb6b;
  --x-yellow-800: #fff595;
  --x-yellow-900: #fffec0;
  --x-yellow-1000: #fffed7;
  --x-yellow-1100: #fffdea;
  --x-purple-000: #160634;
  --x-purple-050: #19004a;
  --x-purple-100: #2c116e;
  --x-purple-200: #3f2292;
  --x-purple-300: #5234b7;
  --x-purple-400: #6545db;
  --x-purple-500: #7856ff;
  --x-purple-600: #9276ff;
  --x-purple-700: #ac97ff;
  --x-purple-800: #c5b7ff;
  --x-purple-900: #dfd8ff;
  --x-purple-1000: #ece8ff;
  --x-purple-1100: #f5f3ff;
  --x-plum-000: #2d032d;
  --x-plum-050: #340035;
  --x-plum-100: #520b53;
  --x-plum-200: #701671;
  --x-plum-300: #8d2090;
  --x-plum-400: #ab2bae;
  --x-plum-500: #c936cc;
  --x-plum-600: #d45cd6;
  --x-plum-700: #df82e0;
  --x-plum-800: #e9a7eb;
  --x-plum-900: #f4cdf5;
  --x-plum-1000: #fae0fa;
  --x-plum-1100: #ffefff;
  --x-magenta-000: #37011c;
  --x-magenta-050: #3f001f;
  --x-magenta-100: #640533;
  --x-magenta-200: #890a46;
  --x-magenta-300: #af0e5a;
  --x-magenta-400: #d4136d;
  --x-magenta-500: #f91880;
  --x-magenta-600: #fa4498;
  --x-magenta-700: #fb70b0;
  --x-magenta-800: #fd9bc9;
  --x-magenta-900: #fec7e1;
  --x-magenta-1000: #ffdded;
  --x-magenta-1100: #fff1f8;
  --x-teal-000: #022023;
  --x-teal-050: #002225;
  --x-teal-100: #003e42;
  --x-teal-200: #005a5f;
  --x-teal-300: #00777c;
  --x-teal-400: #009399;
  --x-teal-500: #00afb6;
  --x-teal-600: #00c9d1;
  --x-teal-700: #3cd6dd;
  --x-teal-800: #78e4e8;
  --x-teal-900: #b3f1f4;
  --x-teal-1000: #d1f8fa;
  --x-teal-1100: #e9feff;
}
:root,
:root[data-theme="light"],
[data-theme="light"],
.light-theme {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --x-bg-primary: var(--x-white);
  --x-bg-secondary: var(--x-neutral-000);
  --x-bg-tertiary: var(--x-neutral-050);
  --x-bg-sheets: var(--x-white);
  --x-bg-inputs: var(--x-black-04);
  --x-bg-modal: var(--x-white);
  --x-bg-transparent: transparent;
  --x-bg-destructive: var(--x-red-050);
  --x-bg-success: var(--x-green-000);
  --x-bg-info: var(--x-blue-000);
  --x-bg-warning: var(--x-yellow-000);
  --x-bg-subscribe: var(--x-plum-050);
  --x-fg-primary: var(--x-black);
  --x-fg-secondary: var(--x-black-60);
  --x-fg-tertiary: var(--x-black-30);
  --x-fg-inverted: var(--x-white);
  --x-fg-on-color: var(--x-white);
  --x-fg-brand: var(--x-blue-500);
  --x-fg-destructive: var(--x-red-500);
  --x-fg-success: var(--x-green-500);
  --x-fg-warning: var(--x-yellow-500);
  --x-fg-subscribe: var(--x-plum-500);
  --x-border-normal: var(--x-black-15);
  --x-border-hover: var(--x-black-20);
  --x-border-active: var(--x-black-30);
  --x-border-media: var(--x-black-04);
  --x-border-elevated: #fff3;
  --x-border-destructive: var(--x-red-500);
  --x-border-destructive-light: var(--x-red-100);
  --x-btn-primary: var(--x-black);
  --x-btn-primary-hover: var(--x-black-80);
  --x-btn-primary-pressed: var(--x-black-70);
  --x-btn-secondary: var(--x-neutral-050);
  --x-btn-secondary-hover: var(--x-neutral-100);
  --x-btn-secondary-pressed: var(--x-neutral-200);
  --x-btn-tertiary: var(--x-black-04);
  --x-btn-tertiary-hover: var(--x-black-08);
  --x-btn-tertiary-pressed: var(--x-black-15);
  --x-btn-ghost-hover: var(--x-black-04);
  --x-btn-ghost-pressed: var(--x-black-15);
  --x-btn-inverted: var(--x-white);
  --x-btn-inverted-hover: var(--x-white-90);
  --x-btn-inverted-pressed: var(--x-white-80);
  --x-btn-brand: var(--x-blue-500);
  --x-btn-brand-hover: var(--x-blue-600);
  --x-btn-brand-pressed: var(--x-blue-700);
  --x-btn-destructive: var(--x-red-500);
  --x-btn-destructive-hover: var(--x-red-600);
  --x-btn-destructive-pressed: var(--x-red-700);
  --x-hover-subtle: var(--x-black-04);
  --x-overlay-normal: var(--x-black-20);
  --x-overlay-strong: var(--x-black-40);
  --x-toast-bg: #2229;
  --x-tooltip-bg: var(--x-neutral-800);
  --x-tooltip-fg: var(--x-white);
  --x-shadow-sm: 0 1px 2px #0000000d;
  --x-shadow-md: 0 4px 12px #00000014;
  --x-shadow-lg: 0 8px 24px #0000001f;
  --x-shadow-toast: 0 8px 32px #0003;
  --x-shadow-popup: 0 4px 20px #00000014;
  --x-ring: var(--x-blue-500);
  --x-shadow-focus: 0 0 0 2px var(--x-ring);
}
@supports (color: color-mix(in lab, red, red)) {
  :root,
  :root[data-theme="light"],
  [data-theme="light"],
  .light-theme {
    --x-shadow-focus: 0 0 0 2px
      color-mix(in srgb, var(--x-ring) 75%, transparent);
  }
}
:root,
:root[data-theme="light"],
[data-theme="light"],
.light-theme {
  --x-shadow-focus-destructive: 0 0 0 2px var(--x-border-destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  :root,
  :root[data-theme="light"],
  [data-theme="light"],
  .light-theme {
    --x-shadow-focus-destructive: 0 0 0 2px
      color-mix(in srgb, var(--x-border-destructive) 80%, transparent);
  }
}
:root[data-theme="dark"],
[data-theme="dark"],
.dark-theme {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --x-bg-primary: var(--x-black);
  --x-bg-secondary: var(--x-neutral-1000);
  --x-bg-tertiary: var(--x-neutral-900);
  --x-bg-modal: var(--x-neutral-1000);
  --x-bg-sheets: var(--x-neutral-1000);
  --x-bg-inputs: var(--x-white-08);
  --x-bg-transparent: transparent;
  --x-bg-destructive: var(--x-red-050);
  --x-bg-success: var(--x-green-000);
  --x-bg-info: var(--x-blue-000);
  --x-bg-warning: var(--x-yellow-000);
  --x-bg-subscribe: var(--x-plum-050);
  --x-fg-primary: var(--x-white);
  --x-fg-secondary: var(--x-white-60);
  --x-fg-tertiary: var(--x-white-30);
  --x-fg-inverted: var(--x-black);
  --x-fg-on-color: var(--x-white);
  --x-fg-brand: var(--x-blue-500);
  --x-fg-destructive: var(--x-red-500);
  --x-fg-success: var(--x-green-500);
  --x-fg-warning: var(--x-yellow-500);
  --x-fg-subscribe: var(--x-plum-500);
  --x-border-normal: var(--x-white-15);
  --x-border-hover: var(--x-white-20);
  --x-border-active: var(--x-white-30);
  --x-border-media: var(--x-white-04);
  --x-border-elevated: #fff3;
  --x-border-destructive: var(--x-red-500);
  --x-border-destructive-light: var(--x-red-100);
  --x-btn-primary: var(--x-white);
  --x-btn-primary-hover: var(--x-white-80);
  --x-btn-primary-pressed: var(--x-white-70);
  --x-btn-secondary: var(--x-neutral-900);
  --x-btn-secondary-hover: var(--x-neutral-800);
  --x-btn-secondary-pressed: var(--x-neutral-700);
  --x-btn-tertiary: var(--x-white-10);
  --x-btn-tertiary-hover: var(--x-white-15);
  --x-btn-tertiary-pressed: var(--x-white-20);
  --x-btn-ghost-hover: var(--x-white-08);
  --x-btn-ghost-pressed: var(--x-white-15);
  --x-btn-inverted: var(--x-black);
  --x-btn-inverted-hover: var(--x-black-90);
  --x-btn-inverted-pressed: var(--x-black-80);
  --x-btn-brand: var(--x-blue-500);
  --x-btn-brand-hover: var(--x-blue-600);
  --x-btn-brand-pressed: var(--x-blue-700);
  --x-btn-destructive: var(--x-red-500);
  --x-btn-destructive-hover: var(--x-red-600);
  --x-btn-destructive-pressed: var(--x-red-700);
  --x-hover-subtle: var(--x-white-08);
  --x-overlay-normal: var(--x-black-40);
  --x-overlay-strong: var(--x-black-80);
  --x-toast-bg: #2229;
  --x-tooltip-bg: var(--x-neutral-300);
  --x-tooltip-fg: var(--x-black);
  --x-shadow-sm: 0 1px 2px #0000001a;
  --x-shadow-md: 0 4px 12px #00000026;
  --x-shadow-lg: 0 8px 24px #0003;
  --x-shadow-toast: 0 8px 32px #00000059;
  --x-shadow-popup: 0 4px 20px #0006;
  --x-ring: var(--x-blue-500);
  --x-shadow-focus: 0 0 0 2px var(--x-ring);
}
@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="dark"],
  [data-theme="dark"],
  .dark-theme {
    --x-shadow-focus: 0 0 0 2px
      color-mix(in srgb, var(--x-ring) 75%, transparent);
  }
}
:root[data-theme="dark"],
[data-theme="dark"],
.dark-theme {
  --x-shadow-focus-destructive: 0 0 0 2px var(--x-border-destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="dark"],
  [data-theme="dark"],
  .dark-theme {
    --x-shadow-focus-destructive: 0 0 0 2px
      color-mix(in srgb, var(--x-border-destructive) 80%, transparent);
  }
}
:root,
:root[data-theme="light"],
[data-theme="light"],
.light-theme {
  --x-fg-alpha-00: #0000;
  --x-fg-alpha-05: #0000000d;
  --x-fg-alpha-10: #0000001a;
  --x-fg-alpha-15: #00000026;
  --x-fg-alpha-20: #0003;
  --x-fg-alpha-30: #0000004d;
  --x-fg-alpha-40: #0006;
  --x-fg-alpha-50: #00000080;
  --x-fg-alpha-60: #0009;
  --x-fg-alpha-70: #000000b3;
  --x-fg-alpha-80: #000c;
  --x-fg-alpha-85: #000000d9;
  --x-fg-alpha-90: #000000e6;
  --x-fg-alpha-95: #000000f2;
  --x-fg-alpha-100: #000;
  --x-bg-alpha-00: #fff0;
  --x-bg-alpha-05: #ffffff0d;
  --x-bg-alpha-10: #ffffff1a;
  --x-bg-alpha-15: #ffffff26;
  --x-bg-alpha-20: #fff3;
  --x-bg-alpha-30: #ffffff4d;
  --x-bg-alpha-40: #fff6;
  --x-bg-alpha-50: #ffffff80;
  --x-bg-alpha-60: #fff9;
  --x-bg-alpha-70: #ffffffb3;
  --x-bg-alpha-80: #fffc;
  --x-bg-alpha-85: #ffffffd9;
  --x-bg-alpha-90: #ffffffe6;
  --x-bg-alpha-95: #fffffff2;
  --x-bg-alpha-100: #fff;
}
:root[data-theme="dark"],
[data-theme="dark"],
.dark-theme {
  --x-fg-alpha-00: #fff0;
  --x-fg-alpha-05: #ffffff0d;
  --x-fg-alpha-10: #ffffff1a;
  --x-fg-alpha-15: #ffffff26;
  --x-fg-alpha-20: #fff3;
  --x-fg-alpha-30: #ffffff4d;
  --x-fg-alpha-40: #fff6;
  --x-fg-alpha-50: #ffffff80;
  --x-fg-alpha-60: #fff9;
  --x-fg-alpha-70: #ffffffb3;
  --x-fg-alpha-80: #fffc;
  --x-fg-alpha-85: #ffffffd9;
  --x-fg-alpha-90: #ffffffe6;
  --x-fg-alpha-95: #fffffff2;
  --x-fg-alpha-100: #fff;
  --x-bg-alpha-00: #0000;
  --x-bg-alpha-05: #0000000d;
  --x-bg-alpha-10: #0000001a;
  --x-bg-alpha-15: #00000026;
  --x-bg-alpha-20: #0003;
  --x-bg-alpha-30: #0000004d;
  --x-bg-alpha-40: #0006;
  --x-bg-alpha-50: #00000080;
  --x-bg-alpha-60: #0009;
  --x-bg-alpha-70: #000000b3;
  --x-bg-alpha-80: #000c;
  --x-bg-alpha-85: #000000d9;
  --x-bg-alpha-90: #000000e6;
  --x-bg-alpha-95: #000000f2;
  --x-bg-alpha-100: #000;
}
.x-animated-count-visual {
  --x-animated-count-mask-height: 0.125em;
  margin-block: calc(-1 * var(--x-animated-count-mask-height));
  padding-block: var(--x-animated-count-mask-height);
  line-height: 1;
}
.x-animated-count-visual:has([data-spinning]) {
  --x-animated-count-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--x-animated-count-mask-height),
    #000 calc(100% - var(--x-animated-count-mask-height)),
    transparent 100%
  );
  -webkit-mask-image: var(--x-animated-count-mask-image);
  -webkit-mask-image: var(--x-animated-count-mask-image);
  -webkit-mask-image: var(--x-animated-count-mask-image);
  mask-image: var(--x-animated-count-mask-image);
  -webkit-mask-image: var(--x-animated-count-mask-image);
}
.x-animated-count-digit {
  will-change: transform;
  flex-direction: column;
  display: inline-flex;
}
.x-animated-count-digit-value {
  flex: none;
  height: 1em;
  display: block;
}
@keyframes enter-fade {
  0% {
    opacity: 0;
  }
}
@keyframes exit-fade {
  to {
    opacity: 0;
  }
}
@keyframes enter-pop {
  0% {
    opacity: 0;
    transform: scale(0.92) translateY(8px);
  }
}
@keyframes exit-pop {
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
@keyframes enter-rise {
  0% {
    transform: translateY(40px) scale(0.97);
  }
}
@keyframes enter-blur-rise {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(24px);
  }
}
@keyframes enter-unfurl-y {
  0% {
    opacity: 0;
    transform: scaleY(0.72);
  }
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
@keyframes marquee {
  0% {
    transform: translate(0%);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes shake {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-4px);
  }
  40% {
    transform: translate(4px);
  }
  60% {
    transform: translate(-3px);
  }
  80% {
    transform: translate(2px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    stroke-dashoffset: 24px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes callRise {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}