/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --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-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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: "";
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-mask: initial;
    }
  }
}

:root {
  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --tt-gray-light-a-50: #3838380a;
  --tt-gray-light-a-100: #0f16240d;
  --tt-gray-light-a-200: #25272d1a;
  --tt-gray-light-a-300: #2f323733;
  --tt-gray-light-a-400: #282c336b;
  --tt-gray-light-a-500: #34373ca3;
  --tt-gray-light-a-600: #24272ec7;
  --tt-gray-light-a-700: #23252ade;
  --tt-gray-light-a-800: #1e2024f2;
  --tt-gray-light-a-900: #1d1e20fa;
  --tt-gray-light-50: #fafafa;
  --tt-gray-light-100: #f4f4f5;
  --tt-gray-light-200: #eaeaeb;
  --tt-gray-light-300: #d5d6d7;
  --tt-gray-light-400: #a6a7ab;
  --tt-gray-light-500: #7d7f82;
  --tt-gray-light-600: #53565a;
  --tt-gray-light-700: #404145;
  --tt-gray-light-800: #2c2d30;
  --tt-gray-light-900: #222325;
  --tt-gray-dark-a-50: #e8e8fd0d;
  --tt-gray-dark-a-100: #e7e7f312;
  --tt-gray-dark-a-200: #eeeef61c;
  --tt-gray-dark-a-300: #efeff538;
  --tt-gray-dark-a-400: #f4f4ff5e;
  --tt-gray-dark-a-500: #eceefd80;
  --tt-gray-dark-a-600: #f7f7fda3;
  --tt-gray-dark-a-700: #fbfbfebf;
  --tt-gray-dark-a-800: #fdfdfde0;
  --tt-gray-dark-a-900: #fffffff5;
  --tt-gray-dark-50: #19191a;
  --tt-gray-dark-100: #202022;
  --tt-gray-dark-200: #2d2d2f;
  --tt-gray-dark-300: #464649;
  --tt-gray-dark-400: #636369;
  --tt-gray-dark-500: #7c7c83;
  --tt-gray-dark-600: #a3a3a8;
  --tt-gray-dark-700: #c0c0c3;
  --tt-gray-dark-800: #e0e0e1;
  --tt-gray-dark-900: #f5f5f5;
  --tt-brand-color-50: #efeeff;
  --tt-brand-color-100: #dedbff;
  --tt-brand-color-200: #c3bdff;
  --tt-brand-color-300: #9d8aff;
  --tt-brand-color-400: #7a52ff;
  --tt-brand-color-500: #6229ff;
  --tt-brand-color-600: #5400e5;
  --tt-brand-color-700: #4b00cc;
  --tt-brand-color-800: #380099;
  --tt-brand-color-900: #2b1966;
  --tt-brand-color-950: #0d002e;
  --tt-color-green-inc-5: #f0fff2;
  --tt-color-green-inc-4: #d6ffdc;
  --tt-color-green-inc-3: #b8ffc5;
  --tt-color-green-inc-2: #90fea8;
  --tt-color-green-inc-1: #67fe92;
  --tt-color-green-base: #01fe73;
  --tt-color-green-dec-1: #03ce5e;
  --tt-color-green-dec-2: #02a247;
  --tt-color-green-dec-3: #007a35;
  --tt-color-green-dec-4: #005221;
  --tt-color-green-dec-5: #002e0f;
  --tt-color-yellow-inc-5: #fffcf0;
  --tt-color-yellow-inc-4: #fff7d1;
  --tt-color-yellow-inc-3: #fff1ad;
  --tt-color-yellow-inc-2: #ffeb8a;
  --tt-color-yellow-inc-1: #ffe45c;
  --tt-color-yellow-base: #fd0;
  --tt-color-yellow-dec-1: #d1b500;
  --tt-color-yellow-dec-2: #a38d00;
  --tt-color-yellow-dec-3: #7a6a00;
  --tt-color-yellow-dec-4: #524500;
  --tt-color-yellow-dec-5: #2e2600;
  --tt-color-red-inc-5: #ffeeeb;
  --tt-color-red-inc-4: #ffcdc2;
  --tt-color-red-inc-3: #fa9;
  --tt-color-red-inc-2: #ff8a75;
  --tt-color-red-inc-1: #ff5d47;
  --tt-color-red-base: #ff3014;
  --tt-color-red-dec-1: #d11800;
  --tt-color-red-dec-2: #a30e00;
  --tt-color-red-dec-3: #7a0800;
  --tt-color-red-dec-4: #520400;
  --tt-color-red-dec-5: #2e0100;
  --white: #fff;
  --black: #0e0e11;
  --transparent: #fff0;
  --tt-shadow-elevated-md: 0px 16px 48px 0px #1118270a, 0px 12px 24px 0px #1118270a,
    0px 6px 8px 0px #11182705, 0px 2px 3px 0px #11182705;
  --tt-radius-xxs: .125rem;
  --tt-radius-xs: .25rem;
  --tt-radius-sm: .375rem;
  --tt-radius-md: .5rem;
  --tt-radius-lg: .75rem;
  --tt-radius-xl: 1rem;
  --tt-transition-duration-short: .1s;
  --tt-transition-duration-default: .2s;
  --tt-transition-duration-long: .64s;
  --tt-transition-easing-default: cubic-bezier(.46, .03, .52, .96);
  --tt-transition-easing-cubic: cubic-bezier(.65, .05, .36, 1);
  --tt-transition-easing-quart: cubic-bezier(.77, 0, .18, 1);
  --tt-transition-easing-circ: cubic-bezier(.79, .14, .15, .86);
  --tt-transition-easing-back: cubic-bezier(.68, -.55, .27, 1.55);
  --tt-accent-contrast: 8%;
  --tt-destructive-contrast: 8%;
  --tt-foreground-contrast: 8%;
  --tt-bg-color: var(--white);
  --tt-border-color: var(--tt-gray-light-a-200);
  --tt-border-color-tint: var(--tt-gray-light-a-100);
  --tt-sidebar-bg-color: var(--tt-gray-light-100);
  --tt-scrollbar-color: var(--tt-gray-light-a-200);
  --tt-cursor-color: var(--tt-brand-color-500);
  --tt-selection-color: #9d8aff33;
  --tt-card-bg-color: var(--white);
  --tt-card-border-color: var(--tt-gray-light-a-100);
}

@media (prefers-color-scheme: dark) {

:root {
  --tt-bg-color: var(--black);
  --tt-border-color: var(--tt-gray-dark-a-200);
  --tt-border-color-tint: var(--tt-gray-dark-a-100);
  --tt-sidebar-bg-color: var(--tt-gray-dark-100);
  --tt-scrollbar-color: var(--tt-gray-dark-a-200);
  --tt-cursor-color: var(--tt-brand-color-400);
  --tt-selection-color: #7a52ff33;
  --tt-card-bg-color: var(--tt-gray-dark-50);
  --tt-card-border-color: var(--tt-gray-dark-a-50);
  --tt-shadow-elevated-md: 0px 16px 48px 0px #00000080, 0px 12px 24px 0px #0000003d,
    0px 6px 8px 0px #00000038, 0px 2px 3px 0px #0000001f;
}
}

:root {
  --tt-color-text-gray: #787673;
  --tt-color-text-brown: #9d6a53;
  --tt-color-text-orange: #d9730d;
  --tt-color-text-yellow: #ca922f;
  --tt-color-text-green: #448361;
  --tt-color-text-blue: #327da9;
  --tt-color-text-purple: #8f64af;
  --tt-color-text-pink: #c24c8b;
  --tt-color-text-red: #d34a45;
  --tt-color-text-gray-contrast: #54473126;
  --tt-color-text-brown-contrast: #d2a28e59;
  --tt-color-text-orange-contrast: #e07b3845;
  --tt-color-text-yellow-contrast: #ecbe4163;
  --tt-color-text-green-contrast: #7bb78145;
  --tt-color-text-blue-contrast: #5ea6cf45;
  --tt-color-text-purple-contrast: #a881c545;
  --tt-color-text-pink-contrast: #e189b445;
  --tt-color-text-red-contrast: #f4aa9f66;
}

@media (prefers-color-scheme: dark) {

:root {
  --tt-color-text-gray: #9c9c9c;
  --tt-color-text-brown: #b9856e;
  --tt-color-text-orange: #c77d48;
  --tt-color-text-yellow: #ca994e;
  --tt-color-text-green: #519e71;
  --tt-color-text-blue: #3699d3;
  --tt-color-text-purple: #9e69d3;
  --tt-color-text-pink: #d15796;
  --tt-color-text-red: #df5553;
  --tt-color-text-gray-contrast: #ffffff17;
  --tt-color-text-brown-contrast: #b9674640;
  --tt-color-text-orange-contrast: #e97d2533;
  --tt-color-text-yellow-contrast: #b3823d33;
  --tt-color-text-green-contrast: #2d9a6533;
  --tt-color-text-blue-contrast: #327da933;
  --tt-color-text-purple-contrast: #9b60d22e;
  --tt-color-text-pink-contrast: #dc4c9238;
  --tt-color-text-red-contrast: #dd555540;
}
}

:root {
  --tt-color-highlight-yellow: #fef9c3;
  --tt-color-highlight-green: #dcfce7;
  --tt-color-highlight-blue: #e0f2fe;
  --tt-color-highlight-purple: #f3e8ff;
  --tt-color-highlight-red: #ffe4e6;
  --tt-color-highlight-gray: #f8f8f7;
  --tt-color-highlight-brown: #f4eeee;
  --tt-color-highlight-orange: #fbecdd;
  --tt-color-highlight-pink: #fcf1f6;
  --tt-color-highlight-yellow-contrast: #fbe604;
  --tt-color-highlight-green-contrast: #c7fad8;
  --tt-color-highlight-blue-contrast: #ceeafd;
  --tt-color-highlight-purple-contrast: #e4ccff;
  --tt-color-highlight-red-contrast: #ffccd0;
  --tt-color-highlight-gray-contrast: #54483126;
  --tt-color-highlight-brown-contrast: #d2a28d59;
  --tt-color-highlight-orange-contrast: #e07c3945;
  --tt-color-highlight-pink-contrast: #e188b345;
}

@media (prefers-color-scheme: dark) {

:root {
  --tt-color-highlight-yellow: #6b6524;
  --tt-color-highlight-green: #509568;
  --tt-color-highlight-blue: #6e92aa;
  --tt-color-highlight-purple: #583e74;
  --tt-color-highlight-red: #743e42;
  --tt-color-highlight-gray: #2f2f2f;
  --tt-color-highlight-brown: #4a3228;
  --tt-color-highlight-orange: #5c3b23;
  --tt-color-highlight-pink: #4e2c3c;
  --tt-color-highlight-yellow-contrast: #58531e;
  --tt-color-highlight-green-contrast: #47855d;
  --tt-color-highlight-blue-contrast: #5e86a1;
  --tt-color-highlight-purple-contrast: #4c3564;
  --tt-color-highlight-red-contrast: #643539;
  --tt-color-highlight-gray-contrast: #ffffff18;
  --tt-color-highlight-brown-contrast: #b8654540;
  --tt-color-highlight-orange-contrast: #e97e2533;
  --tt-color-highlight-pink-contrast: #dc4c9138;
}
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand: #00b87c;
    --color-brand-action: #00875a;
    --color-brand-action-hover: #00774f;
    --color-brand-action-active: #006a47;
    --color-brand-action-foreground: #fff;
    --color-primary: oklch(50.8% .118 165.612);
    --color-primary-foreground: oklch(97.9% .021 166.113);
    --color-secondary: oklch(94% .008 90);
    --color-secondary-foreground: oklch(22% .006 70);
    --color-muted: oklch(94% .008 90);
    --color-muted-foreground: oklch(48% .01 70);
    --color-accent: oklch(93% .009 90);
    --color-accent-foreground: oklch(22% .006 70);
    --color-destructive: oklch(57.7% .245 27.325);
    --color-destructive-foreground: #fff;
    --color-border: oklch(87.5% .01 90);
    --color-input: oklch(87.5% .01 90);
    --color-background: oklch(96.8% .006 90);
    --color-foreground: oklch(22% .006 70);
    --color-card: oklch(98.8% .003 90);
    --color-card-foreground: oklch(22% .006 70);
    --color-popover: oklch(99.5% .002 90);
    --color-popover-foreground: oklch(22% .006 70);
    --color-link: #00875a;
    --color-success: #00875a;
    --color-success-foreground: #fff;
    --color-warning: #d97706;
    --color-info: #00875a;
    --color-sidebar: oklch(94.8% .008 90);
    --color-sidebar-accent: oklch(92.2% .009 90);
    --color-sidebar-border: oklch(87.5% .01 90);
    --color-surface-0: oklch(96.8% .006 90);
    --color-surface-1: oklch(97.8% .004 90);
    --color-surface-2: oklch(98.8% .003 90);
    --color-surface-3: oklch(92% .012 75);
    --color-surface-raised: oklch(92.2% .009 90);
    --color-border-subtle: oklch(91% .008 90);
    --color-border-hover: oklch(82% .012 90);
    --color-border-active: oklch(72% .014 90);
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  * {
    border-color: var(--color-border);
    transition: background-color .15s, border-color .15s, color .15s;
  }

  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    font-family: var(--font-family-sans);
    font-feature-settings: "liga" 1, "kern" 1;
    text-rendering: optimizelegibility;
    margin: 0;
    padding: 0;
  }

  html, body, #root {
    min-height: 100vh;
  }

  body[data-window-kind="dictation"], body[data-window-kind="meeting-notification"], body[data-window-kind="update-notification"], body[data-window-kind="transcription-preview"], body[data-window-kind="dictation"] > #root, body[data-window-kind="meeting-notification"] > #root, body[data-window-kind="update-notification"] > #root, body[data-window-kind="transcription-preview"] > #root {
    background: none;
    transition: none;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-sans);
    letter-spacing: -.025em;
    font-weight: 600;
    line-height: 1.15;
  }

  h1 {
    font-size: 2.5rem;
    font-weight: 700;
  }

  button {
    font-family: var(--font-family-sans);
    cursor: pointer;
  }

  button:hover, [role="button"]:hover, .cursor-pointer:hover, button svg:hover, [role="button"] svg:hover, a svg:hover, [data-icon]:hover, .icon:hover {
    cursor: pointer;
  }

  input:not(.input-inline):not([data-slot="input-group-control"]), textarea:not(.input-inline):not([data-slot="input-group-control"]):not([data-slot="textarea"]) {
    border-radius: var(--radius);
    font-family: var(--font-family-sans);
    box-shadow: inset 0 1px 2px oklch(from var(--color-foreground) l c h / .06);
    transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
  }

  :root input:not(.input-inline):not([data-slot="input-group-control"]), :root textarea:not(.input-inline):not([data-slot="input-group-control"]):not([data-slot="textarea"]) {
    background-color: var(--color-background);
    border: 1px solid var(--color-border);
    color: var(--color-foreground);
  }

  :root input:not(.input-inline):not([data-slot="input-group-control"]):focus, :root textarea:not(.input-inline):not([data-slot="input-group-control"]):not([data-slot="textarea"]):focus {
    border-color: var(--color-border-active);
    box-shadow: none;
    background-color: var(--color-background);
  }

  @media (prefers-color-scheme: dark) {

  :root input:not(.input-inline):not([data-slot="input-group-control"]), :root textarea:not(.input-inline):not([data-slot="input-group-control"]):not([data-slot="textarea"]) {
    background-color: var(--color-input);
    border: 1px solid var(--color-border);
    color: var(--color-foreground);
    box-shadow: none;
  }
  }

  @media (prefers-color-scheme: dark) {

  :root input:not(.input-inline):not([data-slot="input-group-control"]):focus, :root textarea:not(.input-inline):not([data-slot="input-group-control"]):not([data-slot="textarea"]):focus {
    border-color: var(--color-border-active);
    box-shadow: none;
  }
  }
}

@layer components;

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

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

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

  .\!visible {
    visibility: visible !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .not-sr-only {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[clamp\(96px\,14vh\,132px\)\] {
    top: clamp(96px, 14vh, 132px);
  }

  .top-full {
    top: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .right-full {
    right: 100%;
  }

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

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

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

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

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

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

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

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

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

  .bottom-full {
    bottom: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .isolation-auto {
    isolation: auto;
  }

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

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

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

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

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

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

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

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

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

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

  .container {
    width: 100%;
  }

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

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

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

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

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

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

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

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

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

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

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

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

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

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

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

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

  .my-1\.5\! {
    margin-block: calc(var(--spacing) * 1.5) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-\[84px\] {
    margin-left: 84px;
  }

  .ml-\[172px\] {
    margin-left: 172px;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline\! {
    display: inline !important;
  }

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

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

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

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

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table\! {
    display: table !important;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-column {
    display: table-column;
  }

  .table-column-group {
    display: table-column-group;
  }

  .table-footer-group {
    display: table-footer-group;
  }

  .table-header-group {
    display: table-header-group;
  }

  .table-row {
    display: table-row;
  }

  .table-row-group {
    display: table-row-group;
  }

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

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

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

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

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

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

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

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

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

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[min\(680px\,calc\(100vh-2rem\)\)\] {
    height: min(680px, 100vh - 2rem);
  }

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[min\(24rem\,var\(--radix-select-content-available-height\,24rem\)\)\] {
    max-height: min(24rem, var(--radix-select-content-available-height, 24rem));
  }

  .max-h-\[min\(26rem\,calc\(100vh-2rem\)\)\] {
    max-height: min(26rem, 100vh - 2rem);
  }

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\,calc\(100vh-2rem\)\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height, calc(100vh - 2rem));
  }

  .max-h-\[var\(--radix-hover-card-content-available-height\,calc\(100vh-2rem\)\)\] {
    max-height: var(--radix-hover-card-content-available-height, calc(100vh - 2rem));
  }

  .max-h-\[var\(--radix-popover-content-available-height\,calc\(100vh-2rem\)\)\] {
    max-height: var(--radix-popover-content-available-height, calc(100vh - 2rem));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-\[var\(--radix-popover-trigger-width\)\] {
    width: var(--radix-popover-trigger-width);
  }

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[64\.4rem\] {
    max-width: 64.4rem;
  }

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

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

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

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

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

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

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

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

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

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

  .max-w-\[min\(20rem\,var\(--radix-dropdown-menu-content-available-width\,calc\(100vw-2rem\)\)\)\] {
    max-width: min(20rem, var(--radix-dropdown-menu-content-available-width, calc(100vw - 2rem)));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-\[min\(var\(--radix-select-trigger-width\)\,calc\(100vw-2rem\)\)\] {
    min-width: min(var(--radix-select-trigger-width), calc(100vw - 2rem));
  }

  .flex-1 {
    flex: 1;
  }

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

  .shrink {
    flex-shrink: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

  .table-fixed {
    table-layout: fixed;
  }

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

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

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

  .origin-\[--radix-hover-card-content-transform-origin\] {
    transform-origin: --radix-hover-card-content-transform-origin;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .translate-none {
    translate: none;
  }

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

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }

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

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

  .scroll-fade {
    --_scroll-fade-size-t: var(--scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --scroll-fade-block: linear-gradient(to bottom,
    transparent 0,
    #000 var(--scroll-fade-t, 0px),
    #000 calc(100% - var(--scroll-fade-b, 0px)),
    transparent 100%);
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
    mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  @supports (animation-timeline: scroll()) {
    .scroll-fade {
      animation: 1ms ease-in-out scroll-fade-reveal-t, 1ms ease-in-out scroll-fade-reveal-b;
      animation-timeline: scroll(self y), scroll(self y);
      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
      animation-fill-mode: both;
    }
  }

  @supports not (animation-timeline: scroll()) {
    .scroll-fade {
      --scroll-fade-t: var(--_scroll-fade-size-t);
      --scroll-fade-b: var(--_scroll-fade-size-b);
    }
  }

  .animate-\[equalize_0\.9s_ease-in-out_infinite\] {
    animation: .9s ease-in-out infinite equalize;
  }

  .animate-\[loading-dot_1\.05s_ease-in-out_infinite\] {
    animation: 1.05s ease-in-out infinite loading-dot;
  }

  .animate-\[scale-in_300ms_ease-out\] {
    animation: .3s ease-out scale-in;
  }

  .animate-\[spinner-rotate_0\.8s_cubic-bezier\(0\.4\,0\,0\.2\,1\)_infinite\] {
    animation: .8s cubic-bezier(.4, 0, .2, 1) infinite spinner-rotate;
  }

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

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

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-progress {
    cursor: progress;
  }

  .cursor-text {
    cursor: text;
  }

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

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .scroll-px-1 {
    scroll-padding-inline: calc(var(--spacing) * 1);
  }

  .list-inside {
    list-style-position: inside;
  }

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

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

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

  .appearance-none {
    appearance: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-px {
    gap: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

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

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

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

  :where(.divide-y-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }

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

  :where(.divide-border\/50 > :not(:last-child)) {
    border-color: #d8d6cf80;
  }

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem;
  }

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

  .rounded-e {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem;
  }

  .rounded-se {
    border-start-end-radius: .25rem;
  }

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

  .rounded-es {
    border-end-start-radius: .25rem;
  }

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

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

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

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

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

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

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

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

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-amber-500\/25 {
    border-color: #f99c0040;
  }

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

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

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

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

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

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

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

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

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

  .border-border\/35 {
    border-color: #d8d6cf59;
  }

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

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

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

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

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

  .border-border\/50 {
    border-color: #d8d6cf80;
  }

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

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

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

  .border-border\/60 {
    border-color: #d8d6cf99;
  }

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

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

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

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

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

  .border-border\/90 {
    border-color: #d8d6cfe6;
  }

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

  .border-brand-action\/55 {
    border-color: #00875a8c;
  }

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

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

  .border-destructive\/20 {
    border-color: #e4001433;
  }

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

  .border-destructive\/30 {
    border-color: #e400144d;
  }

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

  .border-destructive\/70 {
    border-color: #e40014b3;
  }

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

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

  .border-foreground\/20 {
    border-color: #1c1a1833;
  }

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

  .border-foreground\/30 {
    border-color: #1c1a184d;
  }

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

  .border-info\/20 {
    border-color: #00875a33;
  }

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

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

  .border-muted-foreground\/30 {
    border-color: #615d584d;
  }

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

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

  .border-primary\/20 {
    border-color: #00795633;
  }

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

  .border-primary\/25 {
    border-color: #00795640;
  }

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

  .border-primary\/30 {
    border-color: #0079564d;
  }

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

  .border-primary\/50 {
    border-color: #00795680;
  }

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

  .border-primary\/60 {
    border-color: #00795699;
  }

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

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

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

  .border-sidebar-border\/60 {
    border-color: #d8d6cf99;
  }

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

  .border-success\/20 {
    border-color: #00875a33;
  }

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

  .border-success\/25 {
    border-color: #00875a40;
  }

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

  .border-success\/30 {
    border-color: #00875a4d;
  }

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

  .border-success\/70 {
    border-color: #00875ab3;
  }

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

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

  .border-warning\/20 {
    border-color: #d9770633;
  }

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

  .border-warning\/30 {
    border-color: #d977064d;
  }

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

  .border-t-foreground\/60 {
    border-top-color: #1c1a1899;
  }

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

  .border-t-primary {
    border-top-color: var(--color-primary);
  }

  .sidebar-highlight {
    background-color: var(--color-sidebar-accent);
    box-shadow: inset 0 0 0 1px #d8d6cfe6, var(--shadow-card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-highlight {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 90%, transparent), var(--shadow-card);
    }
  }

  @media (prefers-color-scheme: dark) {

  .sidebar-highlight:where(:root, :root *) {
    box-shadow: inset 0 0 0 1px #d8d6cf4d, var(--shadow-card);
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    .sidebar-highlight:where(:root, :root *) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 30%, transparent), var(--shadow-card);
    }
    }
  }

  .bg-\[var\(--sdm-tbg\)\] {
    background-color: var(--sdm-tbg);
  }

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

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

  .bg-amber-500\/6 {
    background-color: #f99c000f;
  }

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

  .bg-amber-500\/7 {
    background-color: #f99c0012;
  }

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

  .bg-amber-500\/80 {
    background-color: #f99c00cc;
  }

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

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

  .bg-background\/50 {
    background-color: #f6f4f080;
  }

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

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

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

  .bg-background\/65 {
    background-color: #f6f4f0a6;
  }

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

  .bg-background\/70 {
    background-color: #f6f4f0b3;
  }

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

  .bg-background\/75 {
    background-color: #f6f4f0bf;
  }

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

  .bg-background\/80 {
    background-color: #f6f4f0cc;
  }

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

  .bg-background\/90 {
    background-color: #f6f4f0e6;
  }

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

  .bg-background\/95 {
    background-color: #f6f4f0f2;
  }

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

  .bg-black\/10 {
    background-color: #0000001a;
  }

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

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

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

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

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

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

  .bg-border\/10 {
    background-color: #d8d6cf1a;
  }

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

  .bg-border\/60 {
    background-color: #d8d6cf99;
  }

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

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

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

  .bg-brand\/10 {
    background-color: #00b87c1a;
  }

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

  .bg-brand\/12 {
    background-color: #00b87c1f;
  }

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

  .bg-brand\/14 {
    background-color: #00b87c24;
  }

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

  .bg-brand\/20 {
    background-color: #00b87c33;
  }

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

  .bg-brand\/70 {
    background-color: #00b87cb3;
  }

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

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

  .bg-card\/70 {
    background-color: #fcfbf9b3;
  }

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

  .bg-card\/80 {
    background-color: #fcfbf9cc;
  }

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

  .bg-card\/85 {
    background-color: #fcfbf9d9;
  }

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

  .bg-card\/90 {
    background-color: #fcfbf9e6;
  }

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

  .bg-card\/95 {
    background-color: #fcfbf9f2;
  }

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

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

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

  .bg-destructive\/5 {
    background-color: #e400140d;
  }

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

  .bg-destructive\/7 {
    background-color: #e4001412;
  }

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

  .bg-destructive\/10 {
    background-color: #e400141a;
  }

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

  .bg-destructive\/15 {
    background-color: #e4001426;
  }

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

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

  .bg-emerald-500\/80 {
    background-color: #00bb7fcc;
  }

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

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

  .bg-foreground\/3 {
    background-color: #1c1a1808;
  }

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

  .bg-foreground\/5 {
    background-color: #1c1a180d;
  }

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

  .bg-foreground\/6 {
    background-color: #1c1a180f;
  }

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

  .bg-foreground\/8 {
    background-color: #1c1a1814;
  }

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

  .bg-foreground\/10 {
    background-color: #1c1a181a;
  }

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

  .bg-foreground\/40 {
    background-color: #1c1a1866;
  }

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

  .bg-foreground\/\[0\.025\] {
    background-color: #1c1a1806;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--color-foreground) 2.5%, transparent);
    }
  }

  .bg-foreground\/\[0\.045\] {
    background-color: #1c1a180b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-foreground) 4.5%, transparent);
    }
  }

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

  .bg-info\/8 {
    background-color: #00875a14;
  }

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

  .bg-info\/15 {
    background-color: #00875a26;
  }

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

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

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

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

  .bg-muted-foreground\/35 {
    background-color: #615d5859;
  }

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

  .bg-muted-foreground\/45 {
    background-color: #615d5873;
  }

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

  .bg-muted-foreground\/50 {
    background-color: #615d5880;
  }

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

  .bg-muted\/15 {
    background-color: #edebe526;
  }

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

  .bg-muted\/30 {
    background-color: #edebe54d;
  }

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

  .bg-muted\/35 {
    background-color: #edebe559;
  }

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

  .bg-muted\/40 {
    background-color: #edebe566;
  }

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

  .bg-muted\/50 {
    background-color: #edebe580;
  }

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

  .bg-muted\/55 {
    background-color: #edebe58c;
  }

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

  .bg-muted\/60 {
    background-color: #edebe599;
  }

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

  .bg-muted\/70 {
    background-color: #edebe5b3;
  }

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

  .bg-muted\/80 {
    background-color: #edebe5cc;
  }

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

  .bg-orange-500\/80 {
    background-color: #fe6e00cc;
  }

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

  .bg-pink-500\/80 {
    background-color: #f6339acc;
  }

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

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

  .bg-popover\/95 {
    background-color: #fefdfcf2;
  }

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

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

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

  .bg-primary\/5 {
    background-color: #0079560d;
  }

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

  .bg-primary\/8 {
    background-color: #00795614;
  }

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

  .bg-primary\/10 {
    background-color: #0079561a;
  }

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

  .bg-primary\/15 {
    background-color: #00795626;
  }

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

  .bg-primary\/40 {
    background-color: #00795666;
  }

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

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

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

  .bg-rose-500\/80 {
    background-color: #ff2357cc;
  }

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

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

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

  .bg-sidebar\/45 {
    background-color: #f0eee873;
  }

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

  .bg-sidebar\/80 {
    background-color: #f0eee8cc;
  }

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

  .bg-sky-500\/80 {
    background-color: #00a5efcc;
  }

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

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

  .bg-success\/8 {
    background-color: #00875a14;
  }

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

  .bg-success\/10 {
    background-color: #00875a1a;
  }

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

  .bg-success\/15 {
    background-color: #00875a26;
  }

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

  .bg-success\/20 {
    background-color: #00875a33;
  }

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

  .bg-success\/30 {
    background-color: #00875a4d;
  }

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

  .bg-success\/50 {
    background-color: #00875a80;
  }

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

  .bg-success\/60 {
    background-color: #00875a99;
  }

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

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

  .bg-surface-1\/80 {
    background-color: #f9f8f5cc;
  }

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

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

  .bg-surface-2\/70 {
    background-color: #fcfbf9b3;
  }

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

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

  .bg-surface-3\/65 {
    background-color: #e9e4dca6;
  }

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

  .bg-teal-500\/80 {
    background-color: #00baa7cc;
  }

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

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

  .bg-violet-500\/80 {
    background-color: #8d54ffcc;
  }

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

  .bg-warning\/5 {
    background-color: #d977060d;
  }

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

  .bg-warning\/8 {
    background-color: #d9770614;
  }

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

  .bg-warning\/10 {
    background-color: #d977061a;
  }

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

  .bg-warning\/15 {
    background-color: #d9770626;
  }

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

  .bg-warning\/20 {
    background-color: #d9770633;
  }

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

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

  .bg-\[length\:250\%_100\%\,auto\] {
    background-size: 250% 100%, auto;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .\[background-repeat\:no-repeat\,padding-box\] {
    background-repeat: no-repeat,padding-box;
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .mask-no-clip {
    -webkit-mask-clip: no-clip;
    mask-clip: no-clip;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .fill-current {
    fill: currentColor;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

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

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

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

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

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

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

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

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

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-px {
    padding-block: 1px;
  }

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

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

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

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

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

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

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

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

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

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

  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }

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

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

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

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

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

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

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

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

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

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

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

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

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

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

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

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

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

  .pb-\[max\(8rem\,calc\(var\(--note-bottom-dock-height\,0px\)\+2rem\)\)\] {
    padding-bottom: max(8rem, calc(var(--note-bottom-dock-height, 0px) + 2rem));
  }

  .pb-\[max\(10rem\,calc\(var\(--note-bottom-dock-height\,0px\)\+2rem\)\)\] {
    padding-bottom: max(10rem, calc(var(--note-bottom-dock-height, 0px) + 2rem));
  }

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

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

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

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

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

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

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

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

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

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

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

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

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[1\.3125rem\] {
    font-size: 1.3125rem;
  }

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

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

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

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

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

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

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

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }

  .tracking-\[0\.005em\] {
    --tw-tracking: .005em;
    letter-spacing: .005em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

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

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

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

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

  .text-ellipsis {
    text-overflow: ellipsis;
  }

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

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

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\] {
    color: #bc0515;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\] {
      color: color-mix(in oklab,var(--color-destructive) 80%,var(--color-foreground));
    }
  }

  .text-\[color-mix\(in_oklab\,var\(--color-warning\)_65\%\,var\(--color-foreground\)\)\] {
    color: #97560c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklab\,var\(--color-warning\)_65\%\,var\(--color-foreground\)\)\] {
      color: color-mix(in oklab,var(--color-warning) 65%,var(--color-foreground));
    }
  }

  .text-\[color-mix\(in_oklch\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\] {
    color: #bc0515;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_oklch\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\] {
      color: color-mix(in oklch,var(--color-destructive) 80%,var(--color-foreground));
    }
  }

  .text-\[var\(--sdm-c\,inherit\)\] {
    color: var(--sdm-c, inherit);
  }

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

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

  .text-amber-900 {
    color: var(--color-amber-900);
  }

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

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

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

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

  .text-brand-action {
    color: var(--color-brand-action);
  }

  .text-brand-action-active {
    color: var(--color-brand-action-active);
  }

  .text-brand-action-foreground {
    color: var(--color-brand-action-foreground);
  }

  .text-brand-action-hover {
    color: var(--color-brand-action-hover);
  }

  .text-card-foreground {
    color: var(--color-card-foreground);
  }

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

  .text-destructive-foreground {
    color: var(--color-destructive-foreground);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

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

  .text-foreground\/25 {
    color: #1c1a1840;
  }

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

  .text-foreground\/35 {
    color: #1c1a1859;
  }

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

  .text-foreground\/55 {
    color: #1c1a188c;
  }

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

  .text-foreground\/60 {
    color: #1c1a1899;
  }

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

  .text-foreground\/70 {
    color: #1c1a18b3;
  }

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

  .text-foreground\/75 {
    color: #1c1a18bf;
  }

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

  .text-foreground\/80 {
    color: #1c1a18cc;
  }

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

  .text-foreground\/85 {
    color: #1c1a18d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--color-foreground) 85%, transparent);
    }
  }

  .text-foreground\/90 {
    color: #1c1a18e6;
  }

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

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

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

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

  .text-inherit {
    color: inherit;
  }

  .text-muted-foreground {
    color: var(--color-muted-foreground);
  }

  .text-muted-foreground\/30 {
    color: #615d584d;
  }

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

  .text-muted-foreground\/35 {
    color: #615d5859;
  }

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

  .text-muted-foreground\/40 {
    color: #615d5866;
  }

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

  .text-muted-foreground\/45 {
    color: #615d5873;
  }

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

  .text-muted-foreground\/50 {
    color: #615d5880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
    }
  }

  .text-muted-foreground\/55 {
    color: #615d588c;
  }

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

  .text-muted-foreground\/60 {
    color: #615d5899;
  }

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

  .text-muted-foreground\/65 {
    color: #615d58a6;
  }

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

  .text-muted-foreground\/70 {
    color: #615d58b3;
  }

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

  .text-muted-foreground\/75 {
    color: #615d58bf;
  }

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

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-popover-foreground {
    color: var(--color-popover-foreground);
  }

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

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

  .text-primary\/40 {
    color: #00795666;
  }

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

  .text-primary\/50 {
    color: #00795680;
  }

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

  .text-red-600 {
    color: var(--color-red-600);
  }

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

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

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-secondary-foreground {
    color: var(--color-secondary-foreground);
  }

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

  .text-success-foreground {
    color: var(--color-success-foreground);
  }

  .text-transparent {
    color: #0000;
  }

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

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

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .italic\! {
    font-style: italic !important;
  }

  .not-italic {
    font-style: normal;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal\! {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important;
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .normal-nums {
    font-variant-numeric: normal;
  }

  .line-through {
    text-decoration-line: line-through;
  }

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

  .overline {
    text-decoration-line: overline;
  }

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

  .underline\! {
    text-decoration-line: underline !important;
  }

  .decoration-muted-foreground\/40 {
    text-decoration-color: #615d5866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-muted-foreground\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
    }
  }

  .decoration-primary\/35 {
    text-decoration-color: #00795659;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-primary\/35 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
    }
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .caret-primary {
    caret-color: var(--color-primary);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\(--shadow-card\) {
    --tw-shadow: var(--shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl, .shadow-\[0_25px_50px_-12px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--shadow-card\)\] {
    --tw-shadow: var(--shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--color-background);
  }

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

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_2px_8px_rgba\(0\,184\,124\,0\.18\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, #00b87c2e));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,transform\] {
    transition-property: background-color, border-color, color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,opacity\] {
    transition-property: color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,transform\,opacity\] {
    transition-property: width, transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

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

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[360ms\] {
    --tw-duration: .36s;
    transition-duration: .36s;
  }

  .duration-\[420ms\] {
    --tw-duration: .42s;
    transition-duration: .42s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

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

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

  .\[--color-link\:var\(--color-brand-action-hover\)\] {
    --color-link: var(--color-brand-action-hover);
  }

  .\[--color-link\:var\(--color-muted-foreground\)\] {
    --color-link: var(--color-muted-foreground);
  }

  .\[--scroll-fade-size\:0\.75rem\] {
    --scroll-fade-size: .75rem;
  }

  .\[--scroll-fade-size\:1\.25rem\] {
    --scroll-fade-size: 1.25rem;
  }

  .\[--scroll-fade-size\:1rem\] {
    --scroll-fade-size: 1rem;
  }

  .\[--scroll-fade-size\:12px\] {
    --scroll-fade-size: 12px;
  }

  .\[--scroll-fade-t-size\:0px\] {
    --scroll-fade-t-size: 0px;
  }

  .\[contain-intrinsic-height\:auto_80px\] {
    contain-intrinsic-height: auto 80px;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .\[counter-increment\:line_0\] {
    counter-increment: line 0;
  }

  .\[counter-reset\:line\] {
    counter-reset: line;
  }

  .\[overflow-anchor\:auto\] {
    overflow-anchor: auto;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .\[overflow-clip-margin\:4px\] {
    overflow-clip-margin: 4px;
  }

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

  .\[scrollbar-gutter\:stable_both-edges\] {
    scrollbar-gutter: stable both-edges;
  }

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

  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/chat\:opacity-100:is(:where(.group\/chat):focus-within *), .group-focus-within\/notes\:opacity-100:is(:where(.group\/notes):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/row\:text-foreground:is(:where(.group\/row):focus-within *) {
    color: var(--color-foreground);
  }

  .group-focus-within\/row\:opacity-0:is(:where(.group\/row):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--color-foreground);
    }

    .group-hover\:text-foreground\/75:is(:where(.group):hover *) {
      color: #1c1a18bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-foreground\/75:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-foreground) 75%, transparent);
      }
    }

    .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
      color: #1c1a18cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
      }
    }

    .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
      color: var(--color-muted-foreground);
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/chat\:text-foreground:is(:where(.group\/chat):hover *) {
      color: var(--color-foreground);
    }

    .group-hover\/chat\:opacity-0:is(:where(.group\/chat):hover *) {
      opacity: 0;
    }

    .group-hover\/chat\:opacity-100:is(:where(.group\/chat):hover *), .group-hover\/notes\:opacity-100:is(:where(.group\/notes):hover *) {
      opacity: 1;
    }

    .group-hover\/row\:text-foreground:is(:where(.group\/row):hover *) {
      color: var(--color-foreground);
    }

    .group-hover\/row\:opacity-0:is(:where(.group\/row):hover *) {
      opacity: 0;
    }

    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1;
    }
  }

  .group-has-\[\[data-state\=open\]\]\/row\:opacity-0:is(:where(.group\/row):has([data-state="open"]) *) {
    opacity: 0;
  }

  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    position: absolute;
  }

  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    top: calc(var(--spacing) * 3);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    right: calc(var(--spacing) * 3);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    gap: calc(var(--spacing) * 1);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
  }

  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size="xs"] *) {
    width: calc(var(--spacing) * 7);
  }

  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size="xs"] *) {
    border-radius: var(--radius-md);
  }

  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *) {
    opacity: 1;
  }

  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
    background-color: #e400141a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
    }
  }

  .group-data-\[state\=error\]\/attachment\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:is(:where(.group\/attachment)[data-state="error"] *) {
    color: #bc0515;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=error\]\/attachment\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:is(:where(.group\/attachment)[data-state="error"] *) {
      color: color-mix(in oklab,var(--color-destructive) 80%,var(--color-foreground));
    }
  }

  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--color-destructive);
  }

  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) {
    opacity: 1;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-\[\.is-assistant\]\:text-foreground:is(:where(.group).is-assistant *) {
    color: var(--color-foreground);
  }

  .group-\[\.is-user\]\:ml-auto:is(:where(.group).is-user *) {
    margin-left: auto;
  }

  .group-\[\.is-user\]\:justify-end:is(:where(.group).is-user *) {
    justify-content: flex-end;
  }

  .group-\[\.is-user\]\:rounded-3xl:is(:where(.group).is-user *) {
    border-radius: var(--radius-3xl);
  }

  .group-\[\.is-user\]\:rounded-lg:is(:where(.group).is-user *) {
    border-radius: var(--radius-lg);
  }

  .group-\[\.is-user\]\:border:is(:where(.group).is-user *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-\[\.is-user\]\:border-border\/90:is(:where(.group).is-user *) {
    border-color: #d8d6cfe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-\[\.is-user\]\:border-border\/90:is(:where(.group).is-user *) {
      border-color: color-mix(in oklab, var(--color-border) 90%, transparent);
    }
  }

  .group-\[\.is-user\]\:bg-surface-3:is(:where(.group).is-user *) {
    background-color: var(--color-surface-3);
  }

  .group-\[\.is-user\]\:px-4:is(:where(.group).is-user *) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .group-\[\.is-user\]\:py-3:is(:where(.group).is-user *) {
    padding-block: calc(var(--spacing) * 3);
  }

  .group-\[\.is-user\]\:text-foreground:is(:where(.group).is-user *) {
    color: var(--color-foreground);
  }

  .group-\[\.is-user\]\:shadow-\(--shadow-card\):is(:where(.group).is-user *) {
    --tw-shadow: var(--shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .selection\:bg-primary ::selection {
    background-color: var(--color-primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--color-primary);
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--color-primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--color-primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--color-foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--color-muted-foreground);
  }

  .placeholder\:text-muted-foreground\/45::placeholder {
    color: #615d5873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/45::placeholder {
      color: color-mix(in oklab, var(--color-muted-foreground) 45%, transparent);
    }
  }

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

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-6:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .before\:w-8:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .before\:text-right:before {
    content: var(--tw-content);
    text-align: right;
  }

  .before\:font-mono:before {
    content: var(--tw-content);
    font-family: var(--font-mono);
  }

  .before\:text-\[13px\]:before {
    content: var(--tw-content);
    font-size: 13px;
  }

  .before\:text-muted-foreground\/50:before {
    content: var(--tw-content);
    color: #615d5880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:text-muted-foreground\/50:before {
      color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
    }
  }

  .before\:content-\[counter\(line\)\]:before {
    --tw-content: counter(line);
    content: var(--tw-content);
  }

  .before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }

  .before\:\[counter-increment\:line\]:before {
    content: var(--tw-content);
    counter-increment: line;
  }

  @media (hover: hover) {
    .hover\:border-border:hover {
      border-color: var(--color-border);
    }

    .hover\:border-border-hover:hover {
      border-color: var(--color-border-hover);
    }

    .hover\:border-destructive\/25:hover {
      border-color: #e4001440;
    }

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

    .hover\:border-destructive\/30:hover {
      border-color: #e400144d;
    }

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

    .hover\:sidebar-highlight:hover {
      background-color: var(--color-sidebar-accent);
      box-shadow: inset 0 0 0 1px #d8d6cfe6, var(--shadow-card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:sidebar-highlight:hover {
        box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 90%, transparent), var(--shadow-card);
      }
    }

    @media (prefers-color-scheme: dark) {

    .hover\:sidebar-highlight:hover:where(:root, :root *) {
      box-shadow: inset 0 0 0 1px #d8d6cf4d, var(--shadow-card);
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      .hover\:sidebar-highlight:hover:where(:root, :root *) {
        box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 30%, transparent), var(--shadow-card);
      }
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_6\%\)\]:hover {
      background-color: #d70013;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_6\%\)\]:hover {
        background-color: color-mix(in oklab,var(--color-destructive),black 6%);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--color-muted-foreground\)\,black_6\%\)\]:hover {
      background-color: #5c5752;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--color-muted-foreground\)\,black_6\%\)\]:hover {
        background-color: color-mix(in oklab,var(--color-muted-foreground),black 6%);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_6\%\)\]:hover {
      background-color: #007251;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_6\%\)\]:hover {
        background-color: color-mix(in oklab,var(--color-primary),black 6%);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_6\%\)\]:hover {
      background-color: #007f55;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_6\%\)\]:hover {
        background-color: color-mix(in oklab,var(--color-success),black 6%);
      }
    }

    .hover\:bg-\[color-mix\(in_oklch\,var\(--color-secondary\)\,var\(--color-foreground\)_5\%\)\]:hover {
      background-color: #e3e1db;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--color-secondary\)\,var\(--color-foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--color-secondary),var(--color-foreground) 5%);
      }
    }

    .hover\:bg-accent:hover {
      background-color: var(--color-accent);
    }

    .hover\:bg-accent\/50:hover {
      background-color: #eae8e180;
    }

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

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

    .hover\:bg-background\/85:hover {
      background-color: #f6f4f0d9;
    }

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

    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }

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

    .hover\:bg-brand-action-hover:hover {
      background-color: var(--color-brand-action-hover);
    }

    .hover\:bg-destructive:hover {
      background-color: var(--color-destructive);
    }

    .hover\:bg-destructive\/8:hover {
      background-color: #e4001414;
    }

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

    .hover\:bg-destructive\/10:hover {
      background-color: #e400141a;
    }

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

    .hover\:bg-destructive\/20:hover {
      background-color: #e4001433;
    }

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

    .hover\:bg-foreground\/3:hover {
      background-color: #1c1a1808;
    }

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

    .hover\:bg-foreground\/4:hover {
      background-color: #1c1a180a;
    }

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

    .hover\:bg-foreground\/5:hover {
      background-color: #1c1a180d;
    }

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

    .hover\:bg-foreground\/7:hover {
      background-color: #1c1a1812;
    }

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

    .hover\:bg-foreground\/85:hover {
      background-color: #1c1a18d9;
    }

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

    .hover\:bg-foreground\/\[0\.035\]:hover {
      background-color: #1c1a1809;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.035\]:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 3.5%, transparent);
      }
    }

    .hover\:bg-foreground\/\[0\.045\]:hover {
      background-color: #1c1a180b;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.045\]:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 4.5%, transparent);
      }
    }

    .hover\:bg-muted:hover {
      background-color: var(--color-muted);
    }

    .hover\:bg-muted\/40:hover {
      background-color: #edebe566;
    }

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

    .hover\:bg-muted\/50:hover {
      background-color: #edebe580;
    }

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

    .hover\:bg-muted\/60:hover {
      background-color: #edebe599;
    }

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

    .hover\:bg-muted\/70:hover {
      background-color: #edebe5b3;
    }

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

    .hover\:bg-primary\/8:hover {
      background-color: #00795614;
    }

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

    .hover\:bg-primary\/90:hover {
      background-color: #007956e6;
    }

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

    .hover\:bg-secondary\/80:hover {
      background-color: #edebe5cc;
    }

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

    .hover\:bg-surface-2\/90:hover {
      background-color: #fcfbf9e6;
    }

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

    .hover\:bg-surface-3:hover {
      background-color: var(--color-surface-3);
    }

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

    .hover\:bg-warning\/10:hover {
      background-color: #d977061a;
    }

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

    .hover\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:hover {
      color: #bc0515;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:hover {
        color: color-mix(in oklab,var(--color-destructive) 80%,var(--color-foreground));
      }
    }

    .hover\:text-accent-foreground:hover {
      color: var(--color-accent-foreground);
    }

    .hover\:text-destructive:hover {
      color: var(--color-destructive);
    }

    .hover\:text-destructive-foreground:hover {
      color: var(--color-destructive-foreground);
    }

    .hover\:text-destructive\/90:hover {
      color: #e40014e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-destructive\/90:hover {
        color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
      }
    }

    .hover\:text-foreground:hover {
      color: var(--color-foreground);
    }

    .hover\:text-foreground\/75:hover {
      color: #1c1a18bf;
    }

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

    .hover\:text-foreground\/80:hover {
      color: #1c1a18cc;
    }

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

    .hover\:text-muted-foreground:hover {
      color: var(--color-muted-foreground);
    }

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

    .hover\:opacity-100\!:hover {
      opacity: 1 !important;
    }

    .hover\:shadow:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\(--shadow-card-hover-subtle\):hover {
      --tw-shadow: var(--shadow-card-hover-subtle);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:\[--color-link\:var\(--color-foreground\)\]:hover {
      --color-link: var(--color-foreground);
    }
  }

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

  .focus\:border-primary:focus {
    border-color: var(--color-primary);
  }

  .focus\:bg-accent:focus {
    background-color: var(--color-accent);
  }

  .focus\:bg-destructive\/10:focus {
    background-color: #e400141a;
  }

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

  .focus\:bg-foreground\/4:focus {
    background-color: #1c1a180a;
  }

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

  .focus\:bg-muted:focus {
    background-color: var(--color-muted);
  }

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

  .focus\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:focus {
    color: #bc0515;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:focus {
      color: color-mix(in oklab,var(--color-destructive) 80%,var(--color-foreground));
    }
  }

  .focus\:text-accent-foreground:focus {
    color: var(--color-accent-foreground);
  }

  .focus\:shadow-none:focus {
    --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);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-border:focus-visible {
    border-color: var(--color-border);
  }

  .focus-visible\:border-border-active:focus-visible {
    border-color: var(--color-border-active);
  }

  .focus-visible\:border-border-hover:focus-visible {
    border-color: var(--color-border-hover);
  }

  .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_6\%\)\]:focus-visible {
    background-color: #d70013;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_6\%\)\]:focus-visible {
      background-color: color-mix(in oklab,var(--color-destructive),black 6%);
    }
  }

  .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_6\%\)\]:focus-visible {
    background-color: #007251;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_6\%\)\]:focus-visible {
      background-color: color-mix(in oklab,var(--color-primary),black 6%);
    }
  }

  .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_6\%\)\]:focus-visible {
    background-color: #007f55;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_6\%\)\]:focus-visible {
      background-color: color-mix(in oklab,var(--color-success),black 6%);
    }
  }

  .focus-visible\:bg-\[color-mix\(in_oklch\,var\(--color-secondary\)\,var\(--color-foreground\)_5\%\)\]:focus-visible {
    background-color: #e3e1db;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_oklch\,var\(--color-secondary\)\,var\(--color-foreground\)_5\%\)\]:focus-visible {
      background-color: color-mix(in oklch,var(--color-secondary),var(--color-foreground) 5%);
    }
  }

  .focus-visible\:bg-background:focus-visible {
    background-color: var(--color-background);
  }

  .focus-visible\:bg-destructive\/8:focus-visible {
    background-color: #e4001414;
  }

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

  .focus-visible\:bg-destructive\/10:focus-visible {
    background-color: #e400141a;
  }

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

  .focus-visible\:bg-destructive\/20:focus-visible {
    background-color: #e4001433;
  }

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

  .focus-visible\:bg-foreground\/3:focus-visible {
    background-color: #1c1a1808;
  }

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

  .focus-visible\:bg-foreground\/5:focus-visible {
    background-color: #1c1a180d;
  }

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

  .focus-visible\:bg-foreground\/7:focus-visible {
    background-color: #1c1a1812;
  }

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

  .focus-visible\:bg-foreground\/85:focus-visible {
    background-color: #1c1a18d9;
  }

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

  .focus-visible\:bg-foreground\/\[0\.035\]:focus-visible {
    background-color: #1c1a1809;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-foreground\/\[0\.035\]:focus-visible {
      background-color: color-mix(in oklab, var(--color-foreground) 3.5%, transparent);
    }
  }

  .focus-visible\:bg-foreground\/\[0\.045\]:focus-visible {
    background-color: #1c1a180b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-foreground\/\[0\.045\]:focus-visible {
      background-color: color-mix(in oklab, var(--color-foreground) 4.5%, transparent);
    }
  }

  .focus-visible\:bg-muted:focus-visible {
    background-color: var(--color-muted);
  }

  .focus-visible\:bg-muted-foreground\/10:focus-visible {
    background-color: #615d581a;
  }

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

  .focus-visible\:bg-muted\/30:focus-visible {
    background-color: #edebe54d;
  }

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

  .focus-visible\:bg-muted\/40:focus-visible {
    background-color: #edebe566;
  }

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

  .focus-visible\:bg-muted\/50:focus-visible {
    background-color: #edebe580;
  }

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

  .focus-visible\:bg-muted\/70:focus-visible {
    background-color: #edebe5b3;
  }

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

  .focus-visible\:bg-primary\/8:focus-visible {
    background-color: #00795614;
  }

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

  .focus-visible\:bg-surface-2\/90:focus-visible {
    background-color: #fcfbf9e6;
  }

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

  .focus-visible\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:focus-visible {
    color: #bc0515;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:text-\[color-mix\(in_oklab\,var\(--color-destructive\)_80\%\,var\(--color-foreground\)\)\]:focus-visible {
      color: color-mix(in oklab,var(--color-destructive) 80%,var(--color-foreground));
    }
  }

  .focus-visible\:text-destructive:focus-visible {
    color: var(--color-destructive);
  }

  .focus-visible\:text-foreground:focus-visible {
    color: var(--color-foreground);
  }

  .focus-visible\:text-foreground\/80:focus-visible {
    color: #1c1a18cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:text-foreground\/80:focus-visible {
      color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
    }
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:underline\!:focus-visible {
    text-decoration-line: underline !important;
  }

  .focus-visible\:decoration-current:focus-visible {
    text-decoration-color: currentColor;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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\:brightness-90:focus-visible {
    --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, );
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

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

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

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

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

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_12\%\)\]:active {
    background-color: #c90012;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,black_12\%\)\]:active {
      background-color: color-mix(in oklab,var(--color-destructive),black 12%);
    }
  }

  .active\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_12\%\)\]:active {
    background-color: #006a4c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)\,black_12\%\)\]:active {
      background-color: color-mix(in oklab,var(--color-primary),black 12%);
    }
  }

  .active\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_12\%\)\]:active {
    background-color: #00774f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,black_12\%\)\]:active {
      background-color: color-mix(in oklab,var(--color-success),black 12%);
    }
  }

  .active\:bg-brand-action-active:active {
    background-color: var(--color-brand-action-active);
  }

  .active\:bg-foreground\/10:active {
    background-color: #1c1a181a;
  }

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

  .active\:bg-primary\/14:active {
    background-color: #00795624;
  }

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

  .active\:shadow-sm:active {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .disabled\:bg-muted:disabled {
    background-color: var(--color-muted);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

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

  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot="attachment-content"]) {
    width: calc(var(--spacing) * 30);
  }

  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 1);
  }

  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 1);
  }

  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 2);
  }

  .has-\[\:focus-visible\]\:bg-muted\/50:has(:focus-visible) {
    background-color: #edebe580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:focus-visible\]\:bg-muted\/50:has(:focus-visible) {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-border-active:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--color-border-active);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--color-destructive);
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  @media (hover: hover) {
    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
      background-color: #edebe580;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }

  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -.45rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -.35rem;
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:cursor-default[aria-disabled="true"] {
    cursor: default;
  }

  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-disabled\:opacity-55[aria-disabled="true"] {
    opacity: .55;
  }

  .aria-expanded\:bg-accent[aria-expanded="true"] {
    background-color: var(--color-accent);
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--color-muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--color-secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--color-foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--color-secondary-foreground);
  }

  .aria-expanded\:opacity-100[aria-expanded="true"] {
    opacity: 1;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--color-destructive);
  }

  @media (hover: hover) {
    .aria-invalid\:hover\:border-destructive[aria-invalid="true"]:hover {
      border-color: var(--color-destructive);
    }
  }

  .aria-invalid\:focus\:border-destructive[aria-invalid="true"]:focus, .aria-invalid\:focus-visible\:border-destructive[aria-invalid="true"]:focus-visible {
    border-color: var(--color-destructive);
  }

  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-highlighted\:bg-muted[data-highlighted] {
    background-color: var(--color-muted);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--color-muted-foreground);
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--color-accent);
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--color-accent-foreground);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] {
    flex: none;
  }

  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] {
    scroll-snap-align: start;
  }

  .data-\[state\=active\]\:bg-card[data-state="active"] {
    background-color: var(--color-card);
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: var(--color-foreground);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
    border-color: #e400144d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
      border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
    }
  }

  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--color-accent);
  }

  .data-\[state\=open\]\:bg-foreground\/6[data-state="open"] {
    background-color: #1c1a180f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-foreground\/6[data-state="open"] {
      background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent);
    }
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:bg-background\/70 {
      background-color: #f6f4f0b3;
    }

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

    .supports-\[backdrop-filter\]\:bg-sidebar\/70 {
      background-color: #f0eee8b3;
    }

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

    .supports-\[backdrop-filter\]\:backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .supports-\[backdrop-filter\]\:backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:scale-y-50 {
      --tw-scale-y: 50%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:border-t-muted-foreground {
      border-top-color: var(--color-muted-foreground);
    }

    .motion-reduce\:opacity-50 {
      opacity: .5;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mr-auto {
      margin-right: auto;
    }

    .sm\:block {
      display: block;
    }

    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

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

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

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

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

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

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

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-\[88px_minmax\(0\,1fr\)_144px\] {
      grid-template-columns: 88px minmax(0, 1fr) 144px;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    :where(.sm\:space-x-0 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @container (min-width: 560px) {
    .\@\[560px\]\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .\@\[560px\]\:justify-center {
      justify-content: center;
    }

    .\@\[560px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .\@\[560px\]\:text-\[11px\] {
      font-size: 11px;
    }

    .\@\[560px\]\:text-\[54px\] {
      font-size: 54px;
    }
  }

  @container (min-width: 34rem) {
    .\@\[34rem\]\:hidden {
      display: none;
    }

    .\@\[34rem\]\:inline {
      display: inline;
    }

    .\@\[34rem\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .\@\[34rem\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (prefers-color-scheme: dark) {

  :where(:root\:divide-border\/60:where(:root, :root *) > :not(:last-child)) {
    border-color: #d8d6cf99;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :where(:root\:divide-border\/60:where(:root, :root *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-amber-300\/15:where(:root, :root *) {
    border-color: #ffd23626;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-amber-300\/15:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-amber-300) 15%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-amber-800:where(:root, :root *) {
    border-color: var(--color-amber-800);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border:where(:root, :root *) {
    border-color: var(--color-border);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border-hover:where(:root, :root *) {
    border-color: var(--color-border-hover);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border-subtle:where(:root, :root *) {
    border-color: var(--color-border-subtle);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border-subtle\/40:where(:root, :root *) {
    border-color: #e3e1db66;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-border-subtle\/40:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-border-subtle) 40%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border-subtle\/80:where(:root, :root *) {
    border-color: #e3e1dbcc;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-border-subtle\/80:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-border-subtle) 80%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border\/30:where(:root, :root *) {
    border-color: #d8d6cf4d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-border\/30:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border\/60:where(:root, :root *) {
    border-color: #d8d6cf99;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-border\/60:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-border\/70:where(:root, :root *) {
    border-color: #d8d6cfb3;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-border\/70:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-brand\/70:where(:root, :root *) {
    border-color: #00b87cb3;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-brand\/70:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-destructive\/25:where(:root, :root *) {
    border-color: #e4001440;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-destructive\/25:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-destructive) 25%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-emerald-800:where(:root, :root *) {
    border-color: var(--color-emerald-800);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-info\/20:where(:root, :root *) {
    border-color: #00875a33;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-info\/20:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-info) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-input:where(:root, :root *) {
    border-color: var(--color-input);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-primary\/20:where(:root, :root *) {
    border-color: #00795633;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-primary\/20:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-primary\/30:where(:root, :root *) {
    border-color: #0079564d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-primary\/30:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-red-800:where(:root, :root *) {
    border-color: var(--color-red-800);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-success\/20:where(:root, :root *) {
    border-color: #00875a33;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-success\/20:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-success) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-transparent:where(:root, :root *) {
    border-color: #0000;
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-warning\/20:where(:root, :root *) {
    border-color: #d9770633;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-warning\/20:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-warning\/25:where(:root, :root *) {
    border-color: #d9770640;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-warning\/25:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-warning) 25%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/5:where(:root, :root *) {
    border-color: #ffffff0d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/5:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/6:where(:root, :root *) {
    border-color: #ffffff0f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/6:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/8:where(:root, :root *) {
    border-color: #ffffff14;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/8:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/10:where(:root, :root *) {
    border-color: #ffffff1a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/10:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/12:where(:root, :root *) {
    border-color: #ffffff1f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/12:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/15:where(:root, :root *) {
    border-color: #ffffff26;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/15:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:border-white\/25:where(:root, :root *) {
    border-color: #ffffff40;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:border-white\/25:where(:root, :root *) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\!bg-\[var\(--shiki-dark-bg\)\]:where(:root, :root *) {
    background-color: var(--shiki-dark-bg) !important;
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\]:where(:root, :root *) {
    background-color: var(--shiki-dark-bg, var(--sdm-tbg));
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-amber-300\/5:where(:root, :root *) {
    background-color: #ffd2360d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-amber-300\/5:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-amber-300) 5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-amber-900\/50:where(:root, :root *) {
    background-color: #7b330680;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-amber-900\/50:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-amber-950\/40:where(:root, :root *) {
    background-color: #46190166;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-amber-950\/40:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-amber-950\/50:where(:root, :root *) {
    background-color: #46190180;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-amber-950\/50:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-background:where(:root, :root *) {
    background-color: var(--color-background);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-background\/20:where(:root, :root *) {
    background-color: #f6f4f033;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-background\/20:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-background\/75:where(:root, :root *) {
    background-color: #f6f4f0bf;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-background\/75:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-background) 75%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-black\/10:where(:root, :root *) {
    background-color: #0000001a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-black\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-brand\/20:where(:root, :root *) {
    background-color: #00b87c33;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-brand\/20:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-brand) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-card:where(:root, :root *) {
    background-color: var(--color-card);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-destructive\/15:where(:root, :root *) {
    background-color: #e4001426;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-destructive\/15:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-destructive) 15%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-destructive\/20:where(:root, :root *) {
    background-color: #e4001433;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-destructive\/20:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-emerald-950\/40:where(:root, :root *) {
    background-color: #002c2266;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-emerald-950\/40:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-gray-700:where(:root, :root *) {
    background-color: var(--color-gray-700);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-info\/10:where(:root, :root *) {
    background-color: #00875a1a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-info\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-info) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-input\/30:where(:root, :root *) {
    background-color: #d8d6cf4d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-input\/30:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-muted:where(:root, :root *) {
    background-color: var(--color-muted);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-muted\/30:where(:root, :root *) {
    background-color: #edebe54d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-muted\/30:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-popover\/95:where(:root, :root *) {
    background-color: #fefdfcf2;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-popover\/95:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-popover) 95%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-primary\/10:where(:root, :root *) {
    background-color: #0079561a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-primary\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-primary\/15:where(:root, :root *) {
    background-color: #00795626;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-primary\/15:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-red-950\/40:where(:root, :root *) {
    background-color: #46080966;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-red-950\/40:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-success:where(:root, :root *) {
    background-color: var(--color-success);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-success\/10:where(:root, :root *) {
    background-color: #00875a1a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-success\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-0:where(:root, :root *) {
    background-color: var(--color-surface-0);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-1:where(:root, :root *) {
    background-color: var(--color-surface-1);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-1\/45:where(:root, :root *) {
    background-color: #f9f8f573;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-1\/45:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-1) 45%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-1\/75:where(:root, :root *) {
    background-color: #f9f8f5bf;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-1\/75:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-1) 75%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-2:where(:root, :root *) {
    background-color: var(--color-surface-2);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-2\/70:where(:root, :root *) {
    background-color: #fcfbf9b3;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-2\/70:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-2) 70%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-2\/80:where(:root, :root *) {
    background-color: #fcfbf9cc;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-2\/80:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-2) 80%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-2\/95:where(:root, :root *) {
    background-color: #fcfbf9f2;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-2\/95:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-2) 95%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-3:where(:root, :root *) {
    background-color: var(--color-surface-3);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-raised:where(:root, :root *) {
    background-color: var(--color-surface-raised);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-raised\/80:where(:root, :root *) {
    background-color: #e7e5dfcc;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-raised\/80:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-raised) 80%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-surface-raised\/90:where(:root, :root *) {
    background-color: #e7e5dfe6;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-surface-raised\/90:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-surface-raised) 90%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-transparent:where(:root, :root *) {
    background-color: #0000;
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-warning\/10:where(:root, :root *) {
    background-color: #d977061a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-warning\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-warning\/12:where(:root, :root *) {
    background-color: #d977061f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-warning\/12:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-warning) 12%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-warning\/15:where(:root, :root *) {
    background-color: #d9770626;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-warning\/15:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-warning) 15%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/4:where(:root, :root *) {
    background-color: #ffffff0a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/4:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/5:where(:root, :root *) {
    background-color: #ffffff0d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/5:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/6:where(:root, :root *) {
    background-color: #ffffff0f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/6:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/8:where(:root, :root *) {
    background-color: #ffffff14;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/8:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/10:where(:root, :root *) {
    background-color: #ffffff1a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/10:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/\[0\.025\]:where(:root, :root *) {
    background-color: #ffffff06;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/\[0\.025\]:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:bg-white\/\[0\.055\]:where(:root, :root *) {
    background-color: #ffffff0e;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:bg-white\/\[0\.055\]:where(:root, :root *) {
      background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\!text-\[var\(--shiki-dark\)\]:where(:root, :root *) {
    color: var(--shiki-dark) !important;
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\]:where(:root, :root *) {
    color: var(--shiki-dark, var(--sdm-c, inherit));
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-amber-100:where(:root, :root *) {
    color: var(--color-amber-100);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-amber-200:where(:root, :root *) {
    color: var(--color-amber-200);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-amber-300\/80:where(:root, :root *) {
    color: #ffd236cc;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-amber-300\/80:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-amber-400:where(:root, :root *) {
    color: var(--color-amber-400);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-background:where(:root, :root *) {
    color: var(--color-background);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-brand:where(:root, :root *) {
    color: var(--color-brand);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-destructive:where(:root, :root *) {
    color: var(--color-destructive);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-emerald-100:where(:root, :root *) {
    color: var(--color-emerald-100);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground:where(:root, :root *) {
    color: var(--color-foreground);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/55:where(:root, :root *) {
    color: #1c1a188c;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/55:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 55%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/60:where(:root, :root *) {
    color: #1c1a1899;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/60:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/75:where(:root, :root *) {
    color: #1c1a18bf;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/75:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 75%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/80:where(:root, :root *) {
    color: #1c1a18cc;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/80:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/85:where(:root, :root *) {
    color: #1c1a18d9;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/85:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 85%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-foreground\/90:where(:root, :root *) {
    color: #1c1a18e6;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:text-foreground\/90:where(:root, :root *) {
      color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-gray-400:where(:root, :root *) {
    color: var(--color-gray-400);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-info:where(:root, :root *) {
    color: var(--color-info);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-link:where(:root, :root *) {
    color: var(--color-link);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-muted-foreground:where(:root, :root *) {
    color: var(--color-muted-foreground);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-red-100:where(:root, :root *) {
    color: var(--color-red-100);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-success:where(:root, :root *) {
    color: var(--color-success);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-warning:where(:root, :root *) {
    color: var(--color-warning);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:text-white:where(:root, :root *) {
    color: var(--color-white);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:shadow-\[0_25px_60px_-12px_rgba\(0\,0\,0\,0\.5\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.05\)\]:where(:root, :root *) {
    --tw-shadow: 0 25px 60px -12px var(--tw-shadow-color, #00000080), 0 0 0 1px var(--tw-shadow-color, #ffffff0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:shadow-none:where(:root, :root *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-1:where(:root, :root *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-destructive\/20:where(:root, :root *) {
    --tw-ring-color: #e4001433;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:ring-destructive\/20:where(:root, :root *) {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-info\/20:where(:root, :root *) {
    --tw-ring-color: #00875a33;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:ring-info\/20:where(:root, :root *) {
      --tw-ring-color: color-mix(in oklab, var(--color-info) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-primary\/20:where(:root, :root *) {
    --tw-ring-color: #00795633;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:ring-primary\/20:where(:root, :root *) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-success\/20:where(:root, :root *) {
    --tw-ring-color: #00875a33;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:ring-success\/20:where(:root, :root *) {
      --tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:ring-warning\/20:where(:root, :root *) {
    --tw-ring-color: #d9770633;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:ring-warning\/20:where(:root, :root *) {
      --tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[--color-link\:var\(--color-brand\)\]:where(:root, :root *) {
    --color-link: var(--color-brand);
  }
  }

  @media (hover: hover) {
    @media (prefers-color-scheme: dark) {
    :root\:group-hover\:text-foreground\/70:where(:root, :root *):is(:where(.group):hover *) {
      color: #1c1a18b3;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:group-hover\:text-foreground\/70:where(:root, :root *):is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:group-hover\:text-foreground\/90:where(:root, :root *):is(:where(.group):hover *) {
      color: #1c1a18e6;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:group-hover\:text-foreground\/90:where(:root, :root *):is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:group-hover\/chat\:text-foreground\/90:where(:root, :root *):is(:where(.group\/chat):hover *) {
      color: #1c1a18e6;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:group-hover\/chat\:text-foreground\/90:where(:root, :root *):is(:where(.group\/chat):hover *) {
        color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
      }
      }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:group-\[\.is-user\]\:border-border\/30:where(:root, :root *):is(:where(.group).is-user *) {
    border-color: #d8d6cf4d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:group-\[\.is-user\]\:border-border\/30:where(:root, :root *):is(:where(.group).is-user *) {
      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:group-\[\.is-user\]\:bg-surface-raised:where(:root, :root *):is(:where(.group).is-user *) {
    background-color: var(--color-surface-raised);
  }
  }

  @media (hover: hover) {
    @media (prefers-color-scheme: dark) {
    :root\:hover\:border-border-hover:where(:root, :root *):hover {
      border-color: var(--color-border-hover);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:border-white\/15:where(:root, :root *):hover {
      border-color: #ffffff26;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:border-white\/15:where(:root, :root *):hover {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_6\%\)\]:where(:root, :root *):hover {
      background-color: #e60f23;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_6\%\)\]:where(:root, :root *):hover {
        background-color: color-mix(in oklab,var(--color-destructive),white 6%);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-muted-foreground\)\,white_6\%\)\]:where(:root, :root *):hover {
      background-color: #6b6662;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-muted-foreground\)\,white_6\%\)\]:where(:root, :root *):hover {
        background-color: color-mix(in oklab,var(--color-muted-foreground),white 6%);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_6\%\)\]:where(:root, :root *):hover {
      background-color: #0f8e64;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_6\%\)\]:where(:root, :root *):hover {
        background-color: color-mix(in oklab,var(--color-success),white 6%);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-accent\/50:where(:root, :root *):hover {
      background-color: #eae8e180;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-accent\/50:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-background\/85:where(:root, :root *):hover {
      background-color: #f6f4f0d9;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-background\/85:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-background) 85%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-destructive\/10:where(:root, :root *):hover {
      background-color: #e400141a;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-destructive\/10:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-destructive\/30:where(:root, :root *):hover {
      background-color: #e400144d;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-destructive\/30:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-input\/50:where(:root, :root *):hover {
      background-color: #d8d6cf80;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-input\/50:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-muted:where(:root, :root *):hover {
      background-color: var(--color-muted);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-muted\/50:where(:root, :root *):hover {
      background-color: #edebe580;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-muted\/50:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-primary\/8:where(:root, :root *):hover {
      background-color: #00795614;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-primary\/8:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-surface-2:where(:root, :root *):hover {
      background-color: var(--color-surface-2);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-surface-3:where(:root, :root *):hover {
      background-color: var(--color-surface-3);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-surface-raised:where(:root, :root *):hover {
      background-color: var(--color-surface-raised);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-surface-raised\/95:where(:root, :root *):hover {
      background-color: #e7e5dff2;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-surface-raised\/95:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-surface-raised) 95%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/4:where(:root, :root *):hover {
      background-color: #ffffff0a;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/4:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/5:where(:root, :root *):hover {
      background-color: #ffffff0d;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/5:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/7:where(:root, :root *):hover {
      background-color: #ffffff12;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/7:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/8:where(:root, :root *):hover {
      background-color: #ffffff14;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/8:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/12:where(:root, :root *):hover {
      background-color: #ffffff1f;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/12:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/\[0\.035\]:where(:root, :root *):hover {
      background-color: #ffffff09;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/\[0\.035\]:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:bg-white\/\[0\.045\]:where(:root, :root *):hover {
      background-color: #ffffff0b;
    }
    }

    @supports (color: color-mix(in lab, red, red)) {
      @media (prefers-color-scheme: dark) {
      :root\:hover\:bg-white\/\[0\.045\]:where(:root, :root *):hover {
        background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
      }
      }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:text-destructive:where(:root, :root *):hover {
      color: var(--color-destructive);
    }
    }

    @media (prefers-color-scheme: dark) {

    :root\:hover\:shadow-none:where(:root, :root *):hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus\:bg-primary\/8:where(:root, :root *):focus {
    background-color: #00795614;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus\:bg-primary\/8:where(:root, :root *):focus {
      background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus\:bg-white\/4:where(:root, :root *):focus {
    background-color: #ffffff0a;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus\:bg-white\/4:where(:root, :root *):focus {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:border-border-active:where(:root, :root *):focus-visible {
    border-color: var(--color-border-active);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:border-border-subtle:where(:root, :root *):focus-visible {
    border-color: var(--color-border-subtle);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_6\%\)\]:where(:root, :root *):focus-visible {
    background-color: #e60f23;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_6\%\)\]:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab,var(--color-destructive),white 6%);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_6\%\)\]:where(:root, :root *):focus-visible {
    background-color: #0f8e64;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_6\%\)\]:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab,var(--color-success),white 6%);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-destructive\/30:where(:root, :root *):focus-visible {
    background-color: #e400144d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-destructive\/30:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-input\/50:where(:root, :root *):focus-visible {
    background-color: #d8d6cf80;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-input\/50:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-muted\/50:where(:root, :root *):focus-visible {
    background-color: #edebe580;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-muted\/50:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-surface-raised:where(:root, :root *):focus-visible {
    background-color: var(--color-surface-raised);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-surface-raised\/95:where(:root, :root *):focus-visible {
    background-color: #e7e5dff2;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-surface-raised\/95:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-surface-raised) 95%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/5:where(:root, :root *):focus-visible {
    background-color: #ffffff0d;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/5:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/7:where(:root, :root *):focus-visible {
    background-color: #ffffff12;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/7:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/8:where(:root, :root *):focus-visible {
    background-color: #ffffff14;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/8:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/12:where(:root, :root *):focus-visible {
    background-color: #ffffff1f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/12:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/\[0\.035\]:where(:root, :root *):focus-visible {
    background-color: #ffffff09;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/\[0\.035\]:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:focus-visible\:bg-white\/\[0\.045\]:where(:root, :root *):focus-visible {
    background-color: #ffffff0b;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:focus-visible\:bg-white\/\[0\.045\]:where(:root, :root *):focus-visible {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:active\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_12\%\)\]:where(:root, :root *):active {
    background-color: #e81f31;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:active\:bg-\[color-mix\(in_oklab\,var\(--color-destructive\)\,white_12\%\)\]:where(:root, :root *):active {
      background-color: color-mix(in oklab,var(--color-destructive),white 12%);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:active\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_12\%\)\]:where(:root, :root *):active {
    background-color: #1f956e;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:active\:bg-\[color-mix\(in_oklab\,var\(--color-success\)\,white_12\%\)\]:where(:root, :root *):active {
      background-color: color-mix(in oklab,var(--color-success),white 12%);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:aria-invalid\:border-destructive:where(:root, :root *)[aria-invalid="true"] {
    border-color: var(--color-destructive);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:aria-invalid\:border-destructive\/50:where(:root, :root *)[aria-invalid="true"] {
    border-color: #e4001480;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:aria-invalid\:border-destructive\/50:where(:root, :root *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:aria-invalid\:focus\:border-destructive:where(:root, :root *)[aria-invalid="true"]:focus, :root\:aria-invalid\:focus-visible\:border-destructive:where(:root, :root *)[aria-invalid="true"]:focus-visible {
    border-color: var(--color-destructive);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:data-highlighted\:bg-primary\/8:where(:root, :root *)[data-highlighted] {
    background-color: #00795614;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:data-highlighted\:bg-primary\/8:where(:root, :root *)[data-highlighted] {
      background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:data-\[state\=open\]\:bg-white\/6:where(:root, :root *)[data-state="open"] {
    background-color: #ffffff0f;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:data-\[state\=open\]\:bg-white\/6:where(:root, :root *)[data-state="open"] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--color-muted-foreground);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_button\]\:h-7 button {
    height: calc(var(--spacing) * 7);
  }

  .\[\&_button\]\:rounded-full button {
    border-radius: 3.40282e38px;
  }

  .\[\&_button\]\:px-2\.5 button {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_button\]\:text-\[11px\] button {
    font-size: 11px;
  }

  .\[\&_button\]\:text-muted-foreground button {
    color: var(--color-muted-foreground);
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_span\]\:break-all span {
    word-break: break-all;
  }

  .\[\&_span\]\:whitespace-pre-wrap span {
    white-space: pre-wrap;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:h-auto svg {
    height: auto;
  }

  .\[\&_svg\]\:w-auto svg {
    width: auto;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_thead\]\:z-10 thead {
    z-index: 10;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/35::-webkit-scrollbar-thumb {
    background-color: #615d5859;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/35::-webkit-scrollbar-thumb {
      background-color: color-mix(in oklab, var(--color-muted-foreground) 35%, transparent);
    }
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .\[\&\:has\(\[aria-haspopup\=menu\]\)\]\:max-w-\[min\(20rem\,calc\(\(100vw-2rem\)\/2\)\)\]:has([aria-haspopup="menu"]) {
    max-width: min(20rem, 50vw - 1rem);
  }

  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-3.border-t {
    padding-top: calc(var(--spacing) * 3);
  }

  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
    aspect-ratio: 1;
  }

  :is(.\*\:\[img\]\:w-full > *):is(img) {
    width: 100%;
  }

  :is(.\*\:\[img\]\:object-cover > *):is(img) {
    object-fit: cover;
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\:last-child\]\:after\:inline > :last-child:after {
    content: var(--tw-content);
    display: inline;
  }

  .\[\&\>\*\:last-child\]\:after\:align-baseline > :last-child:after {
    content: var(--tw-content);
    vertical-align: baseline;
  }

  .\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:after {
    --tw-content: var(--streamdown-caret);
    content: var(--tw-content);
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md > :not(:first-child) {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md > :not(:last-child) {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>button\]\:border-border\/60 > button {
    border-color: #d8d6cf99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>button\]\:border-border\/60 > button {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }

  .\[\&\>button\]\:bg-transparent > button {
    background-color: #0000;
  }

  .\[\&\>button\]\:shadow-none > button {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:\[\&\>button\]\:bg-muted\/50:hover > button {
      background-color: #edebe580;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\[\&\>button\]\:bg-muted\/50:hover > button {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[\&\>button\]\:border-border\/70:where(:root, :root *) > button {
    border-color: #d8d6cfb3;
  }
  }

  @supports (color: color-mix(in lab, red, red)) {
    @media (prefers-color-scheme: dark) {
    :root\:\[\&\>button\]\:border-border\/70:where(:root, :root *) > button {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[\&\>button\]\:bg-transparent:where(:root, :root *) > button {
    background-color: #0000;
  }
  }

  .\[\&\>div\]\:rounded-full > div {
    border-radius: 3.40282e38px;
  }

  .\[\&\>div\]\:pb-0 > div {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .focus-visible\:\[\&\>div\]\:bg-muted\/50:focus-visible > div {
    background-color: #edebe580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:\[\&\>div\]\:bg-muted\/50:focus-visible > div {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius) - 5px);
  }

  .\[\&\>p\]\:inline > p {
    display: inline;
  }

  .\[\&\>span\]\:line-clamp-1 > span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\[\&\>span\]\:line-clamp-none > span {
    -webkit-line-clamp: unset;
    -webkit-box-orient: horizontal;
    display: block;
    overflow: visible;
  }

  .\[\&\>span\]\:min-w-0 > span {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:flex-1 > span {
    flex: 1;
  }

  .\[\&\>span\]\:truncate > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>span\]\:text-left > span {
    text-align: left;
  }

  .\[\&\>span\]\:break-words > span {
    overflow-wrap: break-word;
  }

  .\[\&\>span\]\:whitespace-normal > span {
    white-space: normal;
  }

  .\[\&\>span\]\:whitespace-nowrap > span {
    white-space: nowrap;
  }

  .\[\&\>span\:last-child\]\:min-w-0 > span:last-child {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>span\:last-child\]\:\[overflow-wrap\:anywhere\] > span:last-child {
    overflow-wrap: anywhere;
  }

  .\[\&\>span\:last-child\]\:whitespace-nowrap > span:last-child {
    white-space: nowrap;
  }

  .\[\&\>svg\]\:absolute > svg {
    position: absolute;
  }

  .\[\&\>svg\]\:top-4 > svg {
    top: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:left-4 > svg {
    left: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:size-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:text-amber-600 > svg {
    color: var(--color-amber-600);
  }

  .\[\&\>svg\]\:text-emerald-600 > svg {
    color: var(--color-emerald-600);
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--color-muted-foreground);
  }

  .\[\&\>svg\]\:text-red-600 > svg {
    color: var(--color-red-600);
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[\&\>svg\]\:text-amber-400:where(:root, :root *) > svg {
    color: var(--color-amber-400);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[\&\>svg\]\:text-emerald-400:where(:root, :root *) > svg {
    color: var(--color-emerald-400);
  }
  }

  @media (prefers-color-scheme: dark) {

  :root\:\[\&\>svg\]\:text-red-400:where(:root, :root *) > svg {
    color: var(--color-red-400);
  }
  }

  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left: calc(var(--spacing) * 7);
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  li .\[li_\&\]\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
}

@keyframes sd-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes sd-blurIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }

  to {
    opacity: 1;
    filter: blur();
  }
}

@keyframes sd-slideUp {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-sd-animate] {
  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, .15s) var(--sd-easing, ease) var(--sd-delay, 0s) both;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/inter-cyrillic-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/inter-latin-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --brand: #00b87c;
  --brand-action: #00875a;
  --brand-action-hover: #00774f;
  --brand-action-active: #006a47;
  --brand-action-foreground: #fff;
  --font-family-sans: "Inter Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --opacity-subtle: .1;
  --opacity-medium: .5;
  --opacity-high: .9;
  --radius: .875rem;
  --radius-sm: calc(var(--radius) * .6);
  --radius-md: calc(var(--radius) * .8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.4);
  --radius-2xl: calc(var(--radius) * 1.8);
  --radius-3xl: calc(var(--radius) * 2.2);
  --radius-4xl: calc(var(--radius) * 2.6);
  --color-parchment-bg: #f9f6f1;
  --color-parchment-border: #ddd4c7;
  --color-parchment-text: #2b1f14;
  --color-parchment-accent: #c0a77d;
  --color-brand-primary: #00875a;
  --color-brand-accent: #00b87c;
  --color-brand-highlight: #72d9b5;
  --color-brand-link: #00774f;
  --color-pattern: #e7e5e4;
  --shadow-metallic-light: inset 0 1px 0 #ffffff0f, 0 1px 3px #00000014;
  --shadow-card: 0 1px 2px oklch(22% .006 70 / .05), 0 0 0 1px oklch(22% .006 70 / .025);
  --shadow-card-hover: 0 6px 18px -8px oklch(22% .006 70 / .16), 0 2px 6px oklch(22% .006 70 / .06);
  --shadow-elevated: 0 12px 32px -12px oklch(22% .006 70 / .18), 0 2px 8px oklch(22% .006 70 / .06);
  --shadow-modal: 0 24px 64px -20px oklch(22% .006 70 / .26), 0 4px 16px oklch(22% .006 70 / .08);
  --shadow-card-hover-subtle: 0 2px 8px -2px #0000001a;
}

@media (prefers-color-scheme: dark) {

:root {
  --color-background: oklch(21% .01 286);
  --color-foreground: oklch(98.5% 0 0);
  --color-card: oklch(21% .006 285.885);
  --color-card-foreground: oklch(98.5% 0 0);
  --color-popover: oklch(21% .006 285.885);
  --color-popover-foreground: oklch(98.5% 0 0);
  --color-primary: oklch(43.2% .095 166.913);
  --color-primary-foreground: oklch(97.9% .021 166.113);
  --color-secondary: oklch(27.4% .006 286.033);
  --color-secondary-foreground: oklch(98.5% 0 0);
  --color-muted: oklch(27.4% .006 286.033);
  --color-muted-foreground: oklch(70.5% .015 286.067);
  --color-accent: oklch(27.4% .006 286.033);
  --color-accent-foreground: oklch(98.5% 0 0);
  --color-destructive: oklch(70.4% .191 22.216);
  --color-destructive-foreground: oklch(98.5% 0 0);
  --color-border: oklch(100% 0 0 / .1);
  --color-input: oklch(100% 0 0 / .15);
  --color-ring: oklch(55.2% .016 285.938);
  --color-success: #00b87c;
  --color-success-foreground: oklch(99% 0 0);
  --color-warning: oklch(75% .15 70);
  --color-warning-foreground: oklch(15% 0 0);
  --color-info: #00b87c;
  --color-info-foreground: oklch(99% 0 0);
  --color-surface-0: oklch(21% .01 286);
  --color-surface-1: oklch(24% .006 286);
  --color-surface-2: oklch(27.4% .006 286.033);
  --color-surface-3: oklch(30% .007 286);
  --color-surface-raised: oklch(33% .008 286);
  --color-border-subtle: oklch(33% .006 286);
  --color-border-hover: oklch(42% .01 286);
  --color-border-active: oklch(50% 0 0);
  --color-link: #00b87c;
  --color-sidebar: oklch(21% .006 285.885);
  --color-sidebar-foreground: oklch(98.5% 0 0);
  --color-sidebar-primary: oklch(69.6% .17 162.48);
  --color-sidebar-primary-foreground: oklch(26.2% .051 172.552);
  --color-sidebar-accent: oklch(27.4% .006 286.033);
  --color-sidebar-accent-foreground: oklch(98.5% 0 0);
  --color-sidebar-border: oklch(100% 0 0 / .1);
  --color-sidebar-ring: oklch(55.2% .016 285.938);
  --shadow-card: 0 1px 3px oklch(0% 0 0 / .2), inset 0 1px 0 oklch(100% 0 0 / .03);
  --shadow-card-hover: 0 4px 12px oklch(0% 0 0 / .25), inset 0 1px 0 oklch(100% 0 0 / .04);
  --shadow-elevated: 0 8px 24px oklch(0% 0 0 / .3);
  --shadow-modal: 0 24px 48px -12px oklch(0% 0 0 / .4);
  --shadow-metallic-dark: inset 0 1px 0 #ffffff0d, 0 2px 8px #0003;
  --shadow-selected-glow: inset 0 0 0 1px oklab(69.1163% -.145379 .049773 / .2),
    0 0 16px -4px oklab(69.1163% -.145379 .049773 / .2);
  --shadow-card-hover-subtle: 0 2px 8px -2px #0000001f;
}
}

@keyframes loading-dot {
  0%, 66.67%, 100% {
    transform: scaleY(.5);
  }

  33.33% {
    transform: scaleY(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  [data-sd-animate] {
    animation: none !important;
  }

  .chat-thinking-shimmer {
    --shimmer-highlight: var(--shimmer-base) !important;
  }

  .streamdown-pulse-caret > :last-child:after {
    opacity: .6;
    transform: none;
    animation: none !important;
  }
}

.control-panel-toolbar-grid {
  grid-template-columns: minmax(var(--control-panel-toolbar-side-min, 12rem), 1fr) minmax(0, 20rem) minmax(var(--control-panel-toolbar-side-min, 12rem), 1fr);
}

.control-panel-toolbar-activity-slot {
  container: control-panel-toolbar-activity / inline-size;
}

.control-panel-toolbar-context-slot {
  container: control-panel-toolbar-context / inline-size;
}

.note-editor-control-row {
  container: note-editor-controls / inline-size;
}

@container control-panel-toolbar-context (max-width: 18rem) {
  .control-panel-responsive-action {
    gap: 0;
    width: 1.75rem;
    padding-inline: 0;
  }

  .control-panel-responsive-action-label {
    display: none;
  }
}

@container note-editor-controls (max-width: 38rem) {
  .note-editor-responsive-action {
    gap: 0;
    width: 1.75rem;
    padding-inline: 0;
  }

  .note-editor-responsive-action-label {
    display: none;
  }
}

@container control-panel-toolbar-activity (max-width: 18rem) {
  .control-panel-activity-stop {
    gap: 0;
    width: 1.75rem;
    padding-inline: 0;
  }

  .control-panel-activity-stop-label {
    display: none;
  }
}

@container control-panel-toolbar-activity (max-width: 14rem) {
  .control-panel-activity-title {
    display: none;
  }
}

.control-panel-activity-group:has( > .control-panel-activity:nth-child(2)) .control-panel-activity-title, .control-panel-activity-group:has( > .control-panel-activity:nth-child(2)) .control-panel-activity-stop-label {
  display: none;
}

.control-panel-activity-group:has( > .control-panel-activity:nth-child(2)) .control-panel-activity-stop {
  gap: 0;
  width: 1.75rem;
  padding-inline: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

.brand-heading {
  font-family: var(--font-family-sans);
  letter-spacing: -.02em;
  font-weight: 600;
}

.brand-body {
  font-family: var(--font-family-sans);
  line-height: 1.6;
}

.card {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card, 0 1px 3px oklch(from var(--color-foreground) l c h / .08));
  transition: box-shadow .2s, transform .2s;
}

.card:hover {
  box-shadow: var(--shadow-card-hover, 0 4px 12px oklch(from var(--color-foreground) l c h / .1));
  transform: translateY(-1px);
}

@media (prefers-color-scheme: dark) {

:root .card {
  border-color: var(--color-border-subtle);
  box-shadow: var(--shadow-card);
}
}

@media (prefers-color-scheme: dark) {

:root .card:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: var(--color-border-hover);
  transform: none;
}
}

a {
  color: var(--color-link);
  cursor: pointer;
  text-decoration: none;
  transition: color .2s;
}

a:hover {
  color: var(--color-link);
  opacity: .8;
  cursor: pointer;
}

@keyframes spinner-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes equalize {
  0%, 100% {
    transform: scaleY(.35);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes float-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ring-fill {
  from {
    stroke-dashoffset: 94.25px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw-check {
  from {
    stroke-dashoffset: 24px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes drag-pulse {
  0%, 100% {
    opacity: .4;
    transform: scale(1);
  }

  50% {
    opacity: .7;
    transform: scale(1.02);
  }
}

@keyframes shimmer-slide {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 3px;
}

:hover::-webkit-scrollbar-thumb {
  background: var(--color-border);
}

:hover::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-hover);
}

::-webkit-scrollbar-corner {
  background: none;
}

@keyframes chat-message-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chat-cursor-blink {
  0%, 100% {
    opacity: .2;
  }

  50% {
    opacity: 1;
  }
}

@keyframes sd-chatWordIn {
  from {
    opacity: 0;
    filter: blur(2px);
  }

  to {
    opacity: 1;
    filter: none;
  }
}

.chat-thinking-shimmer {
  --shimmer-base: #615d58db;
}

@supports (color: color-mix(in lab, red, red)) {
  .chat-thinking-shimmer {
    --shimmer-base: color-mix(in oklab, var(--color-muted-foreground) 86%, transparent);
  }
}

.chat-thinking-shimmer {
  --shimmer-highlight: #1c1a18e0;
}

@supports (color: color-mix(in lab, red, red)) {
  .chat-thinking-shimmer {
    --shimmer-highlight: color-mix(in oklab, var(--color-foreground) 88%, transparent);
  }
}

@keyframes streamdown-caret-pulse {
  0%, 100% {
    opacity: .35;
    transform: scale(.8);
  }

  50% {
    opacity: .95;
    transform: scale(1);
  }
}

.streamdown-pulse-caret > :last-child:after {
  background: var(--color-foreground);
  vertical-align: baseline;
  border-radius: 9999px;
  width: .52em;
  height: .52em;
  margin-left: .22em;
  animation: 1.1s ease-in-out infinite streamdown-caret-pulse;
  display: inline-block;
  content: "" !important;
}

.agent-chat-scroll::-webkit-scrollbar {
  width: 4px;
}

.agent-chat-scroll::-webkit-scrollbar-track {
  background: none;
}

.agent-chat-scroll::-webkit-scrollbar-thumb {
  background: oklch(50% 0 0 / .2);
  border-radius: 2px;
}

.agent-chat-scroll::-webkit-scrollbar-thumb:hover {
  background: oklch(50% 0 0 / .3);
}

.rich-text-editor-content {
  color: var(--color-foreground);
  caret-color: var(--color-foreground);
  outline: none;
  padding: .75rem 1.25rem 5rem;
  font-size: .875rem;
  line-height: 1.7;
}

.rich-text-editor-content--document {
  min-height: 55vh;
  padding: .25rem 0 8rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.rich-text-editor-content--document > :first-child {
  margin-top: 0;
}

.rich-text-editor-content h1 {
  letter-spacing: -.02em;
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.25;
}

.rich-text-editor-content h2 {
  letter-spacing: -.01em;
  margin-top: 1.5rem;
  margin-bottom: .625rem;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.35;
}

.rich-text-editor-content h3 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.rich-text-editor-content p {
  margin-bottom: .625rem;
}

.rich-text-editor-content ul, .rich-text-editor-content ol {
  margin-bottom: .75rem;
  padding-left: 1.25rem;
}

.rich-text-editor-content ul {
  list-style-type: disc;
}

.rich-text-editor-content ul ul {
  list-style-type: circle;
}

.rich-text-editor-content ul ul ul {
  list-style-type: square;
}

.rich-text-editor-content ol {
  list-style-type: decimal;
}

.rich-text-editor-content li {
  margin-bottom: .25rem;
}

.rich-text-editor-content li > p {
  margin-bottom: 0;
}

.rich-text-editor-content li::marker {
  color: oklch(50% 0 0 / .4);
}

.rich-text-editor-content blockquote {
  color: var(--color-muted-foreground);
  border-left: 2px solid oklch(50% 0 0 / .15);
  margin: 1rem 0;
  padding-left: 1rem;
  font-style: italic;
}

.rich-text-editor-content code {
  background: oklch(50% 0 0 / .06);
  border-radius: 2px;
  padding: 1px 3px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  font-size: .875rem;
}

.rich-text-editor-content hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: 1.5rem 0;
}

.rich-text-editor-content [data-callout] {
  border-left: 3px solid var(--brand);
  background: var(--brand);
  border-radius: .5rem;
  margin: .75rem 0;
  padding: .75rem 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .rich-text-editor-content [data-callout] {
    background: color-mix(in oklab, var(--brand) 8%, transparent);
  }
}

.rich-text-editor-content .note-callout-success {
  border-left-color: #16a34a;
}

.rich-text-editor-content .note-callout-warning {
  border-left-color: #d97706;
}

.rich-text-editor-content .note-callout-danger {
  border-left-color: #dc2626;
}

.rich-text-editor-content details {
  border: 1px solid var(--color-border);
  border-radius: .5rem;
  margin: .75rem 0;
  padding: .5rem .75rem;
}

.rich-text-editor-content details > summary {
  cursor: pointer;
  font-weight: 600;
}

.rich-text-editor-content .note-attachment-card, .rich-text-editor-content .note-embed-card {
  border: 1px solid var(--color-border);
  background: #edebe559;
  border-radius: .625rem;
  align-items: center;
  gap: .5rem;
  margin: .75rem 0;
  padding: .75rem 1rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .rich-text-editor-content .note-attachment-card, .rich-text-editor-content .note-embed-card {
    background: color-mix(in oklab, var(--color-muted) 35%, transparent);
  }
}

.rich-text-editor-content .note-image-card {
  margin: .75rem 0;
}

.rich-text-editor-content .note-image-card img {
  border-radius: .5rem;
  max-width: 100%;
}

.rich-text-editor-content ::selection {
  background: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .rich-text-editor-content ::selection {
    background: color-mix(in oklab, var(--brand) 18%, transparent);
  }
}

.rich-text-editor-content ul[data-type="taskList"] {
  padding-left: 0;
  list-style: none;
}

.rich-text-editor-content ul[data-type="taskList"] li {
  align-items: flex-start;
  gap: .375rem;
  display: flex;
}

.rich-text-editor-content ul[data-type="taskList"] li > label {
  flex-shrink: 0;
  align-items: center;
  height: 1.25rem;
  margin-top: 0;
  display: flex;
}

.rich-text-editor-content ul[data-type="taskList"] li > div {
  flex: auto;
  min-width: 0;
  min-height: 1.25rem;
}

.rich-text-editor-content ul[data-type="taskList"] li > div > p {
  min-height: 1.25rem;
  margin-bottom: 0;
}

.rich-text-editor-content ul[data-type="taskList"] li > label input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  border: 1.5px solid oklch(50% 0 0 / .25);
  border-radius: 3px;
  flex-shrink: 0;
  width: .875rem;
  height: .875rem;
  margin: 0;
  transition: background-color .1s, border-color .1s;
  display: block;
}

.rich-text-editor-content ul[data-type="taskList"] li > label input[type="checkbox"]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
}

.rich-text-editor-content ul[data-type="taskList"] li[data-checked="true"] > div {
  color: var(--color-muted-foreground);
  text-decoration: line-through;
}

.rich-text-editor-content p.is-editor-empty:first-child:before {
  content: attr(data-placeholder);
  color: var(--color-muted-foreground);
  pointer-events: none;
  float: left;
  height: 0;
}

@media (prefers-color-scheme: dark) {

:root .rich-text-editor-content li::marker {
  color: oklch(70% 0 0 / .4);
}
}

@media (prefers-color-scheme: dark) {

:root .rich-text-editor-content blockquote {
  border-left-color: oklch(70% 0 0 / .2);
}
}

@media (prefers-color-scheme: dark) {

:root .rich-text-editor-content code {
  background: oklch(80% 0 0 / .08);
}
}

@media (prefers-color-scheme: dark) {

:root .rich-text-editor-content ul[data-type="taskList"] li > label input[type="checkbox"] {
  border-color: oklch(70% 0 0 / .3);
}
}

.rich-text-editor-content a {
  color: var(--color-brand-action-hover);
  opacity: 1;
}

@media (prefers-color-scheme: dark) {

:root .rich-text-editor-content a {
  color: var(--color-link);
}
}

html, body, #root {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-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-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes scroll-fade-reveal-t {
  from {
    --scroll-fade-t: 0px;
  }

  to {
    --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }
}

@keyframes scroll-fade-reveal-b {
  from {
    --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }

  to {
    --scroll-fade-b: 0px;
  }
}
/* Official Tiptap CodeBlockLowlight demo styles. */
.tiptap.ProseMirror :first-child {
  margin-top: 0;
}
.tiptap.ProseMirror pre {
  background: color-mix(in oklab, var(--color-card) 80%, transparent);
  border: 1px solid color-mix(in oklab, var(--color-border) 60%, transparent);
  border-radius: 0.5rem;
  color: var(--color-foreground);
  font-family: "JetBrainsMono", monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}
.tiptap.ProseMirror pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}
.tiptap.ProseMirror pre .hljs-comment,
.tiptap.ProseMirror pre .hljs-quote {
  color: #6a737d;
}
.tiptap.ProseMirror pre .hljs-variable,
.tiptap.ProseMirror pre .hljs-template-variable,
.tiptap.ProseMirror pre .hljs-attribute,
.tiptap.ProseMirror pre .hljs-tag,
.tiptap.ProseMirror pre .hljs-regexp,
.tiptap.ProseMirror pre .hljs-link,
.tiptap.ProseMirror pre .hljs-name,
.tiptap.ProseMirror pre .hljs-selector-id,
.tiptap.ProseMirror pre .hljs-selector-class {
  color: #b31d28;
}
.tiptap.ProseMirror pre .hljs-number,
.tiptap.ProseMirror pre .hljs-meta,
.tiptap.ProseMirror pre .hljs-built_in,
.tiptap.ProseMirror pre .hljs-builtin-name,
.tiptap.ProseMirror pre .hljs-literal,
.tiptap.ProseMirror pre .hljs-type,
.tiptap.ProseMirror pre .hljs-params {
  color: #005cc5;
}
.tiptap.ProseMirror pre .hljs-string,
.tiptap.ProseMirror pre .hljs-symbol,
.tiptap.ProseMirror pre .hljs-bullet {
  color: #032f62;
}
.tiptap.ProseMirror pre .hljs-title,
.tiptap.ProseMirror pre .hljs-section {
  color: #6f42c1;
}
.tiptap.ProseMirror pre .hljs-keyword,
.tiptap.ProseMirror pre .hljs-selector-tag {
  color: #d73a49;
}
.tiptap.ProseMirror pre .hljs-emphasis {
  font-style: italic;
}
.tiptap.ProseMirror pre .hljs-strong {
  font-weight: 700;
}

@media (prefers-color-scheme: dark) {

:root .tiptap.ProseMirror pre {
  background: var(--black);
  border-color: var(--tt-border-color);
  color: var(--white);
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-comment,
:root .tiptap.ProseMirror pre .hljs-quote {
  color: #616161;
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-variable,
:root .tiptap.ProseMirror pre .hljs-template-variable,
:root .tiptap.ProseMirror pre .hljs-attribute,
:root .tiptap.ProseMirror pre .hljs-tag,
:root .tiptap.ProseMirror pre .hljs-regexp,
:root .tiptap.ProseMirror pre .hljs-link,
:root .tiptap.ProseMirror pre .hljs-name,
:root .tiptap.ProseMirror pre .hljs-selector-id,
:root .tiptap.ProseMirror pre .hljs-selector-class {
  color: #f98181;
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-number,
:root .tiptap.ProseMirror pre .hljs-meta,
:root .tiptap.ProseMirror pre .hljs-built_in,
:root .tiptap.ProseMirror pre .hljs-builtin-name,
:root .tiptap.ProseMirror pre .hljs-literal,
:root .tiptap.ProseMirror pre .hljs-type,
:root .tiptap.ProseMirror pre .hljs-params {
  color: #fbbc88;
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-string,
:root .tiptap.ProseMirror pre .hljs-symbol,
:root .tiptap.ProseMirror pre .hljs-bullet {
  color: #b9f18d;
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-title,
:root .tiptap.ProseMirror pre .hljs-section {
  color: #faf594;
}
}
@media (prefers-color-scheme: dark) {
:root .tiptap.ProseMirror pre .hljs-keyword,
:root .tiptap.ProseMirror pre .hljs-selector-tag {
  color: #70cff8;
}
}/*$vite$:1*/
:root{color-scheme:light dark}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--background)}*,*::before,*::after{animation:none!important;transition:none!important;caret-color:transparent!important}.audio-native-scene{height:100%}.scroll-fade{--scroll-fade-t:12px;--scroll-fade-b:40px}body[data-scene=export] [data-audio-header]{position:relative;z-index:50}.audio-export-anchor{position:relative;z-index:20}.audio-export-menu{position:absolute!important;right:36px;top:calc(100% + 4px);width:max-content;max-width:calc(100vw - 40px);transform:none!important;opacity:1!important}@media(max-width:480px){[data-audio-header]{padding-inline:20px}[data-audio-transcript]{padding-inline:24px}.note-editor-control-row{flex-wrap:wrap}.audio-export-menu{right:0}}