@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-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-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-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-one-col: 688px;
    --breakpoint-two-col: 1008px;
  }
}

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

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

* {
  scroll-behavior: smooth;
}

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

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

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.top-0 {
  top: 0;
}

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

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

.-m-2 {
  margin: -8px;
}

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

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

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

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

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

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

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

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

.contents {
  display: contents;
}

.flex {
  display: flex;
}

.hidden {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

.h-8 {
  height: 32px;
}

.h-9 {
  height: 36px;
}

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

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

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

.w-8 {
  width: 32px;
}

.w-10 {
  width: 40px;
}

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

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

.w-full {
  width: 100%;
}

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

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

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

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

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

.min-w-\[calc\(1em\+4px\)\] {
  min-width: calc(1em + 4px);
}

.flex-1 {
  flex: 1;
}

.shrink {
  flex-shrink: 1;
}

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

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

.cursor-pointer {
  cursor: pointer;
}

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

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

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

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

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

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

: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-stretch {
  align-self: stretch;
}

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

.overflow-hidden {
  overflow: hidden;
}

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

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

.rounded-full {
  border-radius: 9999px;
}

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

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

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

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

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

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

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

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

.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-gray-1100 {
  background-color: hsl(var(--color-gray-1100));
}

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

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

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

.p-0 {
  padding: 0;
}

.px-0 {
  padding-inline: 0;
}

.px-2 {
  padding-inline: 8px;
}

.px-3 {
  padding-inline: 12px;
}

.px-4 {
  padding-inline: 16px;
}

.px-horizontal {
  padding-inline: 16px;
}

.py-vertical {
  padding-block: 12px;
}

.ps-1 {
  padding-inline-start: 4px;
}

.pe-0 {
  padding-inline-end: 0;
}

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

.pb-8 {
  padding-bottom: 32px;
}

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

.text-body {
  font-size: 15px;
  line-height: var(--tw-leading, 20px);
}

.text-headline1 {
  font-size: 20px;
  line-height: var(--tw-leading, 24px);
}

.text-subtext1 {
  font-size: 14px;
  line-height: var(--tw-leading, 16px);
}

.text-subtext2 {
  font-size: 13px;
  line-height: var(--tw-leading, 16px);
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[length\:inherit\] {
  font-size: inherit;
}

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

.break-words {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-\[color\:inherit\] {
  color: inherit;
}

.text-gray-700 {
  color: hsl(var(--color-gray-700));
}

.text-gray-1100 {
  color: hsl(var(--color-gray-1100));
}

.text-inherit {
  color: inherit;
}

.text-primary {
  color: var(--x-fg-primary);
}

.text-text {
  color: hsl(var(--color-text));
}

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

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

.no-underline {
  text-decoration-line: none;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-75 {
  opacity: 0.75;
}

.outline-current {
  outline-color: currentColor;
}

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

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

.duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

: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\:invisible:is(:where(.group):focus-within *) {
  visibility: hidden;
}

.group-focus-within\:visible:is(:where(.group):focus-within *) {
  visibility: visible;
}

@media (hover: hover) {
  .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
    pointer-events: auto;
  }

  .group-hover\:invisible:is(:where(.group):hover *) {
    visibility: hidden;
  }

  .group-hover\: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-blue-500\/10:is(:where(.group):hover *) {
    background-color: var(--x-blue-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-blue-500\/10:is(:where(.group):hover *) {
      background-color: color-mix(in oklab, var(--x-blue-500) 10%, transparent);
    }
  }

  .group-hover\:bg-fg-alpha-10:is(:where(.group):hover *) {
    background-color: var(--x-fg-alpha-10);
  }

  .group-hover\:bg-gray-100:is(:where(.group):hover *) {
    background-color: hsl(var(--color-gray-100));
  }

  .group-hover\:bg-gray-200:is(:where(.group):hover *) {
    background-color: hsl(var(--color-gray-200));
  }

  .group-hover\:bg-green-500\/10:is(:where(.group):hover *) {
    background-color: var(--x-green-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-green-500\/10:is(:where(.group):hover *) {
      background-color: color-mix(
        in oklab,
        var(--x-green-500) 10%,
        transparent
      );
    }
  }

  .group-hover\:bg-magenta-500\/10:is(:where(.group):hover *) {
    background-color: var(--x-magenta-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-magenta-500\/10:is(:where(.group):hover *) {
      background-color: color-mix(
        in oklab,
        var(--x-magenta-500) 10%,
        transparent
      );
    }
  }

  .group-hover\:bg-mix-current:is(:where(.group):hover *) {
    background-image: linear-gradient(currentColor, currentColor);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-mix-current:is(:where(.group):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
        )
      );
    }
  }

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

.empty\:hidden:empty {
  display: none;
}

@media (hover: hover) {
  .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-btn-ghost-hover:hover {
    background-color: var(--x-btn-ghost-hover);
  }

  .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-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-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\:text-blue-500:hover {
    color: var(--x-blue-500);
  }

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

  .hover\:text-magenta-500:hover {
    color: var(--x-magenta-500);
  }

  .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .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\:bg-mix-amount-10:hover {
    --tw-bg-mix-amount: calc(10 * 1%);
  }
}

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

@supports (color: color-mix(in lab, red, red)) {
}

.active\:bg-btn-ghost-pressed:active {
  background-color: var(--x-btn-ghost-pressed);
}

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

.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-amount-15:active {
  --tw-bg-mix-amount: calc(15 * 1%);
}

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

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

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-70:disabled {
  opacity: 0.7;
}

.has-invalid\:border-red-500:has(:invalid) {
  border-color: var(--x-red-500);
}

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

@media (prefers-reduced-motion: no-preference) {
  .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;
  }

  .motion-safe\:focus-visible\:scale-\[1\.08\]:focus-visible {
    scale: 1.08;
  }
}

@media (prefers-reduced-motion: reduce) {
  .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;
  }
}

@media (width>=688px) {
  .one-col\:block {
    display: block;
  }

  .one-col\:flex {
    display: flex;
  }

  .one-col\:hidden {
    display: none;
  }

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

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

  .one-col\:max-w-\[688px\] {
    max-width: 688px;
  }

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

  .one-col\:border-gray-100 {
    border-color: hsl(var(--color-gray-100));
  }
}

@media (width>=987px) {
  :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)));
  }
}

@media (width>=988px) {
  :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)));
  }
}

@media (width>=1008px) {
  .two-col\:max-w-\[978px\] {
    max-width: 978px;
  }
}

@media (width>=1078px) {
  .nav-xl\:max-w-\[1038px\] {
    max-width: 1038px;
  }
}

@media (width>=1325px) {
  .nav-xxl\:w-\[275px\] {
    width: 275px;
  }

  .nav-xxl\:max-w-\[1225px\] {
    max-width: 1225px;
  }
}

@media (width>=48rem) {
  :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\: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;
  }
}

@container not (width>=290px) {
  .\@max-\[290px\]\:hidden {
    display: none;
  }
}

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

.\[\&_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\]\:duration-200 svg {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}

@media (hover: hover) {
  .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;
  }
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
  width: 16px;
  height: 16px;
}

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

@media not all and (width>=48rem) {
  .max-md\:\[\&\:not\(\:has\(\>\:only-child\)\)\]\:justify-between:not(
    :has(> :only-child)
  ) {
    justify-content: space-between;
  }
}

.\[\&\: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;
}

.\[\&\>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\]\:size-5 > svg {
  width: 20px;
  height: 20px;
}

.\[\&\>svg\]\:size-\[1\.5em\] > svg {
  width: 1.5em;
  height: 1.5em;
}

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

.\[\&\>svg\]\:size-\[1\.125rem\] > svg {
  width: 1.125rem;
  height: 1.125rem;
}

@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/Chirp-Light.190dbce4.latin.woff2) 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/Chirp-Light.7a1fb2af.latin-ext.woff2) 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/Chirp-Light.8586a4fa.cyrillic.woff2) 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/Chirp-Light.37db33e8.cyrillic-ext.woff2) 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/Chirp-Light.db93f25a.greek.woff2) 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/Chirp-Light.86079c60.vietnamese.woff2) 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/Chirp-Light.e1b18df5.symbols.woff2) 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/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/Chirp-Regular.f429be5b.latin-ext.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/Chirp-Regular.65cb29f6.cyrillic.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/Chirp-Regular.4829677c.cyrillic-ext.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/Chirp-Regular.1d1116eb.greek.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/Chirp-Regular.ecc151b4.vietnamese.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/Chirp-Regular.2f9f11dc.symbols.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/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/Chirp-Medium.31f2e29b.latin-ext.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/Chirp-Medium.05acadb2.cyrillic.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/Chirp-Medium.4f233ddb.cyrillic-ext.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/Chirp-Medium.638bf110.greek.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/Chirp-Medium.9e9ec1b5.vietnamese.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/Chirp-Medium.79fef6b2.symbols.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/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/Chirp-Bold.068b0200.latin-ext.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/Chirp-Bold.e91f44bd.cyrillic.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/Chirp-Bold.cbf2bee8.cyrillic-ext.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/Chirp-Bold.d9f61649.greek.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/Chirp-Bold.4e5772bb.vietnamese.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/Chirp-Bold.10701e14.symbols.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/Chirp-Heavy.a10373f5.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/Chirp-Heavy.8a607715.latin-ext.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/Chirp-Heavy.af75cb13.cyrillic.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/Chirp-Heavy.ad6144dc.cyrillic-ext.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/Chirp-Heavy.8d4b2d6d.greek.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/Chirp-Heavy.6f386e86.vietnamese.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/Chirp-Heavy.cb869e71.symbols.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'] {
  --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 {
  --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 {
    --x-shadow-focus: 0 0 0 2px
      color-mix(in srgb, var(--x-ring) 75%, transparent);
  }
}

:root {
  --x-shadow-focus-destructive: 0 0 0 2px var(--x-border-destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --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'] {
  --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'] {
    --x-shadow-focus: 0 0 0 2px
      color-mix(in srgb, var(--x-ring) 75%, transparent);
  }
}

:root[data-theme='dark'],
[data-theme='dark'] {
  --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'] {
    --x-shadow-focus-destructive: 0 0 0 2px
      color-mix(in srgb, var(--x-border-destructive) 80%, transparent);
  }
}

:root {
  --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'] {
  --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);
}

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

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

:root[data-theme='dark'] {
  background-color: #000;
}

[data-sonner-toast]:focus-visible {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(0, 0, 0, 0.2);
}

[data-sonner-toast][data-styled='true'] [data-button]:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}

[data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(0, 0, 0, 0.2);
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.x-logo1 {
  background-color: #00c1e5;
}
.x-logo2 {
  background-color: #00e572;
}
.x-logo3 {
  background-color: #e5a800;
}
.x-logo4 {
  background-color: #00c1e5;
}
.x-logo5 {
  background-color: #00e572;
}
.x-logo6 {
  background-color: #e55400;
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.x-logo1 {
  background-color: #00c1e5;
}
.x-logo2 {
  background-color: #00e572;
}
.x-logo3 {
  background-color: #e5a800;
}
.x-logo4 {
  background-color: #00c1e5;
}
.x-logo5 {
  background-color: #00e572;
}
.x-logo6 {
  background-color: #e55400;
}

.form-wrapper {
  margin-top: 12px;
}